Как перерисовать страницу с расширением Google Chrome?

Question

Я новичок в написании расширений для Google Chrome. Я хочу создать расширение, которое будет работать только на нескольких страницах (которые я выберу) и повторно отображать их CSS после загрузки страницы (в идеале я хотел бы что-то похожее на то, что вы можете сделать с GM_addStyle в сценариях greasemonkey ).

Как мне это сделать в расширении Chrome?

Answer 1

Вы можете использовать скрипты контента, которые имеют доступ к страницам DOM.

В вашем файле manifest.json может быть:

"content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "run_at": "document_end"
    }
  ],

Это вставит mystyles файла css в любую страницу Google после загрузки DOM. Это не полностью перезаписывает стили, но вы сможете создать свой CSS, чтобы он заменял их стили.

Дополнительную информацию можно найти на code.google.com . Он также содержит информацию о том, как программно внедрить CSS в страницу.