我通常阅读一个在黑色背景上有白色文本的网站(为什么,哦,为什么!)。读了一分钟后,我的眼睛很痛,所以我通常最终打开 Chrome 的开发人员工具并更改两三个使页面可读的样式。
有没有办法自动化这个,这样我就不必为每一页一遍又一遍地做?
我通常阅读一个在黑色背景上有白色文本的网站(为什么,哦,为什么!)。读了一分钟后,我的眼睛很痛,所以我通常最终打开 Chrome 的开发人员工具并更改两三个使页面可读的样式。
有没有办法自动化这个,这样我就不必为每一页一遍又一遍地做?
只需在 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 在以下步骤中无法识别该文件。(它只是向您显示源代码,多么棒的行为......)
然后转到 Google Chrome 的扩展选项卡并将脚本文件拖放到您的扩展中。可能会有一个额外的警告,这是不安全的bla bla。
您甚至可以将 jQuery 加载到 dom 中,在这篇很棒的 SO-Post 中指出:
如何在 Google Chrome 的 Greasemonkey 脚本中使用 jQuery?
如果您想知道脚本会发生什么:它位于 Chromes 扩展文件夹(Win 7、Chrome 23)中,并且在编辑时会自动更新:
C:\Users\YourUserName\AppData\Local\Google\Chrome\User Data\Default\Extensions