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的东西。。。。