{"id":182,"date":"2026-10-02T11:39:05","date_gmt":"2026-10-02T11:39:05","guid":{"rendered":"https:\/\/blogs.igalia.com\/mshin\/?p=182"},"modified":"2026-10-02T11:39:05","modified_gmt":"2026-10-02T11:39:05","slug":"extension-migration-progress-update-part-3","status":"publish","type":"post","link":"https:\/\/blogs.igalia.com\/mshin\/2026\/10\/02\/extension-migration-progress-update-part-3\/","title":{"rendered":"Extension Migration Progress Update \u2013 Part 3"},"content":{"rendered":"\n<p>In the previous post, <a href=\"https:\/\/blogs.igalia.com\/mshin\/2026\/09\/07\/extension-migration-progress-update-part-2\/\" data-type=\"link\" data-id=\"https:\/\/blogs.igalia.com\/mshin\/2026\/09\/07\/extension-migration-progress-update-part-2\/\">Extension Migration Progress Update \u2013 Part 2<\/a>, we demonstrated how a Chrome extension can be installed from the Chrome Web Store using the Extension Shell.<\/p>\n\n\n\n<p>This time, we&#8217;d like to take the demo one step further.<\/p>\n\n\n\n<p>Instead of focusing on the installation process, the following two videos show extensions that have already been installed in the Extension Shell and are actually running on real web pages.<\/p>\n\n\n\n<p>These demos are intended to show that the migrated extension APIs are not only sufficient to install extensions, but can also support extensions interacting with real-world web content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Demo 1: Knockoff \u2013 Amazon Shopping Filter<\/h2>\n\n\n\n<p>The first demo uses <a href=\"https:\/\/chromewebstore.google.com\/detail\/knockoff-amazon-shopping\/pjgickchbiikhdfpmecaabkphmofpdce?hl=en-US&amp;utm_source=ext_sidebar\" data-type=\"link\" data-id=\"https:\/\/chromewebstore.google.com\/detail\/knockoff-amazon-shopping\/pjgickchbiikhdfpmecaabkphmofpdce?hl=en-US&amp;utm_source=ext_sidebar\">Knockoff \u2013 Amazon Shopping Filter<\/a>, a Chrome extension that filters products on Amazon.<\/p>\n\n\n\n<p>In the video, the extension is installed in the Extension Shell and then used while browsing an Amazon search results page.<\/p>\n\n\n\n<p><strong>Extension:<\/strong> <a href=\"https:\/\/chromewebstore.google.com\/detail\/knockoff-amazon-shopping\/pjgickchbiikhdfpmecaabkphmofpdce?hl=en-US&amp;utm_source=ext_sidebar\" data-type=\"link\" data-id=\"https:\/\/chromewebstore.google.com\/detail\/knockoff-amazon-shopping\/pjgickchbiikhdfpmecaabkphmofpdce?hl=en-US&amp;utm_source=ext_sidebar\">Knockoff \u2013 Amazon Shopping Filter<\/a><br><strong>Test page:<\/strong> <a href=\"https:\/\/www.amazon.com\/s?k=led+strip+lights\" data-type=\"link\" data-id=\"https:\/\/www.amazon.com\/s?k=led+strip+lights\">Amazon \u2013 LED Strip Lights search<\/a><\/p>\n\n\n\n<p>The video demonstrates the extension interacting with the Amazon page and modifying the displayed content based on its functionality.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/blogs.igalia.com\/mshin\/files\/2026\/10\/Extensions-Knockoff-Amazon-Shopping-Filter.webm\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Demo 2: Allow Copy &amp; Enable Right Click \u2013 Text Unlock<\/h2>\n\n\n\n<p>The second demo uses <a href=\"https:\/\/chromewebstore.google.com\/detail\/allow-copy-enable-right-c\/nclheheebllomilbamnipblbglnpmoom?hl=en-US&amp;utm_source=ext_sidebar\" data-type=\"link\" data-id=\"https:\/\/chromewebstore.google.com\/detail\/allow-copy-enable-right-c\/nclheheebllomilbamnipblbglnpmoom?hl=en-US&amp;utm_source=ext_sidebar\">Allow Copy &amp; Enable Right Click \u2013 Text Unlock<\/a>.<\/p>\n\n\n\n<p>This extension allows users to copy text and use the right-click context menu on websites that would otherwise prevent these actions.<\/p>\n\n\n\n<p>In the video, the extension is used on a real article page where copying and right-clicking are restricted.<\/p>\n\n\n\n<p><strong>Extension:<\/strong> <a href=\"https:\/\/chromewebstore.google.com\/detail\/allow-copy-enable-right-c\/nclheheebllomilbamnipblbglnpmoom?hl=en-US&amp;utm_source=ext_sidebar\" data-type=\"link\" data-id=\"https:\/\/chromewebstore.google.com\/detail\/allow-copy-enable-right-c\/nclheheebllomilbamnipblbglnpmoom?hl=en-US&amp;utm_source=ext_sidebar\">Allow Copy &amp; Enable Right Click \u2013 Text Unlock<\/a><br><strong>Test page:<\/strong> <a href=\"https:\/\/otechworld.com\/native-vs-cross-platform-app-development-what-should-businesses-choose-in-2026\/\" data-type=\"link\" data-id=\"https:\/\/otechworld.com\/native-vs-cross-platform-app-development-what-should-businesses-choose-in-2026\/\">Native vs Cross-Platform App Development \u2013 What Should Businesses Choose in 2026?<\/a><\/p>\n\n\n\n<p>The video shows the extension modifying the behavior of the web page and enabling the previously restricted interactions.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/blogs.igalia.com\/mshin\/files\/2026\/10\/Extensions-Allow-Copy-Enable-Right-Click.webm\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">From Installation to Real-World Usage<\/h2>\n\n\n\n<p>These demos represent the next step in our Extension Shell work.<\/p>\n\n\n\n<p>In Part 2, we showed that an extension could be installed directly from the Chrome Web Store. With these demos, we are showing what happens after installation: the extension can run on real websites and interact with their web content.<\/p>\n\n\n\n<p>Together, the demos cover the basic flow we want to support:<\/p>\n\n\n\n<p><strong>Chrome Web Store \u2192 Extension installation \u2192 Extension execution \u2192 Interaction with real web content<\/strong><\/p>\n\n\n\n<p>There is still more work to do as we continue migrating extension APIs from <code>\/\/chrome<\/code> to <code>\/\/extensions<\/code>, but these demos provide a concrete example of how the migrated APIs can be used by real-world Chrome extensions outside of the Chrome browser UI.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the previous post, Extension Migration Progress Update \u2013 Part 2, we demonstrated how a Chrome extension can be installed from the Chrome Web Store using the Extension Shell. This time, we&#8217;d like to take the demo one step further. Instead of focusing on the installation process, the following two videos show extensions that have &hellip; <a href=\"https:\/\/blogs.igalia.com\/mshin\/2026\/10\/02\/extension-migration-progress-update-part-3\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Extension Migration Progress Update \u2013 Part 3<\/span><\/a><\/p>\n","protected":false},"author":58,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,11,3],"tags":[],"class_list":["post-182","post","type-post","status-publish","format-standard","hentry","category-chromium","category-extensions","category-igalia"],"_links":{"self":[{"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/posts\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":3,"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/posts\/182\/revisions"}],"predecessor-version":[{"id":187,"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/posts\/182\/revisions\/187"}],"wp:attachment":[{"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/categories?post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.igalia.com\/mshin\/wp-json\/wp\/v2\/tags?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}