Расширение 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>"]
   }]


}

Это будет нацелено на страницы всех типов URL, включая file:/// URL.

---

В любом случае вы можете обратиться к официальной документации Chrome на странице Patterns документации,