通过chrome浏览器调试手机页面(IOS和Android)

一、针对android设备

1、在android设备上开始开发者模式
2、将设备连接到PC,在chrome浏览器地址栏输入:

chrome://inspect/#devices

3、在手机上打开网页的时候,chrome就会检测到网页,可以直接调试

二、针对IOS设备

PS:如果使用的是MAC电脑,可以直接在safari的开发里面找到,我的Iphone里面可以检测网页
1、在Iphone的设置-》safari-》高级-》web检查器。打开
2、在电脑上安装ios_webkit_debug_proxy和RemoteDebug iOS WebKit Adapter(见后面)

安装部署

项目地址:https://github.com/artygus/ios-webkit-debug-proxy-win32。

在 Binaries 小节点击下载链接。

下载后完成解压缩,将ios-webkit-debug-proxy-win32 目录复制到 C:\ 盘。

目前文件放在:E:\百度云同步盘\软件\安卓相关\ios-webkit-debug-proxy-1.8-win64-bin.zip

在系统环境变量添加 C:\ios-webkit-debug-proxy-win32。

启动 proxy

先要启动iTunes

打开命令行终端,执行:

ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html

扫描二维码关注公众号,回复: 11508143 查看本文章

浏览器执行

http://127.0.0.1:9221/

你会发现里面是空白的,说明你还没有打开H5页面,用safari打开一个H5页面,刷新chrome,就会发现多了几条数据

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/michael51/article/details/107758089