新的iOS 6 Safari带有Web Inspector功能,可以通过USB电缆从桌面Safari连接到它。然后允许您从桌面上调试在iOS Safari中打开的页面。但据我所见,目前仅在Mac Safari上支持此功能,而在Windows上似乎不支持?我是对的吗?还是Windows Safari也有可能?或者以后会推出这个功能吗?
新的iOS 6 Safari带有Web Inspector功能,可以通过USB电缆从桌面Safari连接到它。然后允许您从桌面上调试在iOS Safari中打开的页面。但据我所见,目前仅在Mac Safari上支持此功能,而在Windows上似乎不支持?我是对的吗?还是Windows Safari也有可能?或者以后会推出这个功能吗?
看起来需要 Safari 6,但它尚未在 Windows 上发布。关于 Safari 6 在 Windows 上不可用,苹果公司表示:“Safari 6 可供 Mountain Lion 和 Lion 使用。Safari 5 仍可在 Windows 上使用。”
我经常使用weinre
。它基本上运行一个Web服务器,然后作为一个增强的代理来浏览网页和网站。可以通过将脚本添加到您的页面或运行书签来启动检查器。
weinre是用于Web页面的调试器,类似于FireBug(适用于FireFox)和Web Inspector(适用于基于WebKit的浏览器),不同的是它被设计为远程工作,并且特别适用于在移动设备上(如手机)调试网页。
要安装它,您需要NodeJS和NPM(已包含在NodeJS中)。您还需要一个基于WebKit的桌面/接收端浏览器(Safari、Google Chrome或Chromium)。它应该可以在Windows、OSX和Linux上运行。
如果您已经安装了NodeJS和NPM,可以使用以下命令安装和运行:
npm i -g weinre
weinre
# Go to the URL that it outputs for instructions to use it
@EvAlex指出另一个与Weinre非常相似的工具,叫做Vorlon.js。它是可插拔的,并支持同时查看/切换多个设备的检查器。
,然后我将其添加到了我的网页顶部:
<script>
window.WeinreServerURL="http://192.168.0.103:8080";
</script>
<script src="http://192.168.0.103:8080/target/target-script-min.js#anonymous"></script>` 然后在我的iPhone上浏览到了http://192.168.0.103。谢谢。希望这能帮助调试iOS上的JS。 - Ryan在Windows上安装Vorlon
npm i -g vorlon
vorlon
确认 Vorlon 是否运行
打开网络浏览器并导航至 http://localhost:1337
设置 Ngrok
开始 -> 搜索 -> cmd
cd <存储ngrok.exe的路径>/
ngrok.exe http <端口号>
例如: ngrok.exe http 1337
Ngrok 提供一个 URL,例如: https://0ad8c32f.ngrok.io -> localhost:1337
将 Ngrok URL 复制并粘贴到您的网页中。
<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>
在您的设备上导航到要测试的页面:
http://thepageiwanttotest.com/testing123
参考资料
在尝试在运行IIS和本地主机客户端的Windows 10机器上安装Weinre并且从未能够使其正常工作后,我寻找了替代解决方案。
结果发现苹果已经停止了Safari for Windows,但是在发现以下链接后,我能够找到一份副本。哦,一旦安装了它,Safari中的Web Inspector就能够帮助我找到应用程序中的问题。
https://apple.stackexchange.com/questions/68836/where-can-i-download-safari-for-windows
一旦安装了Safari,我需要打开开发者工具。这需要进入“偏好设置”>“高级”>勾选“在菜单栏中显示开发菜单”>(点击扳手图标旁边的页面图标,在“开发”上悬停)开始调试JavaScript。从这里开始,感觉非常像Chrome... :-)