42

我正在寻找不同的 Chrome 应用程序来使我的页面变暗/反转以减少眼睛疲劳，我发现了一些可以工作的应用程序，但唯一剩下的，这些应用程序似乎没有覆盖，是白色空白页面。

加载新页面时，Chrome 首先显示一个白色空白页面，在页面加载时显示网站内容。有没有办法覆盖这个 While 页面说黑色？目前，每次我点击一个链接或打开一个新网页时，屏幕都会从深色（通过倒置/变暗页面应用程序）变为白色空白屏幕一秒钟，然后新页面再次以深色加载。每次加载新页面时，这就像屏幕上的“白色闪光”，并导致进一步的眼睛疲劳。这就是为什么我想知道是否有办法将此白色覆盖为黑色。

附言。如果这篇文章发错了论坛，我深表歉意，谷歌浏览器开发者页面有一个论坛链接，它把我带到了这里:)

谢谢。

4

1 回答 1

27

清单.json

{
    "name": "Background",
    "permissions" : ["http://*/*", "https://*/*"],
    "version": "1.0",
    "content_scripts": [{
        "matches": ["http://*/*", "https://*/*"],
        "js": ["script.js"],
        "all_frames": false,
        "run_at": "document_start"
    }],
    "manifest_version": 2
}

脚本.js

var color = document.documentElement.style.backgroundColor;
document.documentElement.style.backgroundColor = "black";
var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.target.nodeName == "BODY") {
            observer.disconnect();
            document.documentElement.style.backgroundColor = color || "";
        }
    });
});
observer.observe(document, { childList: true, subtree: true });

将所有文件放在一个文件夹中。在chrome中，转到设置->扩展->打开开发者模式->加载解压的扩展->选择刚刚创建的文件夹。

于 2013-04-26T22:53:13.330 回答