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

时间:2012-11-24 22:18:53

标签: css

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

有没有办法实现自动化,这样我就不必为每一页一遍又一遍地做?

1 个答案:

答案 0 :(得分: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。

  4. 你甚至可以将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