Wie verwenden Sie Chrome-Erweiterungen CSS eine Website zu ändern?

Question

Ich suche eine Erweiterung für die persönliche und möglicherweise persönliche Freund-Nutzung zu schaffen, dass einfach ein paar Farben ändert, die auf einer Website angezeigt werden, ich besuche. Ich benutze die Reddit Enhancement Suite, die Optionen für den 'Nachtmodus' bietet, die das Erscheinungsbild von Reddit komplett verändern.

Ich würde gerne wissen, wie zu bearbeiten oder CSS-Code zu dieser Website zu injizieren, so dass die in der Website verwendeten Farben sind das, was ich sie, wenn ich die Seite sein möchte. Wohlgemerkt, das ist natürlich nur in meinem Browser oder in einem anderen Chrome-Browser mit meiner Erweiterung.

Answer 1

Sie können genau das tun, wie Sie gesagt haben: Sie eine CSS-Datei oder Code in die Seite injizieren. The easiest way is through the manifest (look at the CSS property).

Sie müssen nur Ihre manifest.json abzuschließen, um für Chrome zu wissen, in welchen Seiten es in Ihrem CSS-Datei einzufügen hat.

Wenn Sie programmatisch entscheiden möchten, wann das CSS eingefügt werden soll, you can use chrome.tabs.insertCSS(), wo Sie eine CSS-Datei oder nur den Code als Zeichenfolge einfügen können.

Answer 2

Es gibt bereits dafür gemacht Erweiterungen. Die eine, die ich benutze heißt Stylish, die nur Aussehen nur mit CSS3 und nicht HTML verändert. Es gibt auch andere Erweiterungen, einige Google-Suchen und Sie werden ein paar mehr finden.

Answer 3

Statt einer Erweiterung, können Sie auch in einem user script es tun. Dann können Sie einfach GM_addStyle verwenden, genauso wie mit Greasemonkey-Skripte. Es ist viel einfacher zu schreiben und leichter in Bezug auf Speicherverbrauch.