首页 > 解决方案 > Chrome 扩展程序图标未出现

问题描述

    [!["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 文件夹中,因此是 /images。它给了我中间的蓝色拼图我的代码有问题吗?

标签: jsongoogle-chrome-extension

解决方案


这个例子在我的浏览器上运行。我不知道为什么您的清单 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"
  ]
}

推荐阅读