从Windows机器访问iOS Safari Web Inspector
新的iOS 6 Safari带有Web Inspectorfunction,允许从桌面Safari通过USB电缆连接到它。 然后,它允许您从桌面debugging在iOS Safari中打开的页面。 但据我所见,这个function只支持Mac Safari,不支持Windows? 我是对的,还是Windows Safari也有这种可能性? 或者稍后可能会变得可用?
它似乎需要Safari 6,尚未发布的Windows。 关于Windows 6上的Safari 6的不可用性,苹果已经声明“Safari 6可用于Mountain Lion和Lion,Safari 5仍然可用于Windows。”
我经常使用weinre
。 它基本上运行一个networking服务器,反过来,作为一个督察增强代理浏览网页和网站。 检查员可以通过添加一个脚本到您的页面或运行一个小书签来启动。
weinre是一个网页debugging器,除了FireBug(用于FireFox)和Web Inspector(用于基于WebKit的浏览器)之外,它被devise为远程工作,尤其是允许你debugging移动设备上的网页,例如电话。
要安装它,您需要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 。 它是可插拔的,同时支持多个设备的检查器之间的查看/切换。
对于还在为此苦苦挣扎的人,Firebug Lite的“小书签”将允许您在ios6 Safari中debuggingjavascript。 按照这个教程: http : //iosbookmarklets.com/tutorials/firebug-lite-bookmarklet-ipad/
偶然发现了这个博客,它展示了如何在Windows上使用Telerik的一个叫做AppBuilder的stndalone应用程序来debuggingiOS web应用程序。 在使用之前,您应该在自己的平台上创build一个帐户,并且有30天的试用期。
我已经使用这个在Windows 7 64位的香草networking应用程序和PhoneGap应用程序都在iOS 7.1的iPad上,它的工作原理。 您获得的网页开发工具与Chrome中的开发工具非常相似。
在Windows上安装Vorlon
npm i -g vorlon vorlon
validationVorlon正在运行
打开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提供了一个URL,例如https://0ad8c32f.ngrok.io -> localhost:1337
将ngrokurl复制并粘贴到您的网页中。
<script src="https://0ad8c32f.ngrok.io/vorlon.js"></script>
在您的设备上导航到正在testing的页面:
http://thepageiwanttotest.com/testing123
参考
- Vorlon参考: http : //vorlonjs.com/#getting-started
- Ngrok参考: https ://ngrok.com/download
我find了一个叫GapDebug的好工具
这是我的正确的解决scheme:)
在试图让Weinre安装在运行IIS和本地主机客户端的Windows 10机器上,并且永远无法使其工作的情况下,我寻找了一个备用解决scheme。
事实certificateSafari for Windows已经被苹果公司终止了,但是在发现了下面的链接之后,我能够拷贝一份。 哦,Safari中的Web Inspector能够帮助我在应用程序安装后发现问题。
https://apple.stackexchange.com/questions/68836/where-can-i-download-safari-for-windows
一旦安装了Safari,我需要打开开发者工具。 这需要进入首选项>高级>检查“在菜单栏中显示菜单”>(点击链接图标旁边的页面图标hover在开发)开始在JavaScript中debugging。 从这里感觉非常像Chrome … 🙂