我没有编码经验,但我使用的一个网站在它的一些“盒子”中有太鲜艳的颜色。
我想创建一个插件,使自己和另一个用户能够使用“黑暗主题”
我已经遵循了一些指南,但我无法让它工作。..
我特别尝试改变“左栏”的背景颜色从“ffffff”到“806546”
它目前正在使用CSS参考文件来更改颜色,但我已经成功地编辑了颜色,通过添加该元素与 chrome 的编辑器。
如何更改CSS文件的元素,从而更改背景颜色?
<div class="leftcolumn" style="background-color: #806546;"></div>
1条答案
按热度按时间iovurdzv1#
听起来你刚刚找到了一个教科书上的例子,说明为什么会发明TamperMonkey(最近)和GreaseMonkey(过时)。
Building an extension非常复杂:你需要创建一个清单,有单独的文件内容脚本和背景页-周围的一切有点复杂。这是一个不断变化的挂毯。
但一切都没有失去-TamperMonkey的救援。
1.为您选择的浏览器安装the TamperMonkey extension
1.在目标网站上,单击TamperMonkey图标x1c 0d1x
1.单击“添加新脚本”或(如果未显示)单击“ Jmeter 板”,然后在其打开时单击[+]选项卡。将打开一个新的空白脚本模板。修改如下:
备注:
1.@name行是您的脚本的名称。它可以是任何东西-任何东西。当有一天,你有几个TamperMonkey脚本写了几个网站(我目前有200多个),这是名称显示在TamperMonkey Jmeter 板,就像一个“文件名”的Excel电子表格。
1.@match行最初将使用您所在页面的确切url填充。通常,这不是你想要的。例如,假设您在网站
http://example.com/blog/name-of-a-particular-blog-post
上-通常,您会希望此脚本在 * 每 * 篇博客文章上运行,而不仅仅是这一篇。只需将过于特定的部分替换为*
,如下所示:http://example.com/blog/*
,它现在将在任何URL以这些字符开头的页面上运行。1.@require行允许您在脚本中使用jQuery。如果你不需要jQuery,就不需要这一行。别说了
1.当网页上的TamperMonkey脚本处于活动状态时,TamperMonkey扩展图标会显示一个红色块
TamperMonkey能为我做什么?
使用TamperMonkey,您可以 * 完全 * 重新格式化页面!上面的演示展示了流行的W3Schools CSS Colors page通过this Tampermonkey script重新格式化(并使其具有交互性)。仔细看看the page as everyone else sees it。想象一下,你正在尝试比较所有的深蓝色-这项任务是更容易与Tampermonkey。
在一些页面中,我将所有的
<p>
标签(及其内容)保存到一个变量中,然后这样做:$('body').html(myvar);
-页面上的任何 * 曾经是 * 的内容现在都被这些内容段落所取代。再见,克拉特!您可以注入新的<style>
标记块 (您应该看看我的YouTube是什么样子的。..)。您可以填写字段并单击按钮,删除包含具有某些字符模式的className的Div(例如:例如-ad
或Taboola
)。您可以编写自己的HTML代码(存储在变量中的文本字符串),然后可以将其注入到页面上,如上图所示--快!您编写的HTML将显示在页面上。* 基本上:你可以在DevTools中做的大部分事情,但是脚本化和自动化。* 您使用CPANEL吗?重新排列页面,让所有的图标都在一个屏幕上可见,这不是很好吗?是否有一些图标组是你从来没有使用过的?隐藏它们。是否要以不同的顺序显示图标组?重新排列它们。您还可以填写表单,自动登录,按钮等因为每个TamperMonkey脚本都是基于URL触发的,所以整个过程可以自动化,其中(例如)填写表单,按下提交按钮(这导致生成新页面)。下一个页面有一个不同的URL,它被一个不同的TamperMonkey脚本检测到,并且在该页面上自动执行其他操作。..其他按钮自动按下-和TaDa!网站现在就在我们需要的地方。我们可以告别一堆模板式的输入,点击和等待,我们再也不需要这样做了--直到所有者改变了网站的HTML(然后我们有一些更新我们的脚本)。
这里是一个SO答案,它包含一个简单的脚本,隐藏了每个SO页面上分散注意力的热门网络问题块。
这里有一个完整的解释TamperMonkey,并提供了一个简短的脚本,给你无尽的DuckDuckGo结果(i.e.不需要永远按下按钮来查看更多结果-结果只是无休止地滚动)。* (不要使用DuckDuckGo?这篇文章还包含了一个脚本的链接,这个脚本可以对谷歌搜索结果做同样的事情--这个脚本就值得安装TamperMonkey!)*
免责声明:我与上述任何产品没有任何关联或关系。我只是一个谦虚的用户和欣赏的球迷。