做混合式开发的前端肯定都遇到过,自己在本地写好的页面,模拟器上也调试好了,为什么到了客户端上就出了问题呢?那出了问题该如何调试呢?我总结一下我曾经用到过的方法,可能不是特别全面,但确实在工作当中应用的还可以,如果还有其他方法,欢迎小伙伴们底下评论。
一般来说对于h5与真机或模拟器连调的方法最直接简单的就是安卓用chrome,ios用safari,如果在其他情况下可以借助windows下用fiddler,mac下用charles来替换我们需要调试的文件。
下面来细说一下:
与安卓调试
首先需要测试机开启use调试,然后在代码中加上一行
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
复制代码
在我们本机电脑上打开chrome,输入chrome://inspect 在
与ios调试
与ios调试那么就借助safari浏览器,测试机开启web检查器之后safari浏览器再设置菜单栏显示开发模式,就可以打开我们要调试的界面在safari中,进行单步调试。
使用fiddler
由于我本人用的是window,所以对于fiddler比较熟悉
如果以https开头,那么装个扩展插件CertMaker for iOS and Android
在fiddler中,打开Tools中的
使用charles
Charles也有map功能,在Tools的