本文主要记录与前端H5联调的时候,遇到的异常问题,特别是那种安卓上正常,iOS端异常的头疼问题。
问题一:H5 给了一个同样的 url,在安卓端,浏览器显示上均正常,iOS 端显示异常。
原因:H5 连接里面有特殊符号,比如 #¥% 中文等这种乱七八糟的符号,这个东西在 iOS 端会 url 转码异常,但是在安卓,浏览器上正常。
解决方案:一般遇到这种问题,可以直接让 H5 同事修改即可,或者 iOS 端也有解决方法,自行百度即可。
注意:用 vue 写的 H5 连接会默认有 #,这个调试的时候要注意,iOS 端默认是不支持的 #的
问题二:H5 写的 tabbar 安卓,浏览器上正常,iOS 端显示异常,tabbar 跟着滑动,然后页面就乱了。
原因:H5 端写法有问题。很有可能是 H5 这边用了 position:fixed 导致的。这个东西在安卓端正常,在 iOS 端不正常。
解决方案: 深入探究 iOS 下 fixed 定位导致的问题
问题三:用 WebViewJavascriptBridge 的时候,H5 端 JS 调 OC,OC 调 JS 各种不通
原因:一般都是 H5 那边的一些错误,按照一些博客讲的做就可以
解决方案:WebViewJavaScriptBridge 基本使用
极个别情况下,有的 H5 会因为判断是 iOS 还是安卓的逻辑写错,导致联调一直不通。别问我怎么知道的这个。。。