利用Chrome进行远程移动端调试
来源:互联网 发布:软件著作权范本 编辑:程序博客网 时间:2024/05/01 10:49
Chrome还可以支持远程移动端调试,方法如下:
1 在开发机器上,按F12打开开发者工具,在开发者工具的右上角选择更多工具(More tools)->检查设备(Inspect devices),见下图
2 利用USB数据线连接个人手机,并在手机上启用USB调试者模式。
3 在个人手机上打开Chrome。
4 在开发机器的开发者工具上,我们会发现我们的移动设备以及相关的网页信息,选择网页后的“Inspect”按钮即可进行同步调试,见下图。
现在开发机器与远程完全同步了,并且能充分发挥调试工具的特性,观察每个DOM的style、event等相关信息,见下图,尽情地享受调试的快乐吧!
相关说明
如果手机的连接信息显示为unknow,连接状态显示为pending,请务必从设备管理器中更新手机的驱动程序(千万不能出现黄色的三角及感叹号的情形,或者你的手机还出现在其他设备的分类中),正确的设备信息如下:
最后,重要的事情说三遍,一定要打开USB调试者模式,一定要打开USB调试者模式,一定要打开USB调试者模式。
0 0
- 利用Chrome进行远程移动端调试
- 用Chrome和android SDK远程调试移动端页面
- Chrome mobile for Android 连接PC版Chrome远程调试(Android 移动端连接PC版Chrome远程调试 )
- 利用GDB进行远程调试
- 利用VSTS2010进行远程调试
- 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- app移动端H5页面开发调试之Chrome远程调试
- 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- 6. 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- 移动端Web开发调试之Chrome远程调试(Remote Debugging)
- 移动前端调试方案(Android + Chrome 实现远程调试)
- 移动前端调试方案(Android + Chrome 实现远程调试)
- chrome开发者工具调试&移动端调试
- 利用Eclipse和Tomcat进行远程调试
- Check failed: registry.count(t ype) == 1 (0 vs. 1) Unknown layer type
- android MD之共享元素
- ASCII码排序
- mongodb的命令行操作命令详解(增删改查、高级查询)
- 第三方SDK:蒲公英
- 利用Chrome进行远程移动端调试
- 阿里支付宝和腾讯微信,最终谁会成为中国Market big brother?
- 剑指offer经典编程(七)
- 《JAVA与模式》之适配器模式
- 火狐浏览器Firebug控制台显示本页面不包含 javascript的解决方案
- ORACLE数据库安装手册(Oracle 11g 64位版本)
- 浅析栈帧
- 2D游戏工具
- 使用Gradle发布Android开源项目到JCenter