Question

您好我正在开发一个简单的Chrome扩展程序，它通过在扩展程序的.crx目录中打开index.html来替换当前默认的新标签页。

目前新的标签页已经使用新的index.html页面进行了修改，但是标签上没有图标。

我可以问为什么？非常感谢！

当前打开新标签页但标签上没有图标的问题

扩展目录如下所示：

manifest.json的代码如下

{
    "manifest_version": 2,  
    "name": "千山",  
    "version": "0.1.0",  
    "description": "测试", 
    "icons": {"16": "icon200.png", "48": "icon200.png", "128": "icon200.png"},
    "browser_action": {  
        "default_icon": "icon.png" ,
        "default_title": "测试",
        "default_popup": "popup.html"
    },
    "chrome_url_overrides": {
        "newtab": "index.html"
    }
}

index.html的负责人如下，我实际写了，但没有显示

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>千山</title>
    <!-- Bootstrap -->
    <link href="bootstrap.min.css" rel="stylesheet">
    <link rel="icon" href="fav.ico" type="image/x-icon">

Answer 1

您需要将相对路径“fav.ico”替换为文件的完整扩展路径。在JavaScript中，您可以通过调用chrome.runtime.getURL("fav.ico")来获取完整路径。

如果您知道完整路径并采取预防措施以确保您的扩展程序的ID不会随着时间的推移而改变（通过始终使用相同的key.pem文件发布），那么硬编码路径将起作用并赢得不需要任何JavaScript。

您可能还需要将“fav.ico”添加到web_accessible_resources的{{1}}部分：

manifest.json

Answer 2

请注意，这不是“默认”图标 - 根本没有图标。与默认的Chrome新标签页相同。

我怀疑这是故意的，以区分新标签页与其他标签页。

所以，虽然没有记录，但我认为没有办法显示图标。

Chrome扩展程序：在crx文件中打开html，标签

2 个答案: