Windows系统的Chrome 调试运行在 IOS-safari (iPad/iPhone)上的页面
1 安装 iTunes
Windows 系统首先要安装 iTunes ,打开 Apple 官网下载 iTunes 并完成 iTunes 安装,否则计算机无法正确识别 iPhone 设备。
2 iOS设备打开调试模式
要远程调试 IOS Safari ,必须启用 Web 检查 功能,打开ios设备依次进入 设置 > Safari > 高级 > Web 检查 > 启用。
3 ios-webkit-debug-proxy
ios-webkit-debug-proxy 是一个 DevTools proxy ,项目托管在 Github 上。其使得开发者可以发送命令到真实(或虚拟)IOS设备中的 Safari 浏览器或 UIWebViews 。
4 安装部署
项目地址:https://github.com/artygus/ios-webkit-debug-proxy-win32。
在 Binaries 小节点击点击x64 Build下载链接。
下载后完成解压缩,将ios-webkit-debug-proxy-win32 目录复制到 D:\ 盘(不限)。
在系统环境变量添加 D:\ios-webkit-debug-proxy-win32。
5 启动 proxy
通过 USB 将 ipad/iphone设备 与电脑连接
ios_webkit_debug_proxy-win32.zip解压后只有ios_webkit_debug_proxy.exe,
直接执行这个exe。
打开命令行终端,执行:
ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html
输出结果如下:
ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html
Listing devices on :9221
Connected :9222 to ******
6 开始调试
打开 chrome 浏览器,在地址栏输入 http://localhost:9221/ ,这里会显示所有已连接的设备清单,选择一个设备并点击打开。
可以发现地址栏变为:http://localhost:9222/
同时显示该ios设备中Safari浏览器打开的所有页面,和一个提示:
Inspectable pages for iPad:
http://********Note: Your browser may block 1,2 the above links with JavaScript console error:` Not allowed to load local resource: chrome-devtools://...
To open a link: right-click on the link (control-click on Mac), 'Copy Link Address', and paste it into address bar.
提示浏览器禁止页面加载本地资源,需在上面的链接(即safari显示已打开页面的链接)点击右键复制链接,然后手动新建一个标签页将链接粘贴进去,回车访问。
chrome-devtools://devtools/bundled/inspector.html?ws=localhost:9222/devtools/page/1
根据提示说明复制链接并打开,即可看到常见的 chrome 调试窗口。
转载出处:https://www.cnblogs.com/kelsen/archive/2019/05.html
https://juejin.im/post/5b35d7e2f265da59845202a3
Windows系统的Chrome 调试运行在 IOS-safari (iPad/iPhone)上的页面相关推荐
- SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- java计算机毕业设计房屋租赁管理系统源码+系统+lw+数据库+调试运行
java计算机毕业设计房屋租赁管理系统源码+系统+lw+数据库+调试运行 注意:该项目只展示部分功能,如需了解,文末获取源码地址. 临近学期结束,还是毕业设计,你还在做java程序.网络编程.课程设计 ...
- java计算机毕业设计中国民航酒店分销系统源码+系统+lw+数据库+调试运行
java计算机毕业设计中国民航酒店分销系统源码+系统+lw+数据库+调试运行 注意:该项目只展示部分功能,如需了解,文末获取源码地址. 临近学期结束,还是毕业设计,你还在做java程序.网络编程.课程 ...
- java计算机毕业设计教学质量测评系统源码+系统+lw+数据库+调试运行
java计算机毕业设计教学质量测评系统源码+系统+lw+数据库+调试运行 注意:该项目只展示部分功能,如需了解,文末获取源码地址. 临近学期结束,还是毕业设计,你还在做java程序.网络编程.课程设计 ...
- java计算机毕业设计医护人员排班系统源码+系统+lw+数据库+调试运行
java计算机毕业设计医护人员排班系统源码+系统+lw+数据库+调试运行 注意:该项目只展示部分功能,如需了解,文末获取源码地址. 临近学期结束,还是毕业设计,你还在做java程序.网络编程.课程设计 ...
- java计算机毕业设计中医保健网站源码+系统+lw+数据库+调试运行
java计算机毕业设计中医保健网站源码+系统+lw+数据库+调试运行 注意:该项目只展示部分功能,如需了解,文末获取源码地址. 临近学期结束,还是毕业设计,你还在做java程序.网络编程.课程设计,老 ...
- java计算机毕业设计牙科诊所管理系统源码+系统+lw+数据库+调试运行
java计算机毕业设计牙科诊所管理系统源码+系统+lw+数据库+调试运行 注意:该项目只展示部分功能,如需了解,文末获取源码地址. 临近学期结束,还是毕业设计,你还在做java程序.网络编程.课程设计 ...
- java计算机毕业设计智能小区物业管理系统源码+系统+lw+数据库+调试运行
java计算机毕业设计智能小区物业管理系统源码+系统+lw+数据库+调试运行 注意:该项目只展示部分功能,如需了解,文末获取源码地址. 临近学期结束,还是毕业设计,你还在做java程序.网络编程.课程 ...
- java计算机毕业设计智能交通管控系统源码+系统+lw+数据库+调试运行
java计算机毕业设计智能交通管控系统源码+系统+lw+数据库+调试运行 系统功能: 首页 个人中心 用户管理 车辆登记管理 车辆信息管理 车辆进出管理 车辆管控管理 地图点位管理 系统管理 运行环境 ...
最新文章
- 一名大神的github
- ”该证书已被签发机构吊销“错误解决方案
- 一个地址或二维码自动识别设备,并跳转到各自相应的下载地址,兼容微信
- SVN报Previous operation has not finished; run 'cleanup' if it was interrupted错误的解决方法
- 二倍图三倍图什么意思_搞笑GIF图:搞笑GIF图:平安夜为什么见不到“圣诞老人”...
- Numpy中求向量和矩阵的范数
- python 单例模式的四种实现方法
- mysql2800_mysql error 1045 (2800):。。 'root'@'localhost' (using password:YES)
- jQuery——高级(js对象、json、ajax)
- Linq-Order By操作
- C++ 资源管理 —— RAII
- Jquery查找界面Html元素的方法(持续更新)
- Pr 入门教程,如何创建标题?
- jsp页面中插入jsp代码片段
- 二叉树多种遍历的时间复杂度和空间复杂度
- 人性面前,有多少感情能够经得起考验
- 量化投资 | 量化交易平台工具汇总
- 飞腾cpu服务器浪潮信息,浪潮发布国产飞腾CPU服务器
- 景联文科技提供智能手表健康监测数据采集服务,涵盖血压血氧心率睡眠数据
- ip组播,IGMP协议,PIM协议