iOS-H5联调的坑记录小结【长期更新】

本文主要记录与前端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还是安卓的逻辑写错,导致联调一直不通。别问我怎么知道的这个。。。

你可能感兴趣的:(iOS-H5联调的坑记录小结【长期更新】)