InAppBrowser

說在最前面的，以目前的 iOS / Android 生態來看，所謂的 InAppBrowser 大部分的支援程度都還算可以。最主要的差異在於使用了 JavaScript 的差異，跟真正的 瀏覽器 會有點落差。但是，對於樣式表來說，支援度基本上都還會有七八分像，至於不像的部分，那就是看 iOS / Android 給各種 App 的 WebView 是不是有什麼限制。

通常，對於一般用戶來說，在 App 裡面打開網頁這件事情很常見，

你的網站我打不開很爛耶！

我就 LINE 點網站打不開啊。

實際上我有好一陣子一直遇到這一類的問題，呈現有錯誤，JavaScript 執行有錯誤，然後多少可以從 User-Agent 來查一下對方的裝置版本（或是使用 Sentry 來收集一些資訊），然後，結果大概是這樣，

OS Version: Android 4.4.2

這邊有一篇 舊文 可以參考一下。

InAppBrowser 的偏差

首先，他們不是原生瀏覽器，然後，他會有自己的操作行為跟尺寸。所以，當你在使用一些相對尺寸時，他在一般瀏覽器的呈現方式，跟 InAppBrowser 當中的呈現方式就不一定會一樣。

例如 vh, ch。

所以，有的網站會做上提示，當你使用 InAppBrowser 的時候，提醒你使用一般的瀏覽器開啟。除了要避開可能發生的問題之外，最大的用意還是希望能在畫面呈現上，有比較接近原始設計的樣貌。相對尺寸在 各種 InAppBrowser 的呈現上都有可能不同，我們都已經考慮到各種行動裝置尺寸了，實在沒心神再傷腦筋 InAppBrowser 帶來的問題。

雖然，這些問題一直都在。

逃避雖然可恥，但是有用！

所以說那個手機版

個人建議，設計一個精美的提示訊息，告訴他，

MDFK 請用一般瀏覽器開啟網站。

Blog 同步刊登：[12th 鐵人賽] 關於 InAppBrowser, Day 28