Chrome 扩展程序图标未出现

Question

    [!["manifest_version": 2,
    "icons": {
        "16": "/images/icon16.png",
        "48": "/images/icon48.png",
        "128": "/images/icon128.png"
    },
    "browser_action": {
        "default_icon": {                    
            "16": "images/icon16.png",          
            "48": "images/icon48.png",
            "128": "images/icon128.png"       
          },
        "default_popup": "/screens/popup.html"
    },
    "permissions": \["tabs", "storage", "webNavigation"\],
    "content_scripts": \[
        {
            "js": \["popup.js", "websites.js"\],
            "matches": \[
                "<all_urls>"
            \]
        }
    \],
    "background": {
        "scripts": \["background.js"\],
        "persistent": false
    },
    "content_security_policy": "script-src 'self' https://ajax.googleapis.com https://stackpath.bootstrapcdn.com; object-src 'self';"
}

我不知道为什么我的 chrome 扩展图标没有显示。我将所有图标保存到图像文件夹中，因此 /images。它给了我中间的蓝色拼图我的代码有问题吗？

Answer 1

这个例子在我的浏览器上运行。我不知道为什么你的清单 json 以 [![.也许这就是问题所在。我不确定。你能根据你的 json 文件编辑这个例子吗？

{
  "manifest_version": 2,
  "name": "Test",
  "description": "Test",
  "version": "1.0",
  "browser_action": {
    "default_icon": {
      "16": "images/icon16.png",
      "48": "images/icon48.png",
      "128": "images/icon128.png"
    },
    "default_popup": "popup.html"
  },
  "permissions": [
    "activeTab"
  ]
}

Answer 2

尝试将其复制粘贴到您的 manifest.json 文件中。您有大量可能导致问题的人工制品，我还删除了 default_icons 键，我认为这不是必需的。还删除了图像文件夹路径前的反斜杠 /。

{
  "name": "Some extension",
  "manifest_version": 2,
  "icons": {
    "16": "images/icon16.png",
    "48": "images/icon48.png",
    "128": "images/icon128.png"
  },
  "browser_action": {
    "default_popup": "/screens/popup.html"
  },
  "permissions": ["tabs", "storage", "webNavigation"],
  "content_scripts": [{
    "js": ["popup.js", "websites.js"],
    "matches": [
      "<all_urls>"
    ]
  }],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "content_security_policy": "script-src 'self' https://ajax.googleapis.com https://stackpath.bootstrapcdn.com; object-src 'self';"
}

Chrome 扩展程序图标未出现

Chrome extension icon not appearing

json

google-chrome-extension