客戶反應 我做好的某個頁面 應該白底的按鈕 在手機上打開是黑底
他使用三星手機 + 預設瀏覽器
經檢查 發現這居然是一個三星手機瀏覽器的特色！
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 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
每週二 YT 直播問答，DC 可 Call-in，一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D
熱門文章
