移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备。 但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢?

下面介绍一种针对android机的调试方法


1.在pc和android手机上都安装最新版本的chrome
2.使用usb将手机的PC相连接
3.手机中打开“设置”->"开发人员选项"->"USB调试"

4. 打开pc侧chrome, 在地址栏中输入chrome://inspect/#devices 选中discover usb devices。可以看到我们的手机设备,如下图所示:

5.在手机侧chrome中访问页面 比如:m.haha.sogou.com 同步的,我们会在pc侧的chrome上看到到手机侧访问的页面,如下图所示
6. 点击上图中的inspect, 熟悉的调试界面出现!

注意图中右上角的手机图标,点击后,效果更加酸爽。手机打开的页面被直接拉到pc上显示了。调试更加事半功倍!




更多相关文章

  1. 安全新手入坑——HTML标签
  2. Nginx系列教程(四)| 一文带你读懂Nginx的动静分离
  3. Android手机开发:android:layout_weight属性的使用
  4. Android要完?来看看谷歌的下一代操作系统Fuchsia长什么样
  5. 面试又来了
  6. Android(安卓)wifi 调试
  7. Android(安卓)webView 缓存 Cache + HTML5离线功能解决
  8. Android(安卓)OS 现身 HTC TyTN II
  9. 利用WebView通过javascript调用android java方法

随机推荐

  1. Android(安卓)GPS
  2. android Binder机制深入浅出
  3. Android 之 Handler总结
  4. android开发之源码级分析(系统启动流程 &
  5. 安卓及手机相关技术基础
  6. 移动 App 已经趋近饱和,那么 Android 开发
  7. Android(安卓)-- SDcard文件读取和保存
  8. Android P/9.0 http网络请求异常
  9. android activity ImageView全屏设置
  10. Android开发学习笔记之一