iOS加载html输入框缩放闪动,iOS WKWebView Html Input 放大问题(Zoom)

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

原本使用 UIWebView 来包我们的网页，

官网说也可以使用 WKWebView ，

所以就用 WKWebView 来试试看。

但这时马上遇到的就是点到网页上的 textbox 后，

整个画面就会自动放大，而且放大后，就回不来了。

除非在旁边的 DBClick，才会回复原本的大小，如下，

在网络上有说在网页上加入 meta viewport 的设定，但测试起来还是会放大。

后来参考“Disable Auto Zoom in Input “Text” tag - Safari on iPhone”，

设定 input style  {font-size:1em;} 就解掉了会自动放大问题。如下，

解了这个后，又遇到了 iScroll 的问题(因为我们有使用)，会导致使用 Scroll 怪怪的。

详细资讯，大伙可以参考“Why the Scroll Event Change in iOS 8 is a Big Deal”。

然而拿掉了 iScroll 后，测试时又发现 confirm 却没有效果。

这时查一下“wkwebview js confirm”就出现一堆 not working 。

所以我们就改使用 jQuery 中的 confirm 去覆写 window.confirm (因为我们有 iOS 及 android) 。

另外，UIWebView 与 WKWebView 清 Cache 的方式也不同哦!

参考数据

Disable Auto Zoom in Input “Text” tag - Safari on iPhone

Why the Scroll Event Change in iOS 8 is a Big Deal

Xamarin iOS clear cache from WKWebView