{"id":1814,"date":"2024-05-21T22:20:59","date_gmt":"2024-05-21T21:20:59","guid":{"rendered":"https:\/\/www.stefanvd.net\/blog\/?p=1814"},"modified":"2024-06-29T14:28:33","modified_gmt":"2024-06-29T13:28:33","slug":"how-to-downgrade-a-chrome-extension","status":"publish","type":"post","link":"https:\/\/www.stefanvd.net\/blog\/2024\/05\/21\/how-to-downgrade-a-chrome-extension\/","title":{"rendered":"How to downgrade a Chrome extension in 3 easy steps?"},"content":{"rendered":"\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><p>Table of Contents<\/p><nav><ul><li><a href=\"#which-store-allows-downgrading-a-browser-extension\">Which Store allows downgrading a Browser Extension?<\/a><\/li><li><a href=\"#google-chrome-downgrade-a-chrome-extension\">Google Chrome &#8211; downgrade a Chrome extension<\/a><\/li><li><a href=\"#firefox-downgrade-a-firefox-extension\">Firefox &#8211; downgrade a Firefox extension<\/a><\/li><li><a href=\"#developer-version-control\">Developer version control<\/a><\/li><li><a href=\"#addition-resource\">Addition resource<\/a><\/li><li><a href=\"#conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<p>Do you want to downgrade a Chrome extension? Then there is good news. In early April 2024, the Google Chrome Web Store team announced a very interesting feature: the ability to roll back to your previously accepted Chrome extension version. Here, I will explain the steps involved and how this feature can benefit you. Additionally, I will compare it with the practices of other browser vendors.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><\/p>\n<cite>Great browser extensions take lots of trying and fixing, just like building anything cool. Mistakes happen, but that&#8217;s how you learn!<\/cite><\/blockquote>\n\n\n\n<p>Stefan Van Damme &#8211; Developer of the Turn Off the Lights browser extension<\/p>\n\n\n\n<p>Let us dive into this first overview of which web browser developer platform can downgrade your extension. Then I will provide detailed and in-depth information on downgrading your extension.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"which-store-allows-downgrading-a-browser-extension\">Which Store allows downgrading a Browser Extension?<\/h2>\n\n\n\n<p>Can all stores and galleries revert and downgrade to the previous version? The answer is no. Firefox was the first to implement this mechanism, and now Google Chrome has introduced it in April 2024.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Web browser<\/strong><\/td><td><strong>Previous Version Supported<\/strong><\/td><\/tr><tr><td>Google Chrome: Chrome Web Store<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">YES<\/mark><\/td><\/tr><tr><td>Firefox: Add-ons Gallery<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">YES<\/mark><\/td><\/tr><tr><td>Opera: Opera Add-ons Gallery<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">NO<\/mark><\/td><\/tr><tr><td>Microsoft Edge: Microsoft Edge Add-ons Gallery<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">NO<\/mark><\/td><\/tr><tr><td>Safari: App Store<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">NO<\/mark><\/td><\/tr><tr><td>Samsung Internet: Gallexy Store<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">NO<\/mark><\/td><\/tr><tr><td>Naver Whale: Whale Store<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">NO<\/mark><\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">Browser previous version support table<\/figcaption><\/figure>\n\n\n\n<p>Next, I will provide you with the step-by-step process of reverting a Chrome extension back to its previous version in the Chrome Web Store, and the same applies for the Firefox extension.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"google-chrome-downgrade-a-chrome-extension\">Google Chrome &#8211; downgrade a Chrome extension<\/h2>\n\n\n\n<p>You can create a new Chrome extension in the Chrome Web Store, manage its description text, manage privacy, and screenshots. To revert a certain Chrome extension back to its previous version, follow the steps outlined below to downgrade a Chrome extension.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open the Chrome Web Store developer dashboard page:<br><a href=\"https:\/\/chrome.google.com\/webstore\/devconsole\/\" target=\"_blank\" rel=\"noopener\">https:\/\/chrome.google.com\/webstore\/devconsole\/<\/a><\/li>\n\n\n\n<li>You will see a list of all your Chrome extensions that you have created. Click on the Chrome extension name to edit it. For example, here I click on the name &#8220;Zoom for Google Chrome&#8221;. That will open this page.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-store-description-1024x450-1.webp\" alt=\"Zoom Chrome extension developer page\" class=\"wp-image-1867\" srcset=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-store-description-1024x450-1.webp 1024w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-store-description-1024x450-1-300x132.webp 300w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-store-description-1024x450-1-768x338.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Zoom Chrome extension developer page<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Now, on the top right, click on the three-dot icons, and select the menu item &#8220;Roll back version&#8221;.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-chrome-extension-downgrade-store-listing-page-1024x450-1.webp\" alt=\"Zoom for Google Chrome downgrade a Chrome extension\" class=\"wp-image-1863\" srcset=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-chrome-extension-downgrade-store-listing-page-1024x450-1.webp 1024w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-chrome-extension-downgrade-store-listing-page-1024x450-1-300x132.webp 300w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-chrome-extension-downgrade-store-listing-page-1024x450-1-768x338.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Zoom for Google Chrome downgrade a Chrome extension<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>A popup panel will appear, allowing you to revert to the previous version. It will automatically update the version number to the new one. Additionally, you must provide a reason for the downgrade. Once everything is filled out, click on the &#8220;Roll back&#8221; button.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-roll-back-version-1024x575-1.webp\" alt=\"Roll back to the previously published version\" class=\"wp-image-1865\" srcset=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-roll-back-version-1024x575-1.webp 1024w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-roll-back-version-1024x575-1-300x168.webp 300w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-roll-back-version-1024x575-1-768x431.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Roll back to the previously published version<\/figcaption><\/figure>\n\n\n\n<p>And that is it! You downgrade a Chrome extension, and within one minute, the update becomes available for all your Chrome extension users. The rollback to the previous version works for both Chrome extensions and Chrome themes. And there is no review needed because the Chrome Web Store team already reviewed the previous version.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"firefox-downgrade-a-firefox-extension\">Firefox &#8211; downgrade a Firefox extension<\/h2>\n\n\n\n<p>In the Firefox Add-ons Gallery, you can find previously accepted Firefox extensions. Each Firefox extension undergoes review by a Mozilla reviewer. When an extension is deemed safe and approved, it is signed and added to the history files. If you want to remove it, you can do so by going to the &#8220;Status &amp; Versions&#8221; page and clicking on the &#8220;Delete\/disable&#8221; link.<\/p>\n\n\n\n<p>Downgrading a Firefox extension can be necessary if you encounter compatibility issues or prefer an older version for some reason. Here is a simple guide to do it in three steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open your Developer Hub and open that specific add-on. For example, here I choose the &#8220;Note Sidebar for Firefox&#8221; extension.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"553\" src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-developer-hub-1024x553-1.webp\" alt=\"Firefox Add-on Developer Hub on Note Sidebar for Firefox extension\" class=\"wp-image-1861\" srcset=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-developer-hub-1024x553-1.webp 1024w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-developer-hub-1024x553-1-300x162.webp 300w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-developer-hub-1024x553-1-768x415.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Firefox Add-on Developer Hub on Note Sidebar for Firefox extension<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Then click on the blue hyperlink &#8220;Manage Status &amp; Versions&#8221; that is below your current listed version number. When you click on it, it will open the overview page of all your reviewed Firefox extensions.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-version-history-1024x536-1.webp\" alt=\"Firefox Add-on Developer Hub on the Manage Status &amp; Versions page\" class=\"wp-image-1859\" srcset=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-version-history-1024x536-1.webp 1024w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-version-history-1024x536-1-300x157.webp 300w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/firefox-add-on-version-history-1024x536-1-768x402.webp 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Firefox Add-on Developer Hub on the Manage Status &amp; Versions page<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Now click on the X icon, which will open a dialog on top of the web page.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-firefox-extension-disable-version-1024x538.png\" alt=\"Dialog to delete that Firefox extension version\" class=\"wp-image-1849\" srcset=\"https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-firefox-extension-disable-version-1024x538.png 1024w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-firefox-extension-disable-version-300x158.png 300w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-firefox-extension-disable-version-768x403.png 768w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-firefox-extension-disable-version-1536x807.png 1536w, https:\/\/www.stefanvd.net\/blog\/wp-content\/uploads\/2024\/05\/zoom-firefox-extension-disable-version-2048x1076.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Dialog to delete that Firefox extension version<\/figcaption><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li>Now choose the button to &#8220;Delete Version&#8221; or &#8220;Disable Version&#8221;. If it is the latest version, and you disable it, your previous version will become the latest version for your Firefox users.<\/li>\n<\/ol>\n\n\n\n<p>And you are done. No further action is needed, and the user can now install that Firefox extension in his Firefox web browser.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"developer-version-control\">Developer version control<\/h2>\n\n\n\n<p>If you want to have version control for your developer code work, you can use GitHub and create a zip file and tag for each release. This allows you to revert back to previous versions of your code. Here is how to do it:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>On <a href=\"https:\/\/github.com\/\" target=\"_blank\" rel=\"noopener\">GitHub.com<\/a>, navigate to your browser extension page.<\/li>\n\n\n\n<li>To the right of the list of files, click &#8220;Releases&#8221;<\/li>\n\n\n\n<li>At the top of the page, click &#8220;Draft a new release&#8221;<\/li>\n\n\n\n<li>To choose a tag for the release, select the &#8220;Choose a tag&#8221; dropdown menu.<\/li>\n\n\n\n<li>If you created a new tag, select the &#8220;Target&#8221; dropdown menu, then click the branch that contains the project you want to release.<\/li>\n\n\n\n<li>To create a new tag, type a version number for your release, then click &#8220;Create new tag&#8221;<\/li>\n\n\n\n<li>If you are ready to publicize your release, click &#8220;Publish release&#8221;<\/li>\n<\/ol>\n\n\n\n<p>My Open-Source Turn Off the Lights Chrome extension and my other browser extensions are all available on GitHub. Users can view the code easily without installing the extension first in their web browser. This provides transparency to users.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"addition-resource\">Addition resource<\/h2>\n\n\n\n<p>To further explore into version control in the Chrome Web Store and Firefox add-ons gallery, please refer to the following resources:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/developer.chrome.com\/docs\/webstore\/rollback\" target=\"_blank\" rel=\"noopener\">Chrome extension developer documentation: Rollback a published Chrome Web Store item<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/groups.google.com\/a\/chromium.org\/g\/chromium-extensions?hl=en\" target=\"_blank\" rel=\"noreferrer noopener\">Chromium Extension group<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/extensionworkshop.com\/documentation\/publish\/version-compatibility\/\" target=\"_blank\" rel=\"noopener\">Firefox version compatibility<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.github.com\/en\/repositories\/releasing-projects-on-github\/managing-releases-in-a-repository\" target=\"_blank\" rel=\"noopener\">Managing releases in a GitHub repository<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>Now you know which platforms support version rollback and how to revert to a previous version if you accidentally introduce a bug in your latest release. Some web browsers offer additional benefits. In Firefox extension versions, you can revert to even earlier versions, while in Google Chrome, you can only go back to one version. Downgrading a Chrome extension is a simple three-step process and becomes available to users within a minute.<\/p>\n\n\n\n<p>I trust you have found value in the blog post about downgrading a Chrome extension and learning about version control in other web browser vendors. If you appreciate the insights shared, consider <a href=\"https:\/\/www.stefanvd.net\/donate\/\">making a small contribution<\/a> to support the ongoing work I share with the web browser community.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to downgrade a Chrome extension? Then there is good news. In early April 2024, the Google Chrome Web Store team announced a very interesting feature: the ability to roll back to your previously accepted Chrome extension version. Here, I will explain the steps involved and how this feature can benefit you. Additionally, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1855,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-1814","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming"],"_links":{"self":[{"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/posts\/1814","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=1814"}],"version-history":[{"count":20,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/posts\/1814\/revisions"}],"predecessor-version":[{"id":1879,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/posts\/1814\/revisions\/1879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/media\/1855"}],"wp:attachment":[{"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/media?parent=1814"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/categories?post=1814"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.stefanvd.net\/blog\/wp-json\/wp\/v2\/tags?post=1814"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}