54

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

4

7 回答 7

42

它似乎需要 Safari 6,该版本尚未针对 Windows 发布。关于 Safari 6 在 Windows 上的不可用,Apple 表示“Safari 6 可用于 Mountain Lion 和 Lion。Safari 5 继续可用于 Windows。”

于 2012-10-22T11:58:23.163 回答
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

开发者工具和 ios 模拟器的屏幕截图,展示了 weinre 的运行情况

更新:

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

于 2014-05-25T23:09:31.843 回答
9

在 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 url 复制并粘贴到您的网页中。

<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>

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

http://thepageiwanttotest.com/testing123

参考

于 2017-08-01T16:33:09.077 回答
3

偶然发现了这个博客,它展示了如何使用 Telerik 的名为 AppBuilder 的独立应用程序在 Windows 上调试 iOS Web 应用程序。您应该在使用之前在他们的平台上创建一个帐户,并且它有 30 天的试用期。

我已经在带有 iOS 7.1 的 iPad 上的普通网络应用程序和 Phonegap 应用程序的 windows 7 64 位上使用了它,并且它可以工作。您可以获得与 Chrome 中的非常相似的 Web 开发工具。

于 2014-04-01T13:10:17.243 回答
1

我发现了一个很棒的工具,叫做GapDebug

这对我来说是正确的解决方案:)

于 2016-07-05T09:53:56.617 回答
0

在尝试将 Weinre 安装在我的运行 IIS 和 localhost 客户端的 Windows 10 机器上并且永远无法让它工作之后,我寻找了一个替代解决方案。

原来 Safari for Windows 已被 Apple 停产,但在发现以下链接后,我能够很好地复制一份。哦,Safari 中的 Web Inspector 能够帮助我在安装应用程序后找到问题所在。

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

安装 Safari 后,我需要打开开发人员工具。这需要进入“首选项”>“高级”>选中“在菜单栏中显示开发菜单”>(单击 sprocket 图标旁边的页面图标,将鼠标悬停在“开发”上)开始在 JavaScript 中调试。从这里开始,它感觉非常像 Chrome ......:-)

于 2017-01-22T15:18:49.740 回答
0

使用iOS WebKit 调试代理

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

于 2020-10-19T10:05:05.857 回答