Javascript chrome 扩展内容脚本

Question

我正在开发一个涉及许多 javascript 脚本的 chrome 扩展。在我的 chrome 扩展清单中，我试图在某个 URL 上将脚本设置为运行。我已经获得了一个 URL 来处理脚本，但是如果我尝试为另一个 javascript 文件添加另一个权限，则没有任何反应。我的语法或代码有误吗？

{
  "name": "test",
  "manifest_version": 2,
  "version": "1.5",
  "browser_action": {"default_icon": "icon_16.png"},
  "icons" : {
  "128": "icon_128.png", "16": "icon_16.png"},   
"description": "test.",
  "content_scripts": [
    {
      "matches": ["*://solecarts.com/monitor/run.html*", "*://www.solecarts.com/monitor/run.html*"],
      "js": ["query.js"],
   
 "matches": ["*://solecarts.com/monitor/shopify.html*", "*://www.solecarts.com/monitor/shopify.html*"],
      "js": ["shopify.js"]
 }
  ], "permissions": [
    "tabs", "*://solecarts.com/*", "*://solecarts.com/*",
   "http://*/*",
      "https://*/*"
  ]
}

谢谢！

Answer 1

语法错误。让我重新缩进您的代码，并附上评论：

"content_scripts": [ // An array
  {                  // An object inside this array
                     // Properties of that object
    "matches": [
       "*://solecarts.com/monitor/run.html*",
       "*://www.solecarts.com/monitor/run.html*"
    ],
    "js": ["query.js"],
                     // Same properties within the same object?
    "matches": [
       "*://solecarts.com/monitor/shopify.html*",
       "*://www.solecarts.com/monitor/shopify.html*"
    ],
    "js": ["shopify.js"]
  }
],

相反，它应该是一个包含两个独立对象的数组：

"content_scripts": [
  {
    "matches": [
       "*://solecarts.com/monitor/run.html*",
       "*://www.solecarts.com/monitor/run.html*"
    ],
    "js": ["query.js"]
  }, {
    "matches": [
       "*://solecarts.com/monitor/shopify.html*",
       "*://www.solecarts.com/monitor/shopify.html*"
    ],
    "js": ["shopify.js"]
  }
],

请注意，JSON 格式不允许评论。第一个片段仅供参考。

Answer 2

看来您需要将两个内容脚本对象彼此分开。试试这个：

{
  "name": "test",
  "manifest_version": 2,
  "version": "1.5",
  "browser_action": {"default_icon": "icon_16.png"},
  "icons" : {
    "128": "icon_128.png",
    "16": "icon_16.png"
  },   
  "description": "test.",
  "content_scripts": [
    {
      "matches": [
        "*://solecarts.com/monitor/run.html*",
        "*://www.solecarts.com/monitor/run.html*"
      ],
      "js": ["query.js"]
    },
    {
      "matches": [
        "*://solecarts.com/monitor/shopify.html*",
        "*://www.solecarts.com/monitor/shopify.html*"
      ],
      "js": ["shopify.js"]
    }
  ],
  "permissions": [
    "tabs",
    "*://solecarts.com/*",
    "*://solecarts.com/*",
    "http://*/*",
    "https://*/*"
  ]
}

Javascript chrome 扩展内容脚本

Javascript chrome extension content scripts

javascript

json

google-chrome

manifest

google-chrome-extension