2013-04-26 52 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