W jaki sposób korzystasz z rozszerzeń Chrome do zmiany CSS witryny?

Question

Szukam, aby utworzyć rozszerzenie dla osobistego i ewentualnie osobistego użytku znajomego, a także po prostu zmienia kilka kolorów, które są wyświetlane na stronie odwiedzam. Używam Reddit Enhancement Suite, który ma opcje "Night mode", które całkowicie zmieniają wygląd Reddita.

Chciałbym wiedzieć, jak edytować lub wstrzykiwać kod CSS na tę stronę, aby kolory używane na stronie były tym, czym chciałbym je widzieć podczas przeglądania strony. Pamiętaj, że jest to oczywiście w mojej przeglądarce lub w innej przeglądarce Chrome z moim rozszerzeniem.

Answer 1

Możesz zrobić dokładnie tak, jak powiedziałeś: możesz wstrzyknąć plik lub kod CSS na stronę. The easiest way is through the manifest (look at the CSS property).

Musisz tylko uzupełnić swój manifest.json, aby Chrome wiedział, na które strony ma wstawić plik CSS.

Jeśli chcesz zdecydować programowo, kiedy wstawić CSS, you can use chrome.tabs.insertCSS(), gdzie możesz wstawić plik CSS lub po prostu kod jako ciąg.

Answer 2

Istnieją już rozszerzenia dla tego. Ten, którego używam nazywa się "Stylowy", który modyfikuje wygląd tylko za pomocą CSS3, a nie html. Istnieją również inne rozszerzenia, możesz wyszukiwać w Google, a znajdziesz jeszcze kilka.

Answer 3

Zamiast rozszerzenia, można to zrobić również w postaci user script. Następnie możesz po prostu użyć GM_addStyle, podobnie jak w skryptach Greasemonkey. Jest o wiele prostsze w pisaniu i bardziej lekkie pod względem wykorzystania pamięci.