身為一位前端工程師，你應該對用戶裝置有基本的了解，年年更新市場的裝置變化，也是基本功課。
2022 第一季即將過完，如果你是經營在台灣地區市場，以下就讓我們來看看 2022年瀏覽器市場上的最新變化吧。
如果你想查看全球的瀏覽器市占率，可以觀看這篇 :
以下資料來源於 statcounter 的統計數據，2022年各家瀏覽器市占率如下:
2022 台灣地區瀏覽器市佔率排名
2022 台灣不分裝置瀏覽器市佔率排名
2022 台灣瀏覽器市佔率排名 – 不分裝置瀏覽器前5名
| Top1 | Chrome | 59.67% |
| Top2 | Safari | 31.47% |
| Top3 | Samsung Internet | 3.54% |
| Top4 | Edge | 2.93% |
| Top5 | Firefox | 1.17% |
台灣不分裝置上，前兩名基本沒有變化，依舊是 Google 的 Chrome 獨佔第一，Apple 的 Safari 排名第二。
不過有趣的是近幾年 Safari有逐步追上的趨勢，所以前端在製作網頁上，千萬不要再用模擬器去模擬了，一定要使用 iphone 實測，隨著市佔率的提升，影響層面擴大，這點千萬不能偷懶。
比較值得注意的是三星自家的瀏覽器 Samsung Internet，三星以各階層都涵蓋的手機的策略，以及手機中內部有點半強迫的綁定自家瀏覽器的行為，在台灣不分區的瀏覽器市占率中，搶下了第三名的位置。
由於 三星自家的瀏覽器 Samsung Internet 只存在於手機上，在下面 Mobile的部分，我們再來談前端實際上遇到的問題。
2022 台灣 PC 裝置瀏覽器市佔率排名
2022 台灣瀏覽器市佔率排名 – PC 裝置瀏覽器前5名
| Top1 | Chrome | 75.41% |
| Top2 | Safari | 13.51% |
| Top3 | Edge | 6.99% |
| Top4 | Firefox | 2.63% |
| Top5 | IE | 0.36% |
台灣 PC 瀏覽器市占率前五名，依舊 Chrome 佔據第一名的寶座，且市佔率超過7成5，比全球均值還高，第二名的 Safari 是站也有一定的份額，足以顯示在PC市場，MAC 使用的用戶在緩慢增加。
比較要值得注意的是 Chrome 雖然佔據了第一名，但在筆電的市場上，支援度就出了點問題，如果你的網站主要AT，有一部份來自 PC，那像是 HP、Dell 的筆電，就會建議個別測試，如果你手上剛好有這類的筆電，可以測試一下保險一點，實際情況是某些機種會局部跑版問題，但大多可透過 CSS 與 HTML 的布局做排除( 當然也有不能排除的….極少數)。
至於第三名就令人比較意外了，Edge來到第三名有些難得，映像依稀記得2018年時，微軟發表自家 Azure 時，Edge 就像當機一樣，發表人員一陣神操作，直接下載 Chrome 來開啟 Azure ，瞬間當機感消失，成為當年 Chreme 比 Edge 好用的最佳代言人(不是本篇重點，有興趣可以看看下方影片，2018 Chrome 最佳代言)。
但確實 Edge 也在進步，也宣布採用與 Chrome 相同架構，未來可以看看。
整體上，前5名依舊(前端都得測 Orz)。
2022 台灣 Tablet 平板裝置瀏覽器市佔率排名
2022 台灣瀏覽器市佔率排名 – Tablet平板裝置瀏覽器前5名
| Top1 | Chrome | 55.68% |
| Top2 | Safari | 42.05% |
| Top3 | Android | 1.95% |
| Top4 | Firefox | 0.09% |
| Top5 | Opera | 0.07% |
平板排名變動不大，基本掌握 Chrome 與 Safari 就好，比較要注意的是裝置的最大尺寸，目前應該是由 Apple 出的 iPad Pro 採用的 1024px 為基準參照。
前端的你，如果再製作 RWD、Webview，請記得一定要兼顧該尺寸，不然會發生用平板無法操作網頁某些功能的悲劇。
2022 台灣 Mobile 行動裝置瀏覽器市佔率排名
2022 台灣瀏覽器市佔率排名 – Mobile 行動裝置瀏覽器前5名
| Top1 | Chrome | 47.59% |
| Top2 | Safari | 44.46% |
| Top3 | Samsung Internet | 6.89% |
| Top4 | Opera | 0.54% |
| Top5 | UC Browser | 0.16% |
手機就比較有意思了，Safari 的市佔率在2021年時，一度快與 Chrome 相同，到現在依舊相距不遠，相信這也歸功於 Apple 的手機，在近年取得了卓越的成功，也可以發現，台灣用戶真的很多都跳到iphone的懷抱了(但不得不說 iphone 也確實好用)。
前端在測試上，將比往年更加的著重 Safari 的測試，如果你是前端新手，再次良心提醒【請用iphone 實測、請用iphone 實測、請用iphone 實測】，不要再偷懶只使用模擬器了，請真實的提高自己對 Safari 的掌握度。
三星自家的瀏覽器 Samsung Internet 也是一個令人蛋疼的東西，在網頁的支援度上，在兼顧 Chrome 與 Safari的情況下，大多數網站順暢預覽，但…某些機種在實際測試下是會產生局部的跑版與破版的，跟手機的新舊，也似乎並沒有直接關係，這一蛋疼的操作，只能仰賴大量測試，只能多加注意了。
Opera 不用說，前端應該不陌生，基本兼顧 Chrome的網站，Opera都能順利運行。
UC Browser，老實說我也是第一次看到，之後有空應該會去測試，但這邊建議前端可以先跳過，因為市占率太低，在開發時程與資源有限的情況下，建議先顧全大局，等有時間再把這些小部分補齊吧。
發表迴響