从Windows机器访问iOS Safari Web Inspector

Str*_*ger 53 windows safari web-inspector ios

新的iOS 6 Safari附带了Web Inspector功能,可以通过USB线从桌面Safari连接到它.然后,它允许您从桌面调试在iOS Safari中打开的页面.但据我所知,此功能仅在Mac Safari上支持,而不是在Windows上支持?我是对的,还是Windows Safari也有可能?或者它可能会在以后可用?

ghe*_*nne 41

它似乎需要Safari 6,尚未发布用于Windows.关于Safari 6在Windows上的不可用性,Apple表示"Safari 6适用于Mountain Lion和Lion.Safari 5继续适用于Windows."

  • 我不是一个苹果粉丝,这很烦人;-) (127认同)
  • 我通常是一个苹果粉丝,但这非常令人恼火. (44认同)
  • 我从来不是一个苹果粉丝,但现在我讨厌他们. (36认同)
  • 我穿着同样的鞋子.我有一台iPad,但没有其他Apple设备.所以我需要购买Apple桌面或沿着hackintosh路线走. (3认同)

DaA*_*meP 27

我经常使用weinre.它基本上运行一个网络服务器,后者又作为检查员增强的代理来浏览网页和网站.可以通过向页面添加脚本或运行书签来启动检查器.

weinre是一个网页调试器,如FireBug(用于FireFox)和Web Inspector(用于基于WebKit的浏览器),除了它旨在远程工作,特别是允许您在移动设备(如手机)上调试网页.

要安装它,您将需要NodeJS和NPM(包含在NodeJS中).您还需要在桌面/接收器端(Safari,Google Chrome或Chromium)上安装基于WebKit的浏览器.它应该适用于Windows,OSX和Linux.

如果您已经安装了NodeJS和NPM,则可以使用以下命令安装和运行它:

npm i -g weinre
weinre
# Go to the URL that it outputs for instructions to use it
Run Code Online (Sandbox Code Playgroud)

开发人员工具和ios模拟器的屏幕截图,显示了我们的行动

更新:

@EvAlex指出了另一种与Weinre非常类似的工具Vorlon.js.它是可插拔的,支持同时在多个设备的检查员之间查看/切换.

  • 非常感谢weinre和ngrok.我现在正在考虑vorlon.js而不是weinre. (3认同)
  • 棒极了!我轻松安装了节点包.之后我开始了两个ngrok实例,其中一个服务于我的本地开发网站,另一个服务于weinre.然后我添加了脚本标记(指向weinre的公共ngrok DNS名称js include).然后我可以使用公共ngrok地址查看iPad上的网站*plus*可以从我的本地Linux或Windows调试它.那真是我的一天! (2认同)

nu *_*est 8

在Windows上安装Vorlon

npm i -g vorlon
vorlon
Run Code Online (Sandbox Code Playgroud)

验证Vorlon正在运行

打开Web浏览器并导航到http:// localhost:1337

设置Ngrok

  • 下载Ngrok:https://ngrok.com/download
  • 解压缩它
  • 打开命令提示符: Start -> Search -> cmd
  • 导航到ngrok.exe: cd <ngrok_path_where_ngrok.exe is stored>/
  • 运行它:ngrok.exe http <port>例如ngrok.exe http 1337

Ngrok提供了一个网址,例如 https://0ad8c32f.ngrok.io -> localhost:1337

将ngrok网址复制并粘贴到您的网页中.

<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>
Run Code Online (Sandbox Code Playgroud)

导航到您设备上的测试页面:

http://thepageiwanttotest.com/testing123
Run Code Online (Sandbox Code Playgroud)

参考