如何通過url更改任何網站頁面的背景顏色？

我面臨一個與CSS有關的問題。我的問題是，我想通過url將任何網站頁面的背景顏色更改爲黑色。我希望這能更好地保護我的眼睛，同時我也有眼睛問題。那麼在URL中應用什麼代碼來顯示頁面黑色，同時我們使用這個css規則，如body background-color：＃00000;}來輸出。我已經附加了兩個圖像，使它更清晰。希望將盡快得到答覆。謝謝你太多了！ enter image description here 如何通過url更改任何網站頁面的背景顏色？

來源

2014-01-07 Asraful Haque

您可以在php中使用$ _get，然後在JS中動態更改它。 –

您無法通過網址完成此操作。有一種可能性，您可以在Firefox中創建自定義用戶樣式表。 – andi

http://stackoverflow.com/users/3074592/laaposto哥哥醫生不是這裏的解決方案我整天用電腦。醫生無法保護它！ –

我認爲最好的解決方案是讓你採取上述的一些建議，並把它變成一個書店！這樣，您可以隨時點擊按鈕，在地址欄中，如有必要
2將

1）裝載的jQuery）改變<html>和<body>元素，以黑色的背景色。

這裏是JSFiddle的鏈接。將鏈接拖到書籤欄並觀看神奇事件： http://jsfiddle.net/lasha/GjQGZ/

不需要所有額外步驟！ :)

來源

2014-01-07 18:38:02 Lasha

您能否告訴我如何手動一步一步來做。我無法理解如何處理jsfiddle –

當然，首先，請按照此頁面上的說明啓用您的書籤欄：http://support.mozilla.org/然後，打開我鏈接到的JSFiddle頁面，並將「運行jQuery代碼」的藍色鏈接拖到您現在看到的書籤欄中。然後，點擊它，你會看到背景顏色的變化！ – Lasha

這個yourtube視頻向您展示瞭如何將鏈接拖動到書籤欄的概念。 http://www.youtube.com/watch?v=-E6h7Z5fPlg – Lasha

你不能通過URL來做到這一點。然而，由於你使用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);

來源

2014-01-07 18:27:39

謝謝你太太。我正面臨着這個問題。2014年快樂的新年！ –

我會建議你使用某種減少眩光/較暖的色系軟件，如F.lux。

我使用它，甚至有白色背景，我的眼睛不會感到疲倦。

來源

2014-01-07 18:28:34 Ivozor

這麼工地，jQuery是使用，你可以在控制檯輸入：

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

，你也可以改變文字顏色爲白色：

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

如果沒有jQuery是加載後，您可以使用document.getElementByTagName選擇body標籤

來源

2014-01-07 18:28:36

謝謝你太多了。我正面臨着這個問題。2014年的新年快樂！ –

我發現'document.body'比使用'get *'方法更容易。 ;-) –

Brad已經給出了很好的答案。

另外，您可以使用Firefox插件Color That Site!

的這個附加是讓你輕鬆地更改任何你想要的網站的顏色的目的。這些顏色編輯可以永久保存，並可以通過輸入/輸出進行共享。

來源

2014-01-07 18:29:17 eMi

謝謝你太多了。我正面臨着這個問題。2014年快樂！ –

這可以通過在網站上應用一些JavaScript來完成。

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

確保包括「JavaScript的：」前綴部分（如果複製/粘貼可能會發生：瀏覽器排除出於安全考慮）的網站加載完畢後，你可以在地址欄中像這樣寫。

這將只在當地工作，當然！

UPDATE：如果發生由於某種原因，這並不在鉻工作，嘗試做這樣的：

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

我沒有弄清楚爲什麼或如何，但它的工程！

來源

2014-01-07 18:31:44

你能解釋如何放入網址嗎？我把它像stackoverflow.comjavascript：document.body.style.backgroundColor =「＃000」;不工作！ –

由於安全原因，這是不可能的。你不能這樣做。想象一下，你還可以在JavaScript中做什麼，你會把任何類型的惡意代碼放到任何網站上。用戶無法識別網址的變化。這就是爲什麼這是禁止的。 –

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

您可以使用用戶樣式表或瀏覽器插件強加您的CSS規則。做這種事情的方式取決於瀏覽器。

當使用用戶樣式表時，由於默認情況下頁面（作者）樣式表規則會覆蓋使用樣式表規則，因此大多數情況下需要!important說明符。例如：

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

注意，這也將覆蓋頁面可能爲body設置任何背景圖片。設置背景時設置顏色是一個好主意 - 你不想看到黑色的黑色，甚至黑色的黑色。

但它確實更復雜。任何元素都可以擁有自己的背景（和內容顏色）。例如，如果一個頁面有<body><div id=content>...</div></body>，並且它在該div上設置背景，那麼您對body的設置不會有太大影響。

在極端情況下，你可以在上面的規則通過*更換body，使一切黑底白字，除了那些不在CSS控制之下（如圖像的內容，可能還有一些表單域）的成分。

來源

2014-01-07 19:35:19

如何通過url更改任何網站頁面的背景顏色？

回答

相關問題