Popup.html没有在chrome扩展中打开

时间:2017-09-29 15:31:33

标签: google-chrome-extension manifest

单击扩展按钮时,popup.html文件未打开。 chrome扩展程序也通过main.html文件更改newTab。但弹出窗口没有显示,"检查Pop Up"按钮。为什么会这样?

的manifest.json:

{
  "name": "Name",
  "description": "Add description",
  "version": "0.1.9.2",
  "browser_action": {
    "default_icon": "icon.png",
   "default_popup": "popup.html"
 },
  "permissions": [
    "activeTab"
  ],
  "chrome_url_overrides" : {
    "newtab": "main.html"
  },
  "background": {
    "scripts": ["jquery-2.2.3.min.js", "background.js"],
    "persistent": false
  },
  "icons": { "16": "icon16.png",
            "24": "icon24.png",
              "32": "icon32.png",
           "48": "icon48.png",
           "64": "icon64.png",
          "128": "icon128.png",
          "256": "icon256.png",
          "512": "icon512.png"
         },

  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/",
    "storage",
    "tabs",
    "http://*/*",
    "https://*/*"
  ],
  "browser_action": {
    "default_title": "app"
  },
  "manifest_version": 2
}

Popup.html:

<!doctype html>
  <html>
   <head>
    <style type="text/css">
        body {
            width: 200px;
            height: 200px;
        }
    </style>
   </head>
   <body>
    TEXT TEXT TEXT
   </body>
  </html>

1 个答案:

答案 0 :(得分:0)

您的清单中有2 browser_action个部分:

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },

  ...

  "browser_action": {
    "default_title": "app"
  },

解析清单时,它不是语法错误*,而第二个会覆盖第一个。所以你不再拥有default_popup

您应该将它们合并为一个键:

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html",
    "default_title": "app"
  },

*从技术上讲,JSON standard不允许重复的密钥:应该但不一定没有重复的密钥;因此,implementation-dependent