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

无需原生开发基础，也能完美呈现京东商城。《混合开发京东商城系统，提前布局大前端》课程融合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链接。