ionic安卓真机debug调试方法，定位js错误

ionic安卓真机debug调试方法，定位js错误 ##

ionic开发当没有用到ng-cordova这些底层的东西的时候，可以直接在浏览器里面调试。但是当你需要调用底层硬件的时候。传统的在浏览器控制台看js错误就没用了，这个问题苦恼很久，导致我一直是build完apk就一顿alert（）。。。。现在想想这么蠢得方法竟然用了那么久。下面介绍一种刚刚找到的调试方法—

第一步：真机设置USB调试模式（具体手机怎么设置 Baidu.com）

设置usb调试模式，用数据线连接电脑，连接成功后，手机弹出信任此电脑usb调试

第二步：在电脑上打开Chrome浏览器的Inspect Devices

Chrome浏览器– 更多工具 – 检查设备（Chromemenu > More tools > Inspect Devices），或者直接在浏览器地址栏输入chrome://inspect 或者about:inspect

上图中webview 的那个就是可以调试的ionic项目（上面的Discover USB devices要打钩选中）

第三步：inspect打开DevTools

点击inspect打开DevTools后，你可以选中页面中的DOM元素，同时设备中对应元素也高亮显示，也可使用DevTools中的Inspect Element 选中目标元素，可以实时与移动设备页面交互，方便的定位问题所在，进行代码调试。

这里就有dom 各种debug的东西。。。。