Android 浏览器内 H5 电脑 Chrome 调试
2024-08-22 16:22:01
Android 浏览器内 H5 调试
chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试)
adb 相关资源
adb shell(ADB Kits)下载地址: http://adbshell.com/downloads
打开 开发者模式
- 设置
- 关于手机
- 版本号,点击
5
次 - 返回 设置列表,列表中多了
其他设置
选项 - 进入
其他设置
- 开发者选项
- 调试 -> USB调试 开启即可
进入 调试模式
- 安装 debug 版本的 浏览器 到测试手机上
- 测试收集开启 开发者模式
- 安装 adb, 下载后,打开运行即可
- 通过数据线连接手机和调试的电脑
- 电脑上命令行进入 adb 目录,运行
adb devices
确保手机已正常连接(正常会显示 devices 列表) - 电脑运行
adb shell
- 电脑打开 chrome 浏览器
chrome://inspect
- 在手机的浏览器输入任意访问的网址,此时在 chrome 的 DevTools -> Devices -> Remote Target 面板会出现手机访问的网址
- 点击面板中网址下方的 inspect 选项,即可打开一个新 dev 调试面板,重新刷手机上的访问地址,电脑上的调试面板会同步刷新,并显示相关的 chrome dev 面板的所有资源,网络,JS 调用日志
Console.log('test log')
到调试面板
最新文章
- 关于Linux与Windows的区别的文章
- golang github.com/go-sql-driver/mysql 遇到的数据库,设置库设计不合理的解决方法
- PowerDesigner 工具面板 association,inheritance,association link 不可用 解决方法
- [GeekBand] STL与泛型编程(1)
- adb pull命令复制android数据库文件.db到电脑
- MSSQLSERVER数据库- 打开表出现目录名无效
- Handshakes(思维) 2016(暴力)
- VS中,NUnit适合测试者尽心开发自动化测试,而Unit适合开发者开发单元测试。
- <;td style=";word-break:break-all";>; 在html中控制自动换行
- c/c++ double的数字 转成字符串后 可以有效的避免精度要求不高的数
- 基于visual Studio2013解决算法导论之016查找最大值最小值
- C# 基于Bootstrap的三级联动
- Android性能优化之UI渲染性能优化
- 企业级LNMP分离式部署
- Myeclipse2017C版本破解
- java 三大框架 hibernate部分知识实现增删该查操作
- java 期末考试复习
- 廖雪峰Java4反射与泛型-1反射-2访问字段Field和3调用方法Method
- webpack+express实现“热更新”和“热加载”(webpack3.6以前的做法)
- oracle sqlplus登陆命令
热门文章
- 金蝶k3wise 核算项目、辅助资料
- html_基础标签
- jquery源码解析日常
- C3_note
- Laravel日常使用总结
- 关于python3.6上传文件时报错:HTTPSConnectionPool(host=&#39;***.org&#39;, port=443): Max retries exceeded with url: /post (Caused by SSLError(SSLError(1, &#39;[SSL: CERTIFICATE_VERIFY_FAIL解决办法
- 20172328 2018-2019《Java软件结构与数据结构》第九周学习总结
- SpringBoot启动tomcat源码解读
- FZU 2285 迷宫寻宝
- 面试题:常用的http状态码