hybrid app如何调试?

在做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页面调试一样?就是这么简单!

更加详细的使用:

http://www.cnblogs.com/terrylin/p/4606277.html
https://github.com/riskers/blog/issues/11

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,641评论 25 708
  • Swift版本点击这里欢迎加入QQ群交流: 594119878最新更新日期:18-09-17 About A cu...
    ylgwhyh阅读 25,586评论 7 249
  • 一只大雁脱离了它的队伍,孤独的在天上飞着。它努力睁眼向远处望去,但是纵使它的视力在队伍中数一数二,在这灰蒙蒙...
    01cbf6f8ccf2阅读 143评论 0 1
  • 感赏自己昨晚买菜给婆婆吃。但是自己太会啰嗦了,以至于又婆媳大战口舌。 感赏儿子学习数学认真,入门考试满分,上课回答...
    吴若阅读 318评论 0 0