改變Chrome擴展中的頁面樣式表

Question

我試圖做一個擴展，改變頁面樣式表。我改變一些風格類似的背景顏色，但我不能改變整個樣式表

的manifest.json文件

{ 
    "name": "change stylesheet", 
    "version": "1.0", 
    "permissions": [ 
    "tabs", "http://*/*", "https://*/*" 
    ], 
    "browser_action": { 
     "default_title": "Set this page's style", 
     "default_icon": "icon.png", 
     "popup": "popup.html" 
    } 
} 

部分在哪裏popup.htm Java腳本調用

function click() { 
    chrome.tabs.executeScript(null, 
     {code:"document.getElementById('stylesheet').href = 'style1.css'"}); 
    window.close(); 
} 

Answer 1

Susantha - 您只需要將您的css文件包含在清單中：

http://code.google.com/chrome/extensions/content_scripts.html

{ 
"name": "My extension", 
... 
    "content_scripts": [ 
{ 
    "matches": ["http://www.google.com/*"], 
    "css": ["mystyles.css"], 
    "js": ["jquery.js", "myscript.js"] 
} 
], 
    ... 
} 

您需要使用!important覆蓋現有的樣式，並按照您通常必須遵循的樣式先例。如果有內聯樣式，那麼你可能需要用js代碼重寫它。