移动应用调试之 Inspect
移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备。 但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢?
下面介绍2种针对android机的调试方法
一.直接使用Chrome浏览器:
1.在浏览器中输入待调试的site,F12打开调试窗口;
2.根据需要选择不同类型设备进行调试;
二.使用手机真机调试:
1. 在pc和android手机上都安装最新版本的chrome;
2. 使用usb将手机的PC相连接;
3. 手机中打开“设置”->"开发人员选项"->"USB调试"
4. 打开pc侧chrome, 在地址栏中输入chrome://inspect/#devices 选中discover usb devices。可以看到我们的手机设备,如下图所示:
5.在手机侧chrome中访问页面. 比如:https://test.lifeccp.com/m/ 同步的,我们会在pc侧的chrome上看到到手机侧访问的页面,如下图所示
6. 点击上图中的inspect, 熟悉的调试界面出现!
在调试窗口中选择 More tools --> Inpect devices...
在下面页面打开 Inspect:
注意图中右上角的手机图标,点击后,PC和手机的显示内容相同。手机打开的页面被直接拉到pc上显示了。调试更加事半功倍!
想了解更多信息,可以参考Chrome官方帮助:https://developers.google.com/web/tools/chrome-devtools/debug/remote-debugging/remote-debugging?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
相关文章
- php调试函数
- 安装EPP的调试Zend Debugger
- UI调试工具 SAK 布局 [MD]
- 【STM32F407】第6章 RTX5调试组件使用方法(重要)
- 49. 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用
- 使用 SAP UI5 ABAP Repository 部署本地 SAP UI5 应用到 ABAP 服务器的单步调试
- SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
- SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用试读版
- SAP UI5 应用的调试标志位的本地存储逻辑 - local storage 使用的一个例子
- SAP UI5应用点了search按钮后的实现调试
- 如何关闭SAP ICF调试
- 了解 Restful ABAP Programming 模型系列之三:云端 ABAP 应用调试
- SAP Spartacus应用入口的模块加载单步调试
- 使用SAP WebIDE创建开发Java应用,并且在浏览器里调试
- 在Windows电脑上调试安装在iOS设备上的SAP UI5应用
- paip.提升效率--调试--日志系统日志参数含义---python
- 使用Visual Studio Code调试运行在SAP云平台上处于运行状态的nodejs应用
- 在Windows电脑上调试安装在iOS设备上的SAP UI5应用
- 如何使用Chrome开发者工具调试web socket应用
- 如何用Visual Studio Code远程调试运行在服务器上的nodejs应用
- 【Android 逆向】修改运行中的 Android 进程的内存数据 ( Android 命令行中获取要调试的应用进程的 PID | 进程注入调试进程内存的 so 库 )
- LabVIEW使用实时跟踪查看器调试多核应用程序
- 使用Visual Studio开发调试QT应用
- 瑞芯微RK 调试流程
- Mac IDA单步调试本地程序