2013-04-26 53 views
38

我正在寻找不同的Chrome应用程序,以使我的页面更加黑暗/倒置以减轻眼睛疲劳,我发现了一些可以正常工作的应用程序,但这些应用程序并没有运行, t似乎可以覆盖,是白色的空白页面。谷歌浏览器 - 覆盖网页负载之间的白色空白页

当新页面加载时,Chrome浏览器首先显示一个白色空白页面,页面正在加载,然后显示网站的内容。有没有办法来覆盖这个虽然页面说黑色?目前,每次点击链接或打开新网页时,屏幕会从深色(通过倒置/变暗的页面应用程序)到白色空白屏幕一会儿,然后新页面再次以暗色加载。每当新页面加载时,屏幕就会像屏幕上出现“白色闪光灯”一样,并导致进一步的眼睛疲劳。这就是为什么我想知道是否有办法将此白色覆盖为黑色。

Ps。如果这篇文章是在错误的论坛上,我很抱歉,谷歌Chrome开发者页面有一个链接到论坛,这使我在这里:)

谢谢。

回答

25

的manifest.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 
} 

的script.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中,进入设置 - >扩展 - >打开开发者模式 - >加载解压后的扩展名 - >选择刚创建的文件夹。

+5

你是神!非常感谢你的配偶。我肯定为将来的这个代码备份:) – KickAss 2013-04-26 23:16:15

+0

我编辑了代码,以确保它将恢复为原始颜色(如果有的话)。在网页完全加载之前,网页可能会闪烁,但这是我想到的最好的。 – 2013-04-26 23:29:42

+3

它适用于我。在第一毫秒时,Chrome以白色背景颜色开始,然后变为黑色背景颜色。这可能是因为我在1GB内存的个人电脑上测试过它。 – 2014-03-05 14:13:59