如何使用Chrome擴展程序更改網站的CSS？

我期待爲個人和個人朋友的使用創建一個擴展程序，並且只需更改顯示在我訪問的網站上的幾種顏色即可。我使用Reddit增強套件，它具有「夜間模式」選項，可以完全改變Reddit的顏色外觀。如何使用Chrome擴展程序更改網站的CSS？

我想知道如何編輯或注入CSS代碼到本網站，以便網站使用的顏色是我希望他們在瀏覽頁面時所使用的顏色。請注意，這當然只是在我的瀏覽器或使用我的擴展程序的其他Chrome瀏覽器中。

2012-03-30 EpikYummeh

可能重複的[如何動態修改清單文件的Chrome擴展名的CSS文件，或什麼是切換樣式表開/關？]（http://stackoverflow.com/questions/9648140/how-到動態修改最清單文件-CSS文件換鉻伸展或-WH） – 2012-03-31 08:10:42

你可以像你說的那樣完成：你可以在頁面中注入一個CSS文件或代碼。 The easiest way is through the manifest (look at the CSS property).

你只需要完成manifest.json爲了讓Chrome瀏覽器知道它具有頁面中插入你的CSS文件之中。

如果您想以編程方式決定何時插入CSS，you can use chrome.tabs.insertCSS()，您可以在其中插入CSS文件或僅將代碼插入爲字符串。

2012-03-31 02:15:07

已經爲此做了擴展。我使用的那個叫做Stylish，它只使用CSS3修改外觀，而不是html。還有其他的擴展，做一些谷歌搜索，你會發現更多。

2013-02-23 20:37:05 user2103171

而不是擴展名，你也可以在user script。然後，您可以簡單地使用GM_addStyle，就像使用Greasemonkey腳本一樣。就內存使用而言，編寫起來更簡單並且更輕量級。

2014-01-20 15:54:12

回答