快速更改任何網站上的css樣式表

我通常閱讀a site，它在黑色背景上有白色文本（爲什麼，哦爲什麼！）。讀完一分鐘後，我的眼睛就會受到傷害，所以我通常最終會打開Chrome的開發人員工具，並更改使頁面可讀的兩種或三種樣式。快速更改任何網站上的css樣式表

有沒有辦法讓這個自動化，以便我不必一遍又一遍地爲每一頁做？

2012-11-24 Julian

只需在JS中編寫用於Chrome的用戶腳本。

示例 - 文件：

JS：我會用一個腳本我做了一個惱人的網站曾經解釋

// ==UserScript== 
// @author   me 
// @version   1.0 
// @name   User Script Test 
// @date   August 10, 2012 
// @include   *.test.com/* // the asterisk gets every subdomain and page 
// @run-at   document-end 
// ==/UserScript== 

(function(){ 
    var $ad = document.getElementById('skyscraper'); 
    var $link = $ad.getElementsByTagName('a'); 
    $ad.removeChild($link[0]); 
    $ad.setAttribute('style', 'width:100%; left:480px;'); 
})();

寫在JS，例如覆蓋一個惱人廣告，只是不會消失。
重要！確保該腳本的擴展名爲* .user.js！否則，在下一步中，Chrome無法識別該文件。（它只是顯示的源代碼給你，有什麼一個真棒行爲...）
然後去谷歌瀏覽器的擴展選項卡並拖動&腳本文件拖放到你的擴展。可能會有一個額外的警告，這是不安全的bla bla。

你甚至可以載入的jQuery到DOM，在這個偉大的SO-後指出：
How can I use jQuery in Greasemonkey scripts in Google Chrome?

如果你願意知道你的腳本會發生什麼：它坐落在鉻合金擴展文件夾（Win 7，Chrome 23），並在編輯時自動更新：

C:\Users\YourUserName\AppData\Local\Google\Chrome\User Data\Default\Extensions

來源

2012-11-24 22:35:01 nirazul

快速更改任何網站上的css樣式表

回答

相關問題