新的 iOS 6 Safari 带有 Web Inspector 功能,允许通过 USB 电缆从桌面 Safari 连接到它。然后,它允许您从桌面调试在 iOS Safari 中打开的页面。但据我所知,目前仅在 Mac Safari 上支持此功能,在 Windows 上不支持?我是对的,还是 Windows Safari 也有这种可能?或者它可能会在以后可用?
7 回答
它似乎需要 Safari 6,该版本尚未针对 Windows 发布。关于 Safari 6 在 Windows 上的不可用,Apple 表示“Safari 6 可用于 Mountain Lion 和 Lion。Safari 5 继续可用于 Windows。”
我经常使用weinre
. 它基本上运行一个网络服务器,该服务器又充当检查器增强的代理来浏览网页和网站。可以通过向页面添加脚本或运行小书签来启动检查器。
weinre 是一个网页调试器,例如 FireBug(用于 FireFox)和 Web Inspector(用于基于 WebKit 的浏览器),但它被设计为远程工作,特别是允许您在手机等移动设备上调试网页.
要安装它,您将需要 NodeJS 和 NPM(包含在 NodeJS 中)。您还需要在桌面/接收端(Safari、Google Chrome 或 Chromium)上使用基于 WebKit 的浏览器。它应该可以在 Windows、OSX 和 Linux 上运行。
- 官方页面:https ://people.apache.org/~pmuellr/weinre/
- 文档和入门: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。它是可插拔的,支持同时在多个设备的检查器之间查看/切换。
在 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
参考
- Vorlon 参考:http: //vorlonjs.com/#getting-started
- Ngrok 参考:https ://ngrok.com/download
偶然发现了这个博客,它展示了如何使用 Telerik 的名为 AppBuilder 的独立应用程序在 Windows 上调试 iOS Web 应用程序。您应该在使用之前在他们的平台上创建一个帐户,并且它有 30 天的试用期。
我已经在带有 iOS 7.1 的 iPad 上的普通网络应用程序和 Phonegap 应用程序的 windows 7 64 位上使用了它,并且它可以工作。您可以获得与 Chrome 中的非常相似的 Web 开发工具。
我发现了一个很棒的工具,叫做GapDebug
这对我来说是正确的解决方案:)
在尝试将 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 ......:-)
它允许您通过实时预览直接在 Chrome 中进行调试。