Как перерисовать страницу из расширения 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" 
    } 
    ], 

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

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