Chrome 扩展程序图标未全部显示

las*_*203 5 javascript css google-chrome google-chrome-extension

我按照 Google 从其开发者网站提供的清单图标说明进行操作。

这是我的清单文件的一个片段(png 图像是平方和正确的大小):

"icons": { 

    "16": "icon16.png",
    "32": "icon32.png",
    "48": "icon48.png",
    "128": "icon128.png"
  },
Run Code Online (Sandbox Code Playgroud)

所以我上传了我的应用程序然后安装了它,但由于某种原因我的应用程序徽标仍然没有显示在 chrome://extensions 页面上。

在此处输入图片说明

同样在 chrome 网上商店中,我的标志没有填满拼图的整个空间,如下所示:

在此处输入图片说明

我还需要做些什么才能让它显示出来吗?

las*_*203 6

我在清单文件中发现了我的问题。

最初我在“browser_action”对象中有我的“icons”对象,如下所示:

"browser_action": {
    "name": "Manipulate DOM",
    "icons": { 
        "16": "icon16.png",
        "32": "icon32.png",
        "48": "icon48.png",
        "128": "icon128.png"
    }, 
    "default_icon": "icon128.png",
    "default_popup":"popup.html"
},
Run Code Online (Sandbox Code Playgroud)

将“icons”对象从“browser_action”对象中重新定位后,该图标会像预期的那样显示在 chrome://extensions 页面中。

"icons": { 
    "16": "icon16.png",
    "32": "icon32.png",
    "48": "icon48.png",
    "128": "icon128.png"
},
"browser_action": {
    "name": "Manipulate DOM",
    "default_icon": "icon128.png",
    "default_popup":"popup.html"
},
Run Code Online (Sandbox Code Playgroud)