Android Web开发调试之Chrome远程调试
发表时间:2017-6-1
发布人:葵宇科技
浏览次数:39
无需原生开发基础,也能完美呈现京东商城。《混合开发京东商城系统,提前布局大前端》课程融合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链接。