使用chrome调试android前端页面
16lz
2021-01-25
移动端开发时,我们常使用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上显示了。调试更加事半功倍!
下面介绍一种针对android机的调试方法
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上显示了。调试更加事半功倍!
更多相关文章
- 安全新手入坑——HTML标签
- Nginx系列教程(四)| 一文带你读懂Nginx的动静分离
- Android手机开发:android:layout_weight属性的使用
- Android要完?来看看谷歌的下一代操作系统Fuchsia长什么样
- 面试又来了
- Android(安卓)wifi 调试
- Android(安卓)webView 缓存 Cache + HTML5离线功能解决
- Android(安卓)OS 现身 HTC TyTN II
- 利用WebView通过javascript调用android java方法