瀏覽器對(duì)深色模式網(wǎng)站的支持正變得越來越重要

如果您希望文本在黑色背景上顯示為白色，則是個(gè)好消息：瀏覽器對(duì)深色模式網(wǎng)站的支持正變得越來越重要。蘋果公司在其MacOS的Safari瀏覽器中內(nèi)置了暗模式支持，隨后Mozilla推出了Firefox。但是現(xiàn)在，黑暗模式的網(wǎng)站功能已經(jīng)出現(xiàn)在Google的Chrome瀏覽器，Microsoft剛?cè)娣薜腅dge 和iPhone和iPad上的Apple Safari上。

如今，暗模式已成為熱門項(xiàng)目。有些人只是喜歡他們的外觀，但不僅僅是夜間工作的人可以證明的美觀。瀏覽器支持意味著暗模式移動(dòng)不會(huì)使網(wǎng)絡(luò)落后。

添加深色模式支持的所有計(jì)算的基礎(chǔ)在我們的生活是復(fù)雜的，即使操作系統(tǒng)像MacOS和的Windows已經(jīng)提供了一個(gè)高層次的暗模式選項(xiàng)。如果您不相信我，請(qǐng)查看蘋果精心考慮的暗模式建議中有關(guān)重新繪制圖標(biāo)和重新著色按鈕的詳細(xì)信息。

這些天可以容納成熟應(yīng)用程序的網(wǎng)站，增加了暗模式復(fù)雜性的另一層。如果您的操作系統(tǒng)使任務(wù)欄或擴(kuò)展塢變暗，并且瀏覽器界面帶有黑色標(biāo)題欄和標(biāo)簽，則熾熱的白色網(wǎng)站是一個(gè)明顯的冒犯。

但是，Web開發(fā)人員現(xiàn)在可以在其代碼中添加“ prefers-color-scheme”控件來解決該問題。這樣一來，兼容的瀏覽器就可以針對(duì)諸如將文本變成白色，使背景恰到好處的暗度，為鏈接文本之類的元素選擇顏色等特定信息進(jìn)行操作。

暗模式瀏覽器到貨

對(duì)暗模式網(wǎng)站的支持正在擴(kuò)展：

3月份，MacOS上的Safari成為支持暗模式的瀏覽器。Safari將在今年秋天發(fā)布的iOS和新的iPadOS上與iPhone和iPad上的Safari一起加入。

Firefox在5月增加了對(duì)暗模式的支持。

谷歌占主導(dǎo)地位的Chrome已在周四的Chrome beta版中發(fā)布了暗模式支持。通常，測試版功能會(huì)發(fā)布到主流Chrome版本中，因此每個(gè)人都可以在測試版發(fā)布六周后獲得該功能。

遷移到Google的開源Chromium基金會(huì)的Microsoft Edge在這些測試版本的瀏覽器中支持暗模式。在其邊緣內(nèi)幕的網(wǎng)站，微軟表示，將提供更多的控制權(quán)：“我們將添加一個(gè)設(shè)置，微軟的邊緣，使您可以使用您的操作系統(tǒng)設(shè)置的暗模式的獨(dú)立。”

通過Brave，您可以將其瀏覽器設(shè)置為在暗模式，亮模式下顯示網(wǎng)站，或遵循操作系統(tǒng)的設(shè)置。

但是，對(duì)瀏覽器的支持只是其中的一部分。網(wǎng)站開發(fā)人員必須支持深色模式才能被廣泛使用。

Web開發(fā)人員的黑暗模式并發(fā)癥

這是不難創(chuàng)建一個(gè)網(wǎng)站的一個(gè)黑暗的模式版本，說一個(gè)設(shè)計(jì)公司，NYystudio107，在鳴叫。

網(wǎng)絡(luò)開發(fā)人員兼作家Sime Vidas說，但是創(chuàng)建暗模式網(wǎng)站會(huì)帶來新的風(fēng)險(xiǎn)。他擔(dān)心需要高對(duì)比度設(shè)計(jì)的讀者可能無法訪問深色模式的網(wǎng)站。

“正確實(shí)施暗模式基本上意味著必須從頭開始創(chuàng)建一個(gè)全新的色彩系統(tǒng)，因?yàn)榧词乖谀承┣闆r下重復(fù)使用相同的顏色，您仍然必須確保它與新的深色具有足夠的對(duì)比度，” 維達(dá)斯發(fā)了推文。他還希望為開發(fā)人員提供有關(guān)創(chuàng)建暗模式網(wǎng)站的最佳方法的更好建議。

因此暗模式網(wǎng)站將需要工作。但是，考慮到想要黑暗模式的人數(shù)，希望這種想法能夠傳播開來。