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