Внедрить CSS для расширения Chrome

Question

Я довольно новичок в разработке Chrome Extension.Я знаю, что можно ввести CSS.Но возможно ли внедрить его для определенного URL.Например, всякий раз, когда я захожу на google.com, CSS вводится.

Спасибо за помощь!:)

Answer 1

Ну, у вас есть 2 варианта: программная инъекция и скрипты контента. Названия могут показаться действительно сложными и пугающими, но не волнуйтесь;)

Сценарии содержимого автоматически внедряются при загрузке страницы. Все, что вам нужно сделать (кроме написания скрипта), это указать что-то вроде этого в вашем manifest.json:

{
  "name": "My extension",
  "version": "1.0",
  "manifest_version": 2,
  "content_scripts": [
    {
      "matches": ["http://www.google.com/"], //where your script should be injected
      "css": ["css_file.css"] //the name of the file to be injected
    }
  ]
}

Это должно внедрять CSS каждый раз, когда вы загружаете google.com

Другой вариант - использовать Программный впрыск . Это может быть полезно, если вы хотите внедрить код только иногда, обычно с фоновой страницы. Для этого вы можете использовать insertCSS () . В этом случае вам потребуется разрешение хоста в манифесте:

{
  "name": "My extension",
  "version": "1.0",
  "manifest_version": 2,
  "background_page": "myBackground.html", //if you want to inject it from a background page
  "permissions": [
    "background", //if you want to inject it from a background page
    "http://www.google.com/" // host permission to google
  ]
}

Удачи!