从Windows机器访问iOS Safari Web Inspector

Question

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

Answer 1

似乎需要Safari 6，尚未针对Windows发布。关于Safari 6在Windows上的不可用性，Apple表示“Safari 6适用于Mountain Lion和Lion.Safari 5继续适用于Windows。”

Answer 2

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

  

weinre是一个网页调试器，如FireBug（用于FireFox）和Web Inspector（用于基于WebKit的浏览器），除了它设计用于远程工作，特别是允许您在移动设备上调试网页等作为电话。

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

• 官方网页：https://people.apache.org/~pmuellr/weinre/
• 文档＆amp;入门：https://people.apache.org/~pmuellr/weinre/docs/latest/
• NPM套餐：https://www.npmjs.com/package/weinre

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

npm i -g weinre
weinre
# Go to the URL that it outputs for instructions to use it

更新

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

Answer 3

在Windows上设置Vorlon

npm i -g vorlon
vorlon

验证Vorlon正在运行

打开网络浏览器并导航至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>

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

http://thepageiwanttotest.com/testing123

<强>参考

• Vorlon参考：http://vorlonjs.com/#getting-started
• Ngrok参考：https://ngrok.com/download

Answer 4

使用Telerik的名为AppBuilder的stndalone应用程序偶然发现了这个博客which shows how to debug iOS web app on Windows。您应该在使用它之前在其平台上创建一个帐户，并且它有30天的试用期。

我已经在Windows 7 64位上使用这个版本来同时使用iOS 7.1的iPad上的vanilla web应用程序和Phonegap应用程序，它可以正常工作。您获得的Web开发工具与Chrome中的工具非常相似。

Answer 5

我找到了一个名为GapDebug

的好工具

这对我来说是正确的解决方案：）

Answer 6

使用iOS WebKit debug proxy

它允许您使用实时预览直接在Chrome中进行调试。

Answer 7

尝试在运行IIS和localhost客户端的Windows 10计算机上安装Weinre并且永远无法使其运行之后，我寻找了另一种解决方案。

原来，Apple停止使用Safari for Windows，但在发现以下链接后，我能够复制一份副本。哦，Safari中的Web Inspector能够帮助我在应用程序安装后找到问题。

https://apple.stackexchange.com/questions/68836/where-can-i-download-safari-for-windows

安装Safari后，我需要打开开发人员工具。这需要进入首选项＆gt;高级＆gt;选中“在菜单栏中显示开发菜单”＆gt; （点击sprocket图标旁边的页面图标将鼠标悬停在Develop上）在JavaScript中启动调试。从这里开始感觉非常像Chrome ......： - ）