hybrid app如何调试？

源码分享 2016-12-16 17:56

在做hybrid app开发过程中，当你的前端小伙伴写好前端代码想要调用原生接口时，我们该如何调试html代码呢？前端开发调试代码只需要打开浏览器的开发者工具就可以调试，但是当前端页面嵌入到Android中需要测试native端提供的接口时这上哪调试去啊！咳咳，作为一名专业的前端开发(假装自己是)，这不会调试代码那还怎么zhuangbi啊？想要调试webView加载的网页我们需要借助chrome。

step 1

打开chrome浏览器输入

chrome://inspect/#devices

这时如果你的手机或者模拟器已经连接到电脑时，你的页面中就会出现相应的设备列表

设备页面

step 2

设置你的webView为可调试

WebView.setWebContentsDebuggingEnabled(true);

step 3

在手机上打开你要调试的html页面，chrome上就会出现相应的页面列表，点击相应的页面就可以进入html代码调试页面

调试页面

看这个页面是不是和普通的html页面调试一样？就是这么简单！

更加详细的使用：

百度搜索捡代码论坛。

本文为头条号作者发布，不代表今日头条立场。