從Chrome擴展插入CSS

我正在研究一個Chrome擴展，它允許用戶更改頁面的CSS。我試圖在chrome.tabs api中使用insertCSS方法，並試圖將樣式標籤附加到HTML中，但我沒有成功。任何人都可以告訴我insertCSS方法是如何工作的，或者如何從擴展中的.js文件到達網頁？從Chrome擴展插入CSS

確保您將代碼放置在「內容腳本」中，而不是「背景頁面」或「活動頁面」。 –

參考http://stackoverflow.com/questions/7619095/how-to-inject-css-into-webpage-through-chrome-extension?rq=1 –

如果您仍然遇到問題，請描述問題（以及您的嘗試）更詳細地發佈一些代碼。 – gkalpak

注入代碼只是

chrome.tabs.insertCSS(tabId, { 
file : "mystyle.css" 
});

確保mystyle.css在清單

"web_accessible_resources": [ 
    "mystyle.css" 
    ],

使用Chrome的Devtools whiletlisted檢查，如果注入成功。我有一個問題，我認爲我的CSS沒有被注入。在調查中，這是，但我的選擇是不正確的。我最終添加了！對許多風格很重要。

2013-11-05 12:15:18 pinoyyid

回答