[Day 28] 关於 InAppBrowser

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