2

我是一名网页设计师。

当我浏览网站时，我喜欢改变一些颜色，看看当我改变原色时网站会如何出现。

我使用“检查元素”来做到这一点。但这是非常耗时的工作，因为我需要添加大量代码来到处更改。

是否有任何 JavaScript 代码可用于使用浏览器控制台将一种颜色代码更改为另一种颜色代码。

基本上我想要的是下面的东西......

使用浏览器控制台将本站点中所有位置的 #FFF8DC 颜色更改为 #e6dfc6 颜色。

4

2 回答 2

4
于 2018-08-14T07:26:12.777 回答
0

您写道： 使用浏览器控制台在本网站的任何地方将颜色更改#FFF8DC为颜色。#e6dfc6

这很容易！在这个网站上，我们在右边有一个块#FFF8DC。您必须放入浏览器控制台：backgroundColor"Featured on Meta" div

document.querySelector('.community-bulletin').style.backgroundColor = "#e6dfc6";

或者您可以使用“检查元素”选择一些元素，如此屏幕截图所示：

在此处输入图像描述

然后要更改此前景色和背景色，您必须将其放入浏览器控制台：

$0.style.color = "orange";
$0.style.backgroundColor = "#e6dfc6";

按enter key和颜色将改变。

如果您想一直为控制台使用一些代码，那么您必须使用代码片段。转到开发人员工具，然后单击"Sources"此屏幕截图中的选项卡：

在此处输入图像描述

然后将您的代码放到一个新的代码片段中，然后用鼠标右键单击此代码段中的名称，然后在上下文菜单中单击"Run". 此代码段将被执行。不要忘记保存此代码段：用鼠标右键单击此代码段中的名称并在上下文菜单中单击"Save..."，但在显示的"Save dialog box"单击"Cancel"（这很奇怪）上，您的代码段将被保存。

于 2018-08-15T07:31:36.650 回答