Android Web开发调试之Chrome远程调试 - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 网站建设 >

Android Web开发调试之Chrome远程调试

发表时间:2017-6-1

发布人:葵宇科技

浏览次数:24

无需原生开发基础,也能完美呈现京东商城。《混合开发京东商城系统,提前布局大前端》课程融合vue、Android、IOS等目前流行的前端和移动端技术,混合开发经典电商APP——京东。课程将各种复杂功能与知识点完美融合,从技术原理到开发上线,让你真实感受到一个明星产品开发的全过程。功能实现之外,还有一流用户体验和优秀交互设计等你一探究竟,拓宽开发眼界。


移动端的混合开发其实是依靠于webview控件与网页进行交互,那么在开发的过程中难免需要做一些调试的工作,那么webview上显示的网页如果去调试那?我使用的方式是:Chrome DevTools调试移动设备Brower Page Tabs/WebViews。

1、手机与电脑通过USB链接,打开手机开发者调试模式,就像我们平时真机调试应用的时候一样。
2、如果要对webview进行调试,必须使webview处于允许调试状态,webview为我们提供了一个方法

/**
Enables debugging of web contents (HTML / CSS / JavaScript) loaded into any WebViews of this application   默认为false
*/
webview.setWebContentsDebuggingEnabled(boolean);

3、打开chrome,直接在浏览器地址栏输入chrome://inspect 或者about:inspect,保持Discover USB devices链接。

相关案例查看更多