相关文章推荐
害羞的大象  ·  轻、快、美,浏览维基百科的魔杖:Wikiwa ...·  5 天前    · 
玩滑板的黄花菜  ·  使用Docker创建镜像的三种方法_dock ...·  8 月前    · 
高大的椰子  ·  How To Fix Slow ...·  11 月前    · 
玩足球的灯泡  ·  CSS带数字进度条 - 知乎·  1 年前    · 
小百科  ›  在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:

 
推荐文章
害羞的大象  ·  轻、快、美,浏览维基百科的魔杖:Wikiwand - 少数派
5 天前
玩滑板的黄花菜  ·  使用Docker创建镜像的三种方法_docker 构建镜像-CSDN博客
8 月前
高大的椰子  ·  How To Fix Slow MariaDB Replication Lag_database_weixin_0010034-CI/CD
11 月前
玩足球的灯泡  ·  CSS带数字进度条 - 知乎
1 年前
Link管理   ·   Sov5搜索   ·   小百科
小百科 - 百科知识指南