Makes webpage text larger and readable.

Latest Version

Version
6.2.1
Update
December 9, 2024
Size
807KiB
Developer
Category
Users
556
Rating
4.33333 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
Tabs
Storage
DeclarativeNetRequest
See more

Better Text View Extension

Small text on a screen of device takes less pixels than larger text, causing loss of clarity and definition of text. If this small text is enlarged, the page and website becomes easily readable (especially for far-sight condition of eyes).
This extension enlarges text and makes text colors a contrasting black / white color.
Text contrast can be increased by the 'Strength' slider, with high positive values making text more black / white and negative values keeping text color unchanged.
The strength slider also determines the Zoom %, with default zero strength giving 175% (1.75) zoom value.
The text size is increased inversely depending on its size. This means small sized text is made much bigger than larger text, which is slightly increased in size. All text within size of Threshold setting is increased in size with text closer to Font Threshold size increasing less than text much lower size than Threshold, depending of Font Increase % setting.
Text size of ANY TEXT IS NOT DECREASED (unless '--g_smaller_text' is enabled) to less than its normal size. Smaller text becomes as large as (or larger than) text of Threshold size. Text near the Threshold size is unchanged or changed very slightly.


NEW CHANGES

Reverse colors will now have short flash of \"negative\" colors (which might be avoided by enabling '--g_avoid_negative') and become normal in end (of processing).
If size (area) of background images of BODY tag is greater than 100 times '--g_min_image_size', their colors are preserved in reverse colors.
'--g_smaller_text' now does normal scaling of font sizes, instead of inverse increase. Text sizes will appear similar to original text. The amount of smallness of text sizes is adjustable by \"Increase font %\".
Style sheet processing for colors is skipped if 'Dark mode' is set. Bugfix for images with 'PICTURE' tag not displayed in reverse colors on some sites. Stop the mutation observer when applying settings. Mark as done the parent nodes of new mutation nodes.
If content is 'appended' to page after it loads, the page settings will now also apply to the new content.
In 'Start 3 letters bold', the variable '--g_start3_caps' can now be set to line / paragraph mode, in which starting LETTER of line / paragraph is changed to different style specified in the variable value.
Added Pause / Resume function of speak out loud when zooming text. The Escape key pauses the reading, and pressing Escape again resumes the speech from where it was stopped.
Enabling 'Process black text' now changes originally black text to white color if background color brightness is less than '--g_min_bg_brightness'.
New variable '--g_skip_css_colors' which skips hue correction (and contrast) of elements processed in stylesheets. Setting '--g_skip_css_colors' to greater than 10 skips more elements than less than 10, and if greater than 99, skips text contrast. Default value is disabled.
The '--g_svg_bg_white' now also works for PNG images. Set this to enabled / 'dontinvert' if icons do not appear correct in reverse colors.
Bugfix for speak out loud text-to-speech, which would stop speech after few sentences. Now it might stop in long sentences, but less often.
Simplified contrast calculation. If text color brightness is more than background color brightness, text is made white, otherwise black.
SOME SITE SETTINGS will need adjusting. As the calculation relies on background color being correct (text color is generally always correct), most adjustment will be setting background color, through custom CSS, of elements having mismatch in color of background displayed vs. background calculated in CSS.
For SVG images in reverse colors, setting '--g_svg_bg_white' to 'dontinvert' will not apply invert filter to the images. If icons are not appearing correctly in reverse colors, try setting '--g_svg_bg_white' to 'dontinvert'.
Many small bugfixes.
The '--g_skip_css' now processes only pseudo elements/classes (:before/:after/:selection/:hover) part of stylesheet. To skip ALL processing of stylesheets, either set '--g_max_css_rules' to 0 (zero) or '--g_skip_css' to 99 (which skips pseudo class/elements AND rest of stylesheet).
New variable '--g_smaller_text' which is opposite of 'inverse text increase'. Text size is decreased proportionally to size. So sizes near the threshold get much more small than sizes away from threshold.
New variable '--g_min_image_size' in place of hardcoded value 199 for images less than this size to skip applying 'Invert image' filter in reverse colors.
Part of the stylesheet processing is now done by new variable '--g_change_vars' which changes variables of color values. Set this to enabled if some site colors are different.
'--g_keep_colors' now works with text background / border colors and :hover/:selection/:before/:after classes of text. Support for loading of cross-origin stylesheets which depends on variable '--g_load_crossorigin'.
\"Process :before/:after elements\" now does ::hover/::selection colors for hue correction in reverse colors. Use with '--g_load_crossorigin' and '--g_max_css_rules' to load all stylesheet rules. Default value of '--g_max_css_rules' changed from 1000 to 100.
\"Start 3 bold\" option now has variable '--g_start3_caps' which, when enabled, makes start 3 letters CAPITAL and bold.
Text is now READ OUT LOUD by speakers through Text-To-Speech engine when a page element having text is zoomed. The language of speaking is set by webpage language.
\"Avoid colored text\" option works correctly with reverse colors. The amount of colorfulness is specified by '--g_min_colorfulness' below which text can be made high contrast. A value of 256 / 300 will make all text high contrast, depending on strength slider.
Copy/Paste icons on popup menu to copy settings of one site and paste the settings to another site.
New option 'Process gradient colors' to enable / disable processing of background gradient colors in hue correction to keep original color pattern.
Keep text color same as original for short text with colorful backgrounds in reverse colors hue correction, which is enabled by setting --g_keep_colors to true or 1 (one).
New option 'Process black text', which is false by default, that allows processing black text when enabled or skip black colored text if disabled.
New variable \"--g_svg_bg_white\" which set to true, will make background of SVG images white in reverse colors.
Child elements of shadow root are processed similar to HTML elements.
Variables to allow skipping classes/tags/ids of elements from being reverse colored.
A new variable \"g_max_css_rules\" sets the maximum CSS rules count. If style sheet exceeds that, it is not processed. Default value is 1000.
Background color is preserved in reverse colors if the colorfulness is more than \"--g_min_colorfulness\" value (default: 41)
Adding \"#full_url\" to URL in Address box will store the settings with the full URL of the page so settings of special pages can be changed by adding \"#full_url\" to the Address box URL.
Variable '--g_max_child' which sets maximum child elements a node should have to set its line height.
CSS Variables '--g_zoom_keycode' for setting 'Zoom' key and '--g_avoid_negative' that avoids flicker of \"negative\" images in reverse colors.
Variable \"--g_foot_re\" in either custom CSS or global CSS rules will make footer areas of website colors as normal in reverse colors.
Zoom value (and the keycode assigned to it) can be given in custom CSS rules. as following : html { --g_zoom: 5.0; --g_zoom_keycode: 17; } which sets the zoom value of 500% (not possible by Strength slider) and the 'Control' keycode (17) to press (along with Numlock enabled).
Setting Strength to -300 (minus 300) skips doing high contrast text changes totally, resulting in faster processing.
Rest of changes described in Help.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Better Text View", "description": "Makes webpage text larger and readable.", "version": "6.2.1", "author": "Sammer", "permissions": [ "tabs", "storage", "declarativeNetRequest" ], "host_permissions": [ "*://*/*", "file:///*", "" ], "content_scripts": [{ "js": [ "src/pageAction_options.js", "src/enable.js", "src/options.js" ], "matches": [ "" ], "all_frames": true, "run_at": "document_idle", "match_about_blank": true }], "background": { "service_worker": "src/background.js" }, "options_ui": { "page": "options.html", "browser_style": false, "open_in_tab": true }, "action": { "default_icon": { "128": "assets/icons/halo.png" }, "default_title": "Manage Better Text View for this website", "default_popup": "pageAction_popup.html", "browser_style": true }, "commands": { "toggle": { "suggested_key": { "default": "Ctrl+7", "mac": "Command+7" }, "description": "Toggle Better Text View setting", "global": true } }, "icons": { "128": "assets/icons/halo.png" }, "manifest_version": 3}
Read more

