Safari 27.3測試網頁自動轉暗,WebKit引擎可依內容調整文字與圖示配色
기사 본문
6개 단락 · 단어를 탭(클릭)하거나 문장을 선택하면 번역 · 단어 탭/문장 선택으로 번역Apple WebKit團隊公布瀏覽器Safari 27.3測試版新功能自適應深色模式(Adaptive Dark Mode),可將未支援深色模式的淺色網站轉成深色顯示。使用者將系統外觀切換為深色,開啟背景明亮的網站時,Safari便會提供轉換效果預覽,點選試用後即可啟用。
Safari會先檢查網站是否透過HTML或CSS宣告支援深色模式。已指定color-scheme: light dark的網站不會受到轉換,而未宣告支援的網站,則由瀏覽器分析背景與文字顏色,判斷頁面偏向深色或淺色。原本就採用深色背景搭配淺色文字的網頁會保留原貌,只有判定為淺色的頁面才進行調整。
色彩轉換由WebKit瀏覽器引擎處理,WebKit利用色彩矩陣調整明度,同時保留原有色相,將淺色背景轉暗、深色文字轉亮,也能轉換CSS漸層。文字顏色的調整以WCAG規範的4.5:1對比度為目標,並兼顧按鈕及滑鼠移入時顯示的選單是否容易辨識。
圖片則依內容採取不同處理方式,多數影像維持原貌,但Safari會視需要調整SVG圖示的顏色,或分析點陣圖片的像素分布,反轉簡單的黑白標誌,避免更換背景後難以辨識。Canvas繪製的內容不會受到轉換,遮罩或混色效果若影響顯示結果,瀏覽器也可能停用相關效果。
WebKit引用的統計顯示,近四成網頁載入來自使用深色模式的使用者,但僅約一成網頁載入具有深色模式支援。網站開發者仍可自行設計深色樣式,並透過color-scheme宣告支援,避免Safari另外轉換。
Safari不允許網站偵測自適應深色模式是否已套用,JavaScript查詢CSS顏色時,取得的仍是網站原始設定值,圖片繪製到Canvas時也維持原貌,避免增加可用於瀏覽器指紋辨識的資訊。WebKit也介紹透過color-scheme: light only指定網站或部分元素維持淺色外觀的方法,但Safari 27.3 beta 1尚未支援其中的only關鍵字。
단락별 번역이 어긋날 때
전문 번역
단어를 탭(클릭)하면 그 단어를, 문장을 선택하면 그 범위를 바로 번역합니다.