2012-09-15 125 views
0

可能重複:
My CSS is not getting injected through my content scriptChrome擴展CSS操縱

我一直試圖做一個Chrome擴展每次它在加載時谷歌的背景顏色更改爲黑色標籤。

我在我的manifest.json如下:

{ 
    "name": "Background to black", 
    "manifest_version": 2, 
    "version": "1.0", 
    "description": "Google black", 
    "permissions": ["tabs", "http://www.google.com/*"], 
    "browser_action": { 
    "default_icon": "icon.png" 
    }, 
    "content_scripts": [ 
    { 
     "matches": ["http://www.google.com/*"], 
     "css": ["backgroundtoblack.css"], 
     "run_at": "document_start", 
     "all_frames": true 
    } 
    ] 
} 

,這在我的backgroundtoblack.css:

body{ 
background: #000000; 
} 

但是它並沒有爲我工作,我不明白我做錯了什麼。

+0

只是一個側面說明:已有擴展程序可以做到這一點,並且更多(如[this one](https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe))。 – Chris

+1

嗯,我有興趣學習如何自己做。但是,無論如何感謝鏈接。 –

+0

「谷歌的背景顏色」 - 你的意思是[google.com](http://google.com)頁面? – Pavlo

回答

0

這不是關於清單文件,而是關於您的CSS文件。用這個代替你的CSS,

html, body { 
    background: #000000 !important; 
} 

該擴展應該現在工作。 (在本地測試時工作)。

注意:我不得不更改您的matches一點,因爲我使用HTTPS無處不在。默認情況下,如果Chrome使用HTTPS加載,則可能必須更改它。

+0

獨自更改CSS讓它工作,謝謝。這是重要的,使差異或HTML,身體;還是兩者的結合? –

+0

@Solnius雙方:) – Chris