css - 快速更改任何站点上的 css 样式表

Question

我通常阅读 a site它在黑色背景上有白色文本(为什么，哦，为什么!)。阅读一分钟后，它让我的眼睛受伤，所以我通常最终会打开 Chrome 的开发者工具并更改两三种样式，使页面对我来说可读。

有没有办法自动执行此操作，这样我就不必为每个页面都重复执行此操作？

Answer 1

简单的用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;');
})();

1. 用 JS 编写，例如覆盖一个烦人的广告，它不会消失。

2. 重要!!! 确保脚本的扩展名是*.user.js!否则，Chrome 在接下来的步骤中无法识别该文件。(它只是向您显示源代码，多么棒的行为...)

3. 然后转到 Google Chrome 的扩展程序选项卡并将脚本文件拖放到您的扩展程序中。可能会有一个额外的警告，表明这是不安全的 bla bla。

您甚至可以将 jQuery 加载到 dom 中，在这篇很棒的 SO-Post 中指出:
<强> How can I use jQuery in Greasemonkey scripts in Google Chrome?

如果您想知道您的脚本发生了什么:它位于 Chromes Extensions 文件夹(Win 7、Chrome 23)中，并且会在编辑时自动更新:

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