Question

我正面临与css相关的问题。我的问题是我想通过url将背景颜色更改为任何网页的黑色。我希望这项研究更好地保护我的眼睛同时我有眼睛问题。那么在url中应用什么代码来显示页面黑色，同时我们使用这个css规则，如body { background-color：＃00000;} 输出。我已经附加了两张图片，以便更好地清除。希望尽快得到回应。谢谢你太多了！ enter image description here

Answer 1

我认为最好的解决方案可以让您采取上述一些建议，并将其转变为书市！这样，您可以随时点击地址栏中的按钮，它将

1）如有必要，加载jQuery 2）将<html>和<body>元素的背景颜色更改为黑色。

这是JSFiddle的链接。将链接拖到书签栏，观察魔术： http://jsfiddle.net/lasha/GjQGZ/

无需所有额外步骤！：）

Answer 2

您无法通过网址进行操作。但是，因为你正在使用firefox：

change background in firefox

或者，查看一个类似greasemonkey（或类似）的插件，并将自定义CSS样式注入您正在查看的页面。类似的东西：

// ==UserScript==
// @name        Readability Helper
// @description makes font more readable for custom viewing.
// @namespace   CSS
// @include     *
// @version     1.0
// ==/UserScript==

(function(w){
  var css = document.createElement("style");
  css.type = "text/css";
  css.innerHTML = "* {color:#fff !important;background-color:#fff !important";
  w.document.body.appendChild(css);
})(unsafeWindow);

Answer 3

我建议你使用某种减少眩光/暖色的软件，比如F.lux。

我使用它，即使是白色背景，我的眼睛也不会感到疲倦。

Answer 4

对于使用Jquery的SO站点，您可以在控制台中输入：

$('body').css('background-color', '#000');

您还可以将文字颜色更改为白色：

$('body').css('color', '#fff');

如果没有加载Jquery，你可以使用document.getElementByTagName

来选择body标签。

Answer 5

布拉德已经给出了一个很好的答案。

或者，您可以使用Firefox附加组件Color That Site!

此附加组件的目的是让您轻松更改所需网站的颜色。这些颜色编辑可以永久保存并导入/导出以进行共享。

Answer 6

这可以通过将一些javascript应用到网站来完成。加载网站后，您可以在地址栏中写下如下内容：

javascript:document.body.style.backgroundColor = "#000";

确保包含'javascript：'前缀部分（如果您复制/粘贴它可能会因为安全原因浏览器排除它）。

当然，这只适用于本地！

更新：如果由于某种原因发生这种情况在Chrome中无效，请尝试这样做：

javascript:document.body.style.backgroundColor = "#000"; alert()

我不知道为什么或如何但它有效！

Answer 7

你不能用URL做这些事情（除非URL中指定的服务器具有特殊功能）。

您可以使用用户样式表或浏览器加载项来强制执行CSS规则。做这些事情的方法取决于浏览器。

使用用户样式表时，您通常需要!important说明符，因为默认情况下，页面（作者）样式表规则会覆盖使用样式表规则。例如：

body { background: black !important;
       color: white !important; }

请注意，这也会覆盖页面可能为body设置的任何背景图像。每当你设置背景时设置颜色是一个好主意 - 你不希望看到黑色的黑色，甚至黑色的深灰色。

但它真的更复杂。任何元素都可以具有自己的背景（和内容颜色）。例如，如果某个网页有<body><div id=content>...</div></body>并且它在div上设置背景，那么body的设置就不会产生太大影响。

极端情况下，您可以在上面的规则中将body替换为*，使所有白色为黑色，除非那些不受CSS控制的成分（像图像的内容和可能的一些形式字段。）

如何通过URL更改任何网站页面的背景颜色？

7 个答案: