使用谷歌浏览器Chrome://inspect调试 cordova 项目
16lz
2021-01-25
一 你需要准备?
- 版本 83.0.4103.116（正式版本） （64 位）
- android 版本 8.0.0
以上是我本次测试的环境,但大家测试不限于此。
二 准备工作
首先，我们需要通过usb线将我们设备连接到开发机.开启你的设备的usb调试,由于每个设备开启方式不同,需要大家自行百度.
接下来,大家可以参考我的这篇文章Cordova项目使用Android Studio真机调试将cordova项目导入android studio,这样做的目的是为了方便我们快速安装app到自己的设备.
其实细心的同学会发现,配置完真机调试,我们也能在console窗口看到日志信息
至于为什么还要搞chrome这一套,主要是很多人太熟悉它的debug调试,用起来顺手.
三 演示
在PC端输入chrome://inspect，打开DevTools页面,如果一切顺利,你会发现远程目标已经上线
要开始调试，请点击您想要调试的 WebView 下方的 inspect。
这时候你会发现,查看日志会变得更加方便.
这里会有一个小坑,我当时点击之后报了一个404的页面,最后之后解决,可能要通过外网下载什么东西,网上的加速器很多,大家随便找一个就行.
还遇到有时候console里面不打印日志,大家加速器又可以了,很奇葩,不知道原因
推荐我用的穿云加速,每天签到送流量,基本够用
当然左侧的页面你可以直接点击操作,就和操作h5页面一样,由于涉及隐私,我打了马赛克.
四 总结
由于我也是刚接触客户端项目,可能总结的不到位,有问题大家留言
参考文章
[1].使用Chrome://inspect调试 Android 设备上Webview[N] Hyelim
更多相关文章
- 安全新手入坑——HTML标签
- Nginx系列教程（四）| 一文带你读懂Nginx的动静分离
- Android小白usb通信入门篇（一）
- Android中造成APP闪退的原因总结
- Android(安卓)BLE最完整的工具类(扫描/连接/读写/通知设备)
- Android开发之AlarmManager的用法详解
- Android(安卓)Doze模式
- h5页面设计规范
- 《Android(安卓)初识build.gradle文件》