Chrome 扩展在页面加载时不起作用答案

【问题标题】：Chrome Extension not working on page loadsChrome 扩展在页面加载时不起作用
【发布时间】：2016-07-22 23:43:29
【问题描述】：

我希望，如果我的任何网页加载，我只想在页面上显示一个简单的警报。

manifest.json

{
  "manifest_version": 2,
  "name": "Chrome Ext Demo",
  "description": "chrome extension tuts",
  "version": "1.0",
  "content_scripts": [
  {
      "matches": ["http://*/* "],
      "js": ["jquery.js","eventPage.js"]
  }
],
 "browser_action": {
 "default_icon": "icon.png",
 "default_popup": "popup.html"
},
 "permissions": [
    "tabs", "http://*/"
  ]
}

我将 jquery 本地存储在我的 chrome 扩展文件夹中。

eventPage.js

$("document").ready(function(){
    alert("hiii");
    console.log("hii");
});

我是构建 Chrome 扩展程序的新手。任何帮助将不胜感激。

【问题讨论】：

请不要让朋友点赞。这是一个重复的问题。
@ZigMandel：我很专业，不是菜鸟。
绝对不可能有人会赞成这样一个基本的、重复的问题。因此，您的两次赞成票必须来自同事或朋友。
@ZigMandel：我来这里不是为了获得支持。我来这里是为了获取和分享我的知识。

标签： javascript jquery google-chrome google-chrome-extension google-chrome-devtools

【解决方案1】：

请删除"matches": ["http://*/* "]字段中的无用空格，它与有效的网址不匹配。

如果可能，删除没用的permissions。

{
  "manifest_version": 2,
  "name": "Chrome Ext Demo",
  "description": "chrome extension tuts",
  "version": "1.0",
  "content_scripts": [
  {
      "matches": ["<all_urls>"],
      "js": ["jquery.js","eventPage.js"]
  }
],
 "browser_action": {
 "default_icon": "icon.png",
 "default_popup": "popup.html"
},
 "permissions": [
    "tabs"
  ]
}

【讨论】：

它运行良好，但仅在某些网站上运行。我也尝试在我的本地主机站点上运行它，但它不工作
@HarshKanakhara，你匹配的字段现在只匹配http站点，当你说不工作时，站点是否以https开头？对于 localhost 站点，它是否以 file:// 开头？
是的..谢谢..怎么做才能同时支持http和https？
@HarshKanakhara，您可以使用 "" 匹配所有或 ["http://*/*", "https://*/*"] 匹配 https 和 http ，请参阅我更新的 anwser 或 developer.chrome.com/extensions/match_patterns 了解更多详情