Chrome Extension Develop: How to get the extension icon data in Manifest V3-526互联

需求

在 background 中，拿到了扩展 icon 的 URL 链接，如：chrome://extension-icon/mciiogijehkdemklbdcbfkefimifhecn/128/0，如何获取其二进制数据。

目的：对于记录扩展安装卸载的功能而言，能够获取扩展的 icon 数据并保存下来，可以优化用户界面展示。如果此扩展已经卸载，而没有提前将其 icon 保存，在查看历史记录时，就会无法显示其 icon。

现状

先说结论：没有办法可以实现。

在 Manifest V3 中，background 使用 service-workers 实现，也就是没有了 BOM 和 DOM 相关的内容。

Chrome extensions: Use the "background.service_worker" key instead manifest_version 3 - Stack Overflow

1 无法使用 Image 元素，让其帮忙渲染 Icon 图片。
2 无法使用 XMLHttpRequest 来下载数据。
3 service-worker 中有 fetch，但是其不支持 chrome:// 协议。

所以，就无法获取到 icon 的具体数据了。

Chrome 的同学收到了反馈，并记录了 issue，但并没有打算处理。
How to get the extension icon data in Manifest V3
1257227 - Cannot retrieve extension icons in JS using the chrome.management API - chromium

曲线救国

在讨论中，Simeon Vincent 提到了一个曲线救国的方案，在 background 中监听到有扩展安装之后，打开一个新的 HTML 页面（这个页面是有完整 BOM 和 DOM 支持的），在这个页面中完成 icon 数据的获取。

// background.js
chrome.management.onInstalled.addListener((info) => {
  spawnSyncIconsPage();
});

function spawnSyncIconsPage() {
  return chrome.windows.create({
    url: chrome.runtime.getURL('sync-icons.html'),
    state: chrome.windows.WindowState.MINIMIZED,
  });
}

可以实现目的，但是会打开一个新的页面，用户会觉得很奇怪。虽然这个页面是最小化的，而且完成工作之后会被自动关闭。