从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 

开发人员工具和ios模拟器的截图,显示在行动

更新:

@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 … 🙂