{"id":142,"date":"2020-08-03T08:00:00","date_gmt":"2020-08-03T07:00:00","guid":{"rendered":"https:\/\/www.stefanvd.net\/blog\/?p=142"},"modified":"2023-07-08T15:10:23","modified_gmt":"2023-07-08T14:10:23","slug":"zoom-chrome-extension-update-instantly-shows-the-zoomed-content","status":"publish","type":"post","link":"https:\/\/www.stefanvd.net\/blog\/2020\/08\/03\/zoom-chrome-extension-update-instantly-shows-the-zoomed-content\/","title":{"rendered":"Zoom Chrome extension 2.6 update instantly shows the zoomed content"},"content":{"rendered":"\n<p>Today I released the new Zoom Chrome extension version 2.6 engine, which is available in the Chrome web store. This new update has improved many features so you get the best zoom experience in your web browser like you have never seen before. And you are in control of the zoom values for all your websites.<br>One of the major improvements is when you load a web page. If the zoom value is different than the default the page zoom scale. Then it will instantly show you the new zoomed page. And no <em>zoom jump<\/em> or zoom <em>flash effect<\/em> from the default scale to the new zoom layout scale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Instantly zoomed page with the Zoom Chrome extension<\/h2>\n\n\n\n<p>One of the annoying problems I received by the feedback of my users, is the zoom jump problem. I take all the feedback from my users very seriously and with this browser extension update, there is no more zoom movement of the layout when the page is loading. You get instantly the correct zoomed page to see in your web browser.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1800\" style=\"aspect-ratio: 2880 \/ 1800;\" width=\"2880\" controls src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2020\/07\/zoom-chrome-extension-show-instantly-zoomed-content-page-on-google-news-website.mov\"><\/video><figcaption class=\"wp-element-caption\">Zoom Chrome extension &#8211; Google News page loads instantly the new zoom<\/figcaption><\/figure>\n\n\n\n<p>That is thanks to the new update that uses the <strong>chrome.webNavigation<\/strong> API. One of the powerful Web Extensions API to detect the status of the web browser navigation. So at the level &#8220;onCommitted&#8221;, it starts to set your new zoom value. And that is fast because when you must wait for DOM (Document Object Model) content is completely loaded. That can take a few seconds longer if it is a long web page with many multimedia elements. But now it instantly shows you the correct zoom value before the web page is visible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Event order chrome.webNavigation<\/h3>\n\n\n\n<pre class=\"wp-block-preformatted\">onBeforeNavigate -&gt; onCommitted -&gt; onDOMContentLoaded -&gt; onCompleted<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Design improvement Zoom Chrome extension<\/h2>\n\n\n\n<p>Also, there is a small design improvement that is better for accessibility software users. In the Zoom popup panel, it will show you now tooltips for the &#8216;zoom in&#8217;,  &#8216;zoom out&#8217;, and &#8216;reset&#8217; button. And at last, the reset button is a little larger to fit the complete text in the button width. When you choose the large popup view option in the Zoom Chrome extension Options page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Improvement Dark Mode icon<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"934\" height=\"244\" src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2020\/07\/zoom-chrome-extension-z-dark-mode-icon.png\" alt=\"Zoom Chrome extension Z icon with a white border when using Dark Mode\" class=\"wp-image-150\" srcset=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2020\/07\/zoom-chrome-extension-z-dark-mode-icon.png 934w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2020\/07\/zoom-chrome-extension-z-dark-mode-icon-300x78.png 300w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2020\/07\/zoom-chrome-extension-z-dark-mode-icon-768x201.png 768w\" sizes=\"(max-width: 934px) 100vw, 934px\" \/><figcaption class=\"wp-element-caption\">Zoom Chrome extension Z icon with a white border when using Dark Mode<\/figcaption><\/figure>\n\n\n\n<p>Furthermore, if you are a user that works late at night. And when you are using the Windows or Mac Operating System and set your work environment in a Dark appearance. You will see the Z icon of the Zoom browser extension more visible in the dark toolbar.<\/p>\n\n\n\n<p>If you are an existing Chrome user, the <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/zoom-for-google-chrome\/lajondecmobodlejlcjllhojikagldgd\" target=\"_blank\" aria-label=\"undefined (opens in a new tab)\" rel=\"noreferrer noopener\">Zoom browser extension<\/a> will be automatically updated. And if you are a new user, you can get the new Zoom browser extension for all web browsers that include Google Chrome, Firefox, Opera, and Microsoft Edge.<\/p>\n\n\n\n<p>If you like this free and useful update, please do not forget to support my work by making <a href=\"https:\/\/www.stefanvd.net\/donate\/\" target=\"_blank\" rel=\"noreferrer noopener\">a small donation<\/a>. That is to support further development and to continue to make this useful tool available for all users.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Today I released the new Zoom Chrome extension version 2.6 engine, which is available in the Chrome web store. This new update has improved many features so you get the best zoom experience in your web browser like you have never seen before. And you are in control of the zoom values for all your [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":155,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-142","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-browser"],"_links":{"self":[{"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/posts\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":18,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/posts\/142\/revisions"}],"predecessor-version":[{"id":1166,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/posts\/142\/revisions\/1166"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/media\/155"}],"wp:attachment":[{"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/media?parent=142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/categories?post=142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/tags?post=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}