相关文章推荐
才高八斗的碗  ·  「雨量计如何存储数据」相关问答|文档|产品| ...·  2 年前    · 
气宇轩昂的铅笔  ·  Windows文件操作的API函数[转载]_ ...·  2 年前    · 
谦和的手术刀  ·  葡萄牙超级联赛比赛的得分顺序分析。,Jour ...·  2 年前    · 
小百科  ›  在win10+chrome环境中调试ios-safari画面开发者社区
Windows Phone 8 开发 safari 软件 ios
傻傻的铁链
1 年前
作者头像
悠扬前奏
0 篇文章

在win10+chrome环境中调试ios-safari画面

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 悠扬前奏的博客 > 在win10+chrome环境中调试ios-safari画面

在win10+chrome环境中调试ios-safari画面

作者头像
悠扬前奏
发布 于 2019-05-30 20:28:14
1.5K 0
发布 于 2019-05-30 20:28:14
举报

手头上有个调试Echarts地图在ios端显示情况的任务,工作电脑是win10,因此在 这里 ,找到了方法。

1 下载iTunes

在官网下载iTunes。才能识别连接的ios设备。

2 开启调试模式

在ios端打开设置->Safari->高级->Web检查器

3 ios-webkit-debug-proxy

这里就是核心了。按照原博说法,ios-webkit-debug-proxy 是一个 DevTools proxy ,项目托管在 Github 上。其使得开发者可以发送命令到真实(或虚拟)IOS设备中的 Safari 浏览器或 UIWebViews 。

与原博相比,git上有一些更新: 在Binaries小节点击下载。下载后解压缩,并将解压目录添加到环境变量。

4 启动proxy

  1. 在控制台执行:
ios_webkit_debug_proxy.exe -f chrome-devtools://devtools/bundled/inspector.html
  1. 结果

Listing devices on :9221 Connected :9222 to iPad (3350272cc4155cd76e1990b18ad7a5a28689****)

说明启动成功

5 开始调试

  1. 在chrome浏览器地址栏输入 会显示所有设备清单:

iOS Devices: localhost:9222 - iPad 可以发现地址栏变为: 同时显示该ios设备中Safari浏览器打开的所有页面,和一个提示:

Inspectable pages for iPad:

 
推荐文章
才高八斗的碗  ·  「雨量计如何存储数据」相关问答|文档|产品|活动 - 七牛云
2 年前
气宇轩昂的铅笔  ·  Windows文件操作的API函数[转载]_神牛BB的博客-CSDN博客
2 年前
谦和的手术刀  ·  葡萄牙超级联赛比赛的得分顺序分析。,Journal of Human Kinetics - X-MOL
2 年前
Link管理   ·   Sov5搜索   ·   小百科
小百科 - 百科知识指南