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

2019-11-19 10:15:24    來(lái)源:    作者:

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

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

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

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

但是,Web開(kāi)發(fā)人員現(xiàn)在可以在其代碼中添加“ prefers-color-scheme”控件來(lái)解決該問(wèn)題。這樣一來(lái),兼容的瀏覽器就可以針對(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ā)布了暗模式支持。通常,測(cè)試版功能會(huì)發(fā)布到主流Chrome版本中,因此每個(gè)人都可以在測(cè)試版發(fā)布六周后獲得該功能。

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

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

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

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

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

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

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

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

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。