将图标添加到 Chrome 扩展新标签页

Question

我的 Chrome 扩展程序加载 main.html 作为新标签页。如何为该页面指定网站图标？

当我尝试在 main.html 中指定一个图标时，它没有出现。这是我在该<head>部分中的代码：

    <link rel="shortcut icon" type="image/x-icon" href="http://www.stackoverflow.com/favicon.ico">

清单中指定了一个 16px 的图标，但它没有显示为 favicon：

"icons": { "16": "icon16.png",
                     "32": "icon32.png",
                     "128": "icon128.png" }

Answer 1

如果直接通过加载资源chrome-extension://…/main.html，图标会显示在选项卡中，但不会显示在新选项卡页面中。这似乎是故意的，请参阅browser/favicon/favicon_utils.cc 中的 favicon::ShouldDisplayFavicon。

没有明显的方法可以解决这个问题，例如手动将标签 URL 设置为chrome-extension://方案，这在新标签页中不能很好地工作。