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';"
}

Answer 3

我也有同样的问题。我用paint打开了png文件并重新保存它们，它工作了。所以请验证您的 png 文件。

Answer 4

我的问题是扩展jpeg，它不起作用，还要注意我使用代码转换器将图像从avif转换为jpeg，所以考虑图像中丢失的一些数据，所以尝试使用与我一起工作的png ext