美文网首页混合开发程序员
hybrid app如何调试?

hybrid app如何调试?

作者: Jesse_zhao | 来源:发表于2016-12-05 22:15 被阅读771次

    在做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

    相关文章

      网友评论

      本文标题:hybrid app如何调试?

      本文链接:https://www.haomeiwen.com/subject/swdlmttx.html