用电脑debuggingipad safari

我想在我的ipad上用Safari浏览器testing我的网站。 我只有另一台电脑。 有没有办法让我像移动Chrome一样使用ADB进行远程debugging? 我在StackOverflow上search,似乎有一个Adobe Edge Inspect CC,但我不知道这是一个不错的select。

谢谢!

远程debugging时,您可以尝试使用Telerik AppBuilder(Windows客户端)作为Mac上Safaridebugging器的替代品。 有一个很好的博客文章的步骤做下面的链接。 我宁愿不重新发布的信息,因为也有截图,这是很多的文字。 但本质上,你安装应用程序,打开它,通过USB连接设备,然后你可以在应用程序中find它,并打开开发工具/debugging器。 对于非公开网站,您必须打开端口80,并在文章中logging一些防火墙configuration。

http://blog.falafel.com/Blogs/josh-eastburn/2014/03/04/ios-web-inspector-on-windows-with-telerik-appbuilder

该工具需要许可证,或者您可以使用试用版,之后将成为基本版。 我认为基本版本仍然会允许你进行debugging。 我将自己尝试一下。

您也可以尝试这些iOS应用程序,您可以在iTunes App Store中find它们。 它们为您提供了内置的开发者工具function(在iOS上无需远程debugging),Safari不提供此function。

MIH工具 – 基本版https://itunes.apple.com/us/app/mihtool/id584739126?ls=1&mt=8

HTTPWatch Basic https://itunes.apple.com/us/app/httpwatch-basic-http-sniffer/id658886056?mt=8

我给了他们一个尝试,他们至less比你在iOS上获得的移动Safari更好,除非需要针对完整的移动Safari兼容性。 我猜这些应用程序的专业/付费版本给你更多/更好的function。

在24/6/2017更新和testing

Windows 8和更新版本上使用Chrome

  • 下载并安装节点
  • 下载并安装iTunes并将其连接到您的设备。 (一个popup窗口应该显示给你的iPad获得授权)。 一定要让你的iPad上的networking检查员

  • 下载并安装远程webkit适配器

使用Powershell(以pipe理员身份):

npm install remotedebug-ios-webkit-adapter -g

  • 执行适配器:

使用Powershell(以pipe理员身份):

remotedebug_ios_webkit_adapter --port=9000

你应该得到一个类似的输出:

C:\Windows\system32> remotedebug_ios_webkit_adapter --port=9222 remotedebug-ios-webkit-adapter is listening on port 9222 iosAdapter.getTargets ...

  • 打开Chrome并转到以下链接:

铬://检查/#设备

  • 点击“发现networking目标”旁边的configuration并添加以下内容: localhost:9000

确保在safari上打开要打开的网页,您应该在远程目标下的Chrome检查器页面上看到它

实际上,在Windows上使用Firefox在Safari上debugging网站非常简单。

注:Ryan在下面的评论中写道,这可能只适用于iOS 8和下。 我无法确认,但请注意。

我写了一篇详细的博客文章 ,但这里有一些亮点:

  1. 安装iTunes以获取随附的“Apple移动设备支持”和“Apple应用程序支持”应用程序。 (之后卸载iTunes,如果你想要的话)
  2. 通过USB连接你的iOS设备。
  3. 在iOS上启用Web检查器 (可在iOS 6和更高版本上使用)。
  4. 在iOS设备上打开Safari并浏览到网站。
  5. 如果您使用的是Firefox Developer Edition(任何版本)或Firefox 37及更高版本(任何通道),请在Windows计算机上打开Firefox并按Shift + F8以打开WebIDE,其中应包括必要的Valance附加组件。
  6. 出于某种原因,我无法连接到我的iOS设备,直到我下载了ios-webkit-debug-proxy-win32程序并运行它。 它会打开一个空白的命令提示符,但是在打开它之后,我回到WebIDE,然后断开连接,然后重新连接,并且看到了我在Safari中打开的网站的debugging信息。 您可能不需要这样做,因为另一个用户只需要添加一个例外到他们的防火墙,然后断开/重新连接,它的工作。

可用的debugging信息并不像Chrome开发人员工具(特别是没有“networking”选项卡)穷尽,但它足以让我能够查看控制台中正在发生的事情。

在这里输入图像说明

我没有在PC上试过这个,但你应该可以去http:// [DEVICE_IP_ADDRESS]:9999进行debugging。

我使用PrePros进行CSS预处理,并有一个内置的服务器用于移动debugging和Web检查器。 但是这只对本地网站有用,

根据我的经验,移动Safari通常不是问题,而是Safari。 在这些情况下,它可以帮助尝试正常的Safari(Windows),看看是否出现错误。 如果是这样的话,通过这种方式来debugging是非常容易的。