Chrome扩展程序，使内容脚本在所有页面上运行？

Question

我想要一个chrome扩展，它将每个网站的高亮颜色更改为红色，我对CSS位很好，但是，我不知道如何让它在所有页面上都能正常工作。这是我目前的代码：

{
  "manifest_version": 2,

  "name": "CustomizeMore",
  "version": "0.1.0",
  "description": "Customize contents on a webpage!",

  "content_scripts": [{
    "css": ["main.css"],
    "js": ["main.js"],
    "matches": ["http://*/*"]
   }]


}

目前，它在具有HTTP但不具有HTTPS的站点上运行。如何在使用HTTP或HTTPS的网站上运行它？

Answer 1

您的错误在"matches"定义中，您只定义它以匹配以http://架构开头的页面。

如果您只想专门针对http://和https://前缀页面，只需将定义添加到matches参数：

{
  "manifest_version": 2,

  "name": "CustomizeMore",
  "version": "0.1.0",
  "description": "Customize contents on a webpage!",

  "content_scripts": [{
    "css": ["main.css"],
    "js": ["main.js"],
    "matches": ["http://*/*", "https://*/*"]
   }]


}

---

或者，您可以通过将http://参数更改为字符串https://来匹配每个前缀（不仅仅是matches或"<all_urls>"）。

{
  "manifest_version": 2,

  "name": "CustomizeMore",
  "version": "0.1.0",
  "description": "Customize contents on a webpage!",

  "content_scripts": [{
    "css": ["main.css"],
    "js": ["main.js"],
    "matches": ["<all_urls>"]
   }]


}

这将针对所有类型的网页，包括file:///网址。

---

无论如何，您可以参考Match Patterns文档页面上的官方Chrome文档，