Question

我在Chrome扩展程序项目中获得了以下文件。

|--dist
    |--background.js
    |--content.js
    |--popup.js
    |--popup.html
    |--manifest.json
    |--images
        |--get_started16.png
        |--get_started32.png
        |--get_started48.png
        |--get_started128.png

background.js，content.js和popup.js仅包含console.log('hello')。

manifest.json

{
    "name": "Test",
    "version": "1.0",
    "description": "test",
    "manifest_version": 2,
    "permissions": ["activeTab", "declarativeContent", "storage"],
    "background": {
        "scripts": ["background.js"],
        "persistent": false
    },
    "page_action": {
        "default_popup": "popup.html",
        "default_icon": {
            "16": "images/get_started16.png",
            "32": "images/get_started32.png",
            "48": "images/get_started48.png",
            "128": "images/get_started128.png"
        }
    },
    "content_scripts": [
        {
            "matches": ["<all_urls>"],
            "js": ["content.js"]
        }
    ]
}

popup.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      button {
        height: 30px;
        width: 30px;
        outline: none;
      }
    </style>
  </head>
  <body>
    <h1>Hello world</h1>
    <script src="popup.js"></script>
  </body>
</html>

加载文件没有错误（将扩展名作为解压缩的文件加载）。单击扩展程序图标后，它将使用

打开默认菜单。

从家里搬走
隐藏在chrome菜单中
管理扩展名
检查弹出窗口

等...不是popup.html，而是content script和background script将hello记录到其控制台。点击Inspect popup不会执行任何操作。

我正在使用（在Arch Linux上），

Chrome: Version 75.0.3770.100 (Official Build) (64-bit)
Chromium: Version 75.0.3770.100 (Official Build) Arch Linux (64-bit)

弹出式窗口在两种浏览器中均不起作用。我尝试如下更改文件权限

chmod -R 777 dist/

我加载了getting started tutorial个项目文件。弹出窗口工作正常。我在这里想念什么？

弹出菜单未打开

manifest.json

popup.html

0 个答案: