Как вы используете Chrome Extensions для изменения CSS веб-сайта?

Question

Я хочу создать расширение для личного и, возможно, личного использования друга, которое просто меняет несколько цветов, отображаемых на веб-сайте, который я посещаю.Я использую Reddit Enhancement Suite, в котором есть опции для «Ночного режима», которые полностью изменяют внешний вид цвета Reddit.

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

Answer 1

Вы можете сделать точно так, как вы сказали: вы можете вставить CSS-файл или код на страницу. Самый простой способ - через манифест (посмотрите на свойство CSS).

Вам нужно всего лишь заполнить manifest.json, чтобы Chrome знал, на какие страницы он должен вставить ваш файл CSS.

Если вы хотите программно решить, когда вставлять CSS, вы можете использовать chrome.tabs.insertCSS(), где вы можете вставить файл CSS или просто код в виде строки.

Answer 2

Вместо расширения вы также можете сделать это в пользовательском скрипте . Тогда вы можете просто использовать GM_addStyle, как со скриптами Greasemonkey. Писать намного проще и легче с точки зрения использования памяти.

Answer 3

Для этого уже сделаны расширения. Тот, который я использую, называется «Стильный», который изменяет только внешний вид с использованием только CSS3, но не HTML. Также есть другие расширения, выполните поиск в Google, и вы найдете еще несколько.