How to download and manually install Better Text View extension for Chrome

Looking for a way to install Better Text View extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Better Text View extensions manually, this article outlines two simple methods to effortlessly install Better Text View extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Better Text View extension and manually install through Drag &Drop

If you ever need to manually install a Better Text View extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Better Text View Extension by clicking the "Download CRX" button on the website.

Look for the Better Text View extension you wish to install. Go to the website and download the Better Text View extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Better Text View extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Better Text View extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Better Text View extension for Chrome and install in Developer Mode

This is another method to install Better Text View extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Better Text View extension file

Select and download the Better Text View extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Better Text View extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Better Text View extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Better Text View extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Better Text View extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Text Blackness Extension · Accessibility 556 4 ★ 277KiB

icon

Optimize Legibility Extension · Developer Tools 556 13 ★ 6.84KiB

icon

Make Chrome Text Black Extension · Accessibility 556 16 ★ 19.02KiB

icon

Text Zoom to increase font sizes Extension · Productivity 556 53 ★ 2.5MiB

icon

Font Size Extension · Accessibility 556 12 ★ 19.07KiB

icon

Font Contrast Extension · Productivity 556 6 ★ 187KiB

icon

Make Text Readable for Google Chrome™ Extension · Productivity 556 28 ★ 395KiB

icon

A+ FontSize Changer Extension · Productivity 556 92 ★ 108KiB

icon

BlackInk Little Extension · Productivity 556 7 ★ 1.03MiB

icon

Blacker Text Extension · Accessibility 556 7 ★ 12.98KiB

icon

A+ FontSize Changer Lite Extension · Developer Tools 556 1 ★ 72.98KiB

icon

Bold Text Generator ᐈ #201+ Fancy Text Font Extension · Social & Communication 556 4 ★ 46.55KiB

icon

Advanced Font Changer Extension · Developer Tools 556 8 ★ 169KiB

icon

Chrome Font Super Enhancer Extension · Accessibility 556 17 ★ 107KiB

icon

Page Font Bolder Extension · Productivity 556 10 ★ 6.76KiB

icon

Fix Contrast Extension · Accessibility 556 4 ★ 83.52KiB

icon

Better Font Extension · Productivity 556 8 ★ 294KiB

icon

Re-Font Extension · Productivity 556 17 ★ 26.8KiB

icon

Font Changer Extension Extension · Accessibility 556 1 ★ 5.73KiB

icon

Darken text Extension · Social & Communication 556 39 ★ 18.23KiB

icon

Fontonic - Change Fonts Extension · Productivity 556 16 ★ 35.87KiB

icon

Font Changer Extension · Accessibility 556 21 ★ 196KiB

icon

System Font Everywhere Extension · Productivity 556 4 ★ 644KiB

User reviews

icon

Birdbrain Solutions (ID: 000000aa70864c80) Voted 3 ★ - Updated 09/03/2023 Activated on all websites inspite of deselecting the option, cannot change font weight, default option generally ruins the website layout a little bit, uninstalling because of this. Hope feedback helps