如何编辑网站的背景颜色 [英] How to edit a website's background colors

查看:16
本文介绍了如何编辑网站的背景颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我的编码经验为零,但我使用的网站的某些盒子"颜色太亮了.

我想创建一个插件,以便我自己和另一个用户能够使用深色主题"

我遵循了一些指南,但我无法让它工作......

我特别想改变leftcolumn"来自ffffff"的背景颜色到806546"

它目前正在使用 CSS 参考文件来更改颜色,但我已通过使用 chrome 的编辑器添加该元素成功地编辑了颜色.

如何更改 CSS 文件的元素以更改背景颜色?

解决方案

听起来您刚刚找到了一个教科书示例,说明了为什么要发明扩展 TamperMonkey(最近)和 GreaseMonkey(过时).

  • 或者点击添加新脚本"或(如果未显示)单击仪表板";然后,当它打开时,单击 [+] 选项卡.将打开一个新的空白脚本模板.修改如下:

  • //==用户脚本==//@name 将显示在脚本列表中的名称(在 TM Dashboard 中)//@namespace http://tampermonkey.net///@match *://name_of_desired_domain.com/*//@require http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js//@grant 无//==/用户脚本==(功能() {'使用严格';//你的代码放在这里.例如:让 mycss = '<style>.leftcolumn{background-color:#806546}</style>';$(body).append(mycss);});

    注意事项:

    1. @name 行是您的脚本名称.它可以是任何东西——任何东西.当有一天您为多个网站编写了多个 TamperMonkey 脚本(我目前有 200 多个)时,这就是显示在 TamperMonkey 仪表板中的名称,就像文件名"一样.用于 Excel 电子表格.

    2. @match 行最初会填充您所在页面的确切网址.通常,这不是您想要的.例如,假设您在网站 http://example.com/blog/name-of-a-particular-blog-post 上 - 通常,您希望在 http://example.com/blog/name-of-a-particular-blog-post 上运行相同的脚本em>每篇博文,不仅仅是这个.只需用 * 替换过于特定的部分,如下所示:http://example.com/blog/*,它现在可以在任何带有 url 的页面上运行以这些字符开头.

    3. @require 行允许您在脚本中使用 jQuery.如果您不需要 jQuery,则不需要此行.离开它.

    4. 当网页上的 TamperMonkey 脚本处于活动状态时,TamperMonkey 扩展程序图标会显示一个红色块


    TamperMonkey 能为我做什么?

    你可以用 TamperMonkey 做哪些事情?您可以完全重新格式化页面!在某些页面中,我将所有 <p> 标签(及其内容)保存到一个变量中,然后执行以下操作:$('body').html(myvar); - 页面上过去的任何内容现在都替换为这些内容段落.再见,混乱!你可以注入新的