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

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

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

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/


每週二 YT 直播問答,DC 可 Call-in,一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D
按讚的人:

共有 0 則留言


每週二 YT 直播問答,DC 可 Call-in,一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D
🏆 本月排行榜
🥇
站長阿川
📝10   💬6   ❤️6
434
🥈
我愛JS
📝1   💬5   ❤️4
93
🥉
AppleLily
📝1   💬4   ❤️1
54
#4
💬1  
5
#5
xxuan
💬1  
3
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次