通过 Chrome 调试运行在 IOS-safari 上的页面
来源:互联网 发布:cs online mac 编辑:程序博客网 时间:2024/05/16 10:23
本文重点讨论如何在 Windows 系统中通过chrome 浏览器调试运行在 iPhone Safari 浏览器中的网页。如果你有一台 iMac/MacBook,可忽略该文档。iMac 环境下,直接通过 USB 将 iphone 与 iMac/MacBook 链接,之后在 iMac/MacBook 中打开 Safari 进入调试模式,即可对运行在手机中的页面进行调试。详情见:Using Web Inspector to Debug Mobile Safari 或 Safari Web Inspector Guide
安装 iTunes
Windows 系统首先要安装 iTunes ,打开 Apple 官网下载 iTunes 并完成 iTunes 安装,否则计算机无法正确识别 iPhone 设备。
开启调试模式
要远程调试 IOS Safari ,必须启用 Web 检查 功能,打开 iPhone 依次进入 设置 > Safari > 高级 > Web 检查 > 启用。
ios-webkit-debug-proxy
ios-webkit-debug-proxy 是一个 DevTools proxy ,项目托管在 Github 上。其使得开发者可以发送命令到真实(或虚拟)IOS设备中的 Safari 浏览器或 UIWebViews 。
安装部署
项目地址:https://github.com/artygus/ios-webkit-debug-proxy-win32。
在 Binaries 小节点击下载链接。
下载后完成解压缩,将ios-webkit-debug-proxy-win32 目录复制到 C:\ 盘。
在系统环境变量添加 C:\ios-webkit-debug-proxy-win32。
启动 proxy
打开命令行终端,执行:
ios_webkit_debug_proxy-win32.exe -f chrome-devtools://devtools/bundled/inspector.html
输出结果如下:
ios_webkit_debug_proxy-win32.exe -f chrome-devtools://devtools/bundled/inspector.html
Listing devices on :9221
Connected :9222 to iPhone (c356a29f73043a36aa6de64b088d55aeeda8f034)
开始调试
打开 chrome 浏览器,在地址栏输入 http://localhost:9221/ ,这里会显示所有已连接的设备清单,选择一个设备并点击打开。
打开的页面可看到当前 iphone 中 Safari 浏览器打开的所有页面,点击要调试的页面链接打开即可进入调试界面。此时可能会有一个错误提示如下
Note: Your browser may block1,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.
提示浏览器禁止页面加载本地资源,需在上面的链接上点击右键复制链接,然后手动新建一个标签页将链接粘贴进去,回车访问。
根据提示说明复制链接并打开,即可看到常见的 chrome 调试窗口。
接下来,就可以进行正常的调试工作了。
最后
本文地址:http://www.cnblogs.com/kelsen/p/6368550.html
关于本文如果您有任何建议或疑问请在下面留言交流,也可通过 Web前端高级工程师 群进行线上沟通。
- 通过 Chrome 调试运行在 IOS-safari 上的页面
- 通过 Chrome 调试运行在 IOS-safari 上的页面
- 通过 Chrome 调试运行在 IOS-safari 上的页面
- 通过 Chrome 调试运行在 IOS-safari 上的页面
- 在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
- 用Safari调试iOS下的页面
- 让 ASP.NET Menu 控件在 Google Chrome ,apple safari 浏览器上正常运行
- iOS通过Safari 调试H5笔记
- 在chrome上运行apk的方法
- HTML5 Audio 在 iOS Safari 上的问题
- 在PC机上,如何用Chrome浏览器模拟查看和调试手机的HTML5页面
- JS 在页面上直接将json数据导出到excel,支持chrome,edge,IE10+,IE9,IE8,Safari,Firefox
- 使用Mac OS X的Safari浏览器调试ios设备上的safari和cordova app(UIWebview)
- 如何用MAC上的Safari检查iPhone手机App运行的Html页面
- safari进行页面调试
- web端开发-mac上怎么调试safari,chrome,Firefox和IE7,8,9,10,11的不同状态
- 使用Safari调试iOS模拟器的WebView
- iOS 开发技巧之 ---- 使用Mac上的Safari对UIWebView进行调试
- 博客链接整理
- POJ 3426 Doors and... more doors 可能会
- 一大波蓝桥杯 BASIC-1~BASIC-6
- 策略模式学习1
- 设计模式六大原则
- 通过 Chrome 调试运行在 IOS-safari 上的页面
- ubuntu 16.04 使用virt-manager 安装win7 虚拟机
- QT打包
- HDU1258 Sum It Up (DFS)
- 系统架构相关文章
- 在mac上配置sublime text3时No such file or directory或者Operation not permitted
- codeforces 767C Garland 【dfs】
- javascript textarea的换行符
- python基础语法——循环(二)