阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!

客戶反應 我做好的某個頁面 應該白底的按鈕 在手機上打開是黑底

他使用三星手機 + 預設瀏覽器

經檢查 發現這居然是一個三星手機瀏覽器的特色!

Samsung Internet forces dark mode


簡單講 網頁要顯示淺色主題 or 深色主題 一直是個大哉問

比方說用戶作業系統設定深色主題 但網頁設計者沒有設計深色主題 那該怎麼辦

一般來說 瀏覽器會利用 prefers-color-scheme media query 以及 color-scheme meta tag 來與網頁設計師溝通

但最終要呈現淺色或深色 還是由網頁設計師決定

神奇的是,三星瀏覽器決定打破慣例,深淺主題,就是要由用戶來決定

一旦用戶設定了深色 就是要顯示深色樣式 如果網頁設計師沒有提供設計 那就直接由三星瀏覽器自動運算!

真的很狂!這注定會是一個很有爭議的大膽決定!


經過調查

https://gs.statcounter.com/browser-market-share/mobile/worldwide

Chrome
69.79%
Safari
21.44%
Samsung Internet
3.53%
Opera
1.64%
UC Browser
1.32%
Firefox
0.5%

大約有 3.53% 用戶使用三星瀏覽器

粗估其中1/3人會使用深色主題

也就是大概有 1% 的手機上網使用者 打開網頁時 會經常看到與別人不同的主題配色

滿酷炫的~


額外補充:設計師發現的一些注意事項以及抱怨 https://interaction.net.au/articles/samsung-internet-and-night-mode/

按讚的人:

共有 0 則留言


👉 身份:資深全端工程師、指導過無數人半路出家轉職 👉 使命:打造 CodeLove 成為優質新手村,讓非本科也有地方自學&討論

阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!