使用浏览器inspect调试app
2024-09-08 00:58:56
使用浏览器inspect调试app
在开发混合项目的过程中，常常需要在app环境排查问题，接口可以使用fiddler等工具来抓包，但是js错误就不好抓包了，这里介绍一种调试工具-浏览器。
1.调试过程
先看实现步骤
首先电脑打开edge浏览器，地址栏中输入edge://inspect/#devices，界面如下图1
打开手机开发者模式，华为P30打开方式是，设置->关于手机->连续点击版本号，会有一个toast提示，切换成开发者模式，如下图示2
打开要调试的app，开启webview debug
使用usb数据线把电脑和手机连接起来，这时浏览器就会监听到app打开的html页面，如下图3
注意在REMOTE TARGET中出现了一个手机型号ELE-AL00，这个是我的华为P30手机。其次，下方出现了页面信息“webview in com.xxx.xxx”，是app的包名和版本号，上图中使用黑色笔记涂抹。再下面是调试的地址和两个按钮“inspect”，“pause”。
5. 点击“inspect”，就出现了熟悉的调试界面，如下图4
这个就是调试界面了，可以在手机上输入文字，点击按钮，这个调试界面也会跟着变化，在控制台下面就可以看到前段错误信息了。
2.Q&A
- 能不能用chrome来调试？
可以使用chrome调试，但是要FQ，使用edge可以不用FQ。 - 关于webview调试模式
这个要向Android&ios开发人员寻求帮助，要打一个支持web view调试的测试包。 - 可以调试微信公众号页面吗？
不能，不过可以调试手机浏览器打开的页面。部分h5网页需要微信认证登录，可以使用微信开发者工具来调试。
最新文章
- vim的高亮查找操作
- 用flex做垂直居中
- Spark MLib 数据类型
- 浅谈localStorage本地存储
- ls命令 ls -trl
- Linux下获取硬盘使用情况
- Python内置函数(24)——set
- 开启Apache的server status监测
- 基于Keepalived的MySQL高可用
- 项目ITP(二) 二维码 拿起你的手机装一装，扫一扫 【每日一搏】
- [No0000193]Chrome浏览器控制台（console）花式调试
- orcal - 单行函数
- JavaWeb：c3p0配置问题java.lang.NoClassDefFoundError: com/mchange/v2/ser/Indirector
- 使用 numpy.random.choice随机采样
- Android JNI作用及其详解
- 《码出高效 Java开发手册》第六章 数据结构与集合
- 【POJ】2796：Feel Good【单调栈】
- C和C++静态检查规范
- PHP远程连接mysql
- Selenium定位不到指定元素原因之iframe（unable to locate element）