{"id":26578,"date":"2020-09-29T22:10:31","date_gmt":"2020-09-30T02:10:31","guid":{"rendered":"https:\/\/www.dannyadam.com\/blog\/?p=26578"},"modified":"2020-10-02T11:21:10","modified_gmt":"2020-10-02T15:21:10","slug":"auto-highlight-updates","status":"publish","type":"post","link":"https:\/\/www.dannyadam.com\/blog\/2020\/09\/auto-highlight-updates\/","title":{"rendered":"Auto Highlight Updates"},"content":{"rendered":"\n<p><a href=\"https:\/\/github.com\/dstein64\/highlight\">Auto Highlight<\/a>\u2014discussed in a prior <a href=\"https:\/\/www.dannyadam.com\/blog\/2015\/04\/article-highlighter\/\">post<\/a>\u2014was released over five years ago, on April 24, 2015. The browser extension is intended for automatically highlighting the important content on article web pages.<\/p>\n\n\n\n<p>As shown by the GitHub contributions chart below, development was mostly inactive for a few years following the initial release.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-1024x329.png\" alt=\"\" class=\"wp-image-26637\" srcset=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-1024x329.png 1024w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-300x96.png 300w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-768x247.png 768w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-1536x494.png 1536w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-2048x658.png 2048w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-1200x386.png 1200w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/auto_highlight_commit_activity-1980x636.png 1980w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>I&#8217;ve recently added additional features. Thanks to the users who suggested some of these!<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\u2630 Context Menu<\/h4>\n\n\n\n<p>The extension permits three levels of highlighting. As of <code>v2.1.0<\/code>, it&#8217;s possible to use the context menu to directly apply the desired level of highlighting, rather than cycling through the levels. Additionally, controls for <em>Global Highlighting<\/em> and <em>Autonomous Highlights<\/em>\u2014both discussed below\u2014are available on the context menu.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/context_menu.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/context_menu-1024x878.png\" alt=\"\" class=\"wp-image-26613\" width=\"512\" height=\"439\" srcset=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/context_menu-1024x878.png 1024w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/context_menu-300x257.png 300w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/context_menu-768x659.png 768w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/context_menu.png 1110w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>The menu can be accessed by right-clicking either 1) the Auto Highlight icon in the browser toolbar, or 2) the currently open web page. In either case, the icons are shown only on Firefox, as Chrome and Edge do not currently support context menu icons below the top level.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h4 class=\"wp-block-heading\">\ud83c\udf08 Custom Colors<\/h4>\n\n\n\n<p>Within the options menu, there are now settings to control the color of highlighted text.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_option.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_option.png\" alt=\"\" class=\"wp-image-26604\" width=\"210\" height=\"105\" srcset=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_option.png 841w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_option-300x150.png 300w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_option-768x384.png 768w\" sizes=\"auto, (max-width: 210px) 100vw, 210px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-1024x391.png\" alt=\"\" class=\"wp-image-26601\" width=\"512\" height=\"196\" srcset=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-1024x391.png 1024w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-300x115.png 300w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-768x293.png 768w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-1536x587.png 1536w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-2048x782.png 2048w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-1200x458.png 1200w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/highlight_color_example-1980x756.png 1980w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83e\udd16 Autonomous Highlights<\/h4>\n\n\n\n<p>The <em>Autonomous Highlights<\/em> option toggles whether pages are highlighted upon loading, without requiring user interaction. <em>Delay<\/em> specifies how many seconds to wait\u2014after loading a page\u2014until autonomous highlighting is applied. <em>State<\/em> controls the amount of autonomous highlighting.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights-1024x465.png\" alt=\"\" class=\"wp-image-26611\" width=\"256\" height=\"116\" srcset=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights-1024x465.png 1024w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights-300x136.png 300w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights-768x349.png 768w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights-1536x698.png 1536w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights-1200x545.png 1200w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_highlights.png 1818w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>The <em>Blocklist<\/em> controls which pages do not receive autonomous highlights. In addition to URLs and hostnames, <a href=\"https:\/\/developer.chrome.com\/extensions\/match_patterns\">URL match patterns<\/a> can also be added to the blocklist. Rather than <em>blocking<\/em> autonomous highlighting on certain pages, the blocklist can alternatively be used for <em>allowing<\/em> autonomous highlighting on certain pages (this functionality is documented on the options page under <em>Blocklist Information &gt; Allowing Certain Pages<\/em>). Items can be added to the blocklist by either 1) manually specifying them on the options page, or 2) using the context menu to add specific URLs and hostnames.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_context_menu.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_context_menu-1024x822.png\" alt=\"\" class=\"wp-image-26615\" width=\"512\" height=\"411\" srcset=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_context_menu-1024x822.png 1024w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_context_menu-300x241.png 300w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_context_menu-768x617.png 768w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_context_menu-1200x964.png 1200w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/autonomous_context_menu.png 1250w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83c\udf9a\ufe0f Tinted Highlights<\/h4>\n\n\n\n<p>There is a new option that toggles whether highlights are tinted based on predicted sentence importance. Lower importance sentences, which receive more tinting, are highlighted with subsequent clicks of the highlighter icon.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-1024x391.png\" alt=\"\" class=\"wp-image-26606\" width=\"512\" height=\"196\" srcset=\"https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-1024x391.png 1024w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-300x115.png 300w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-768x294.png 768w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-1536x587.png 1536w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-2048x783.png 2048w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-1200x459.png 1200w, https:\/\/www.dannyadam.com\/blog\/wp-content\/uploads\/2020\/09\/tinted_highlights-1980x757.png 1980w\" sizes=\"auto, (max-width: 512px) 100vw, 512px\" \/><\/a><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83c\udf0e Global Highlighting<\/h4>\n\n\n\n<p><em>Global Highlighting<\/em> can be used to set the corresponding highlight level on every tab. This is applied once, upon clicking the desired highlighting level from the context menu or options page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">\ud83c\udf10 Browser Availability<\/h4>\n\n\n\n<p>Initially available only on the Chrome Web Store, <em>Auto Highlight<\/em> is now available from three browser add-on repositories.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Chrome<ul><li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/highlight\/dnkdpcbijfnmekbkchfjapfneigjomhh\">https:\/\/chrome.google.com\/webstore\/detail\/highlight\/dnkdpcbijfnmekbkchfjapfneigjomhh<\/a><\/li><\/ul><\/li><li>Edge<ul><li><a href=\"https:\/\/microsoftedge.microsoft.com\/addons\/detail\/djobhcecijhljcmdohlobhgiconbhnoo\">https:\/\/microsoftedge.microsoft.com\/addons\/detail\/djobhcecijhljcmdohlobhgiconbhnoo<\/a><\/li><\/ul><\/li><li>Firefox<ul><li><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/auto-highlight\/\">https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/auto-highlight\/<\/a><\/li><\/ul><\/li><\/ul>\n\n\n\n<p>Additionally, as of Chrome OS 80, <em>Auto Highlight<\/em> is <a href=\"https:\/\/support.google.com\/chromebook\/thread\/37354530\">available<\/a> for download on Chromebooks with <a href=\"https:\/\/families.google.com\/familylink\/\">Family Link<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Auto Highlight\u2014discussed in a prior post\u2014was released over five years ago, on April 24, 2015. The browser extension is intended for automatically highlighting the important content on article web pages. As shown by the GitHub contributions chart below, development was mostly inactive for a few years following the initial release. I&#8217;ve recently added additional features. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[87,86,39],"class_list":["post-26578","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-auto-highlight","tag-browser-extension","tag-summarization"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1sCC6-6UG","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/posts\/26578","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/comments?post=26578"}],"version-history":[{"count":52,"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/posts\/26578\/revisions"}],"predecessor-version":[{"id":26640,"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/posts\/26578\/revisions\/26640"}],"wp:attachment":[{"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/media?parent=26578"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/categories?post=26578"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dannyadam.com\/blog\/wp-json\/wp\/v2\/tags?post=26578"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}