Google chrome extension Chrome扩展未加载内容\u脚本

Google chrome extension Chrome扩展未加载内容\u脚本,google-chrome-extension,content-script,manifest.json,Google Chrome Extension,Content Script,Manifest.json,我正在创建一个chrome扩展。我面临的问题是,我能够看到html内容,但我看不到内容脚本中包含的js文件。我通过检查我的扩展和检查源选项卡来检查这一点。 主要节日- { "manifest_version": 2, "name": "My Plugin", "description": "some description", "version": "1.0", "browser_action": { "default_popup": "popup.html" }

我正在创建一个chrome扩展。我面临的问题是,我能够看到html内容,但我看不到内容脚本中包含的js文件。我通过检查我的扩展和检查源选项卡来检查这一点。 主要节日-

{
  "manifest_version": 2,

  "name": "My Plugin",
  "description": "some description",
  "version": "1.0",
  "browser_action": {
   "default_popup": "popup.html"
  },
  "content_scripts": [
      {
          "matches": [
          "http://*/*",
          "https://*/*"
          ],
        "js": ["myPopup.js"]

      }
    ],

  "permissions": [
   "activeTab",
    "declarativeContent",
    "storage"
   ]
}
myPopup.js-

console.log("hello world")

我可能做错了什么?

源选项卡将显示实际注入页面DOM的脚本

如果试图调试内容脚本,请向内容脚本添加调试器。 打开开发人员工具并重新加载页面,您应该能够在“源”选项卡中看到内容脚本


源选项卡将显示实际注入页面DOM的脚本

如果试图调试内容脚本,请向内容脚本添加调试器。 打开开发人员工具并重新加载页面,您应该能够在“源”选项卡中看到内容脚本


DevTools有一个单独的内容脚本面板,您可以像其他脚本一样设置断点并对其进行调试:编辑代码时不要忘记重新加载扩展和网页。DevTools有一个单独的内容脚本面板,您可以像其他脚本一样设置断点并对其进行调试:just编辑代码时别忘了重新加载扩展名和网页。DevTools有一个单独的内容脚本面板,您可以像其他脚本一样设置断点并对其进行调试:编辑代码时别忘了重新加载扩展名和网页。DevTools有一个单独的内容脚本面板,您可以在其中可以像任何其他脚本一样设置断点并对其进行调试:只是在编辑代码时不要忘记重新加载扩展和网页。