🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

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

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

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

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

提供 Shopify 接案服務:阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組(非官方)👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
按讚的人:

共有 0 則留言


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

提供 Shopify 接案服務:阿川の電商水電行 - 專修 Shopify 網店 👇👇👇
https://job.turn.tw/shopify-services

管理台灣 Shopify 開發者 LINE 群組(非官方)👇👇👇
https://line.me/ti/g2/YUasX5K3CJ4QdIx76zppjHlh3-q8w-xkSyK1LA
🏆 本月排行榜
🥇
站長阿川
📝18   💬9   ❤️5
680
🥈
我愛JS
📝4   💬14   ❤️7
252
🥉
御魂
💬1  
3
#5
2
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付