使用PC调试ipad safari

Question

我想在我的ipad上测试Safari上的网站。我只有另一台电脑。有没有办法像移动Chrome一样进行ADB等远程调试？我在StackOverflow上搜索，似乎有一个Adobe Edge Inspect CC，但我不知道这是不是一个好选择。

谢谢！

Answer 1

于24/6/2017更新并测试

在 Windows 8及更新上使用 Chrome ：

• 下载并安装Node

• 下载并安装iTunes并将其连接到您的设备。 （弹出窗口应显示给您的iPad以获得授权） 。务必在iPad中允许Web检查器

• 下载并安装remote webkit adapter

使用Powershell（以管理员身份）：

npm install remotedebug-ios-webkit-adapter -g

• 执行适配器：

使用Powershell（以管理员身份）：

remotedebug_ios_webkit_adapter --port=9000

你应该得到类似的输出：

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

• 打开 Chrome ，然后转到以下链接：

铬：//检查/＃设备

• 点击＆＃34;发现网络目标＆＃34;旁边的配置并添加以下内容： 的本地主机：9000

确保在safari上打开要调试的网页，您应该在远程目标

下的Chrome检查器页面上看到它

Extra step for iOS 11 感谢@skaurus

Answer 2

有关使用iOS 9+的Windows 8+计算机上最简单的调试方法，请参阅Lemmy4555's answer。我使用该答案和其他来源以及my blog post中的信息更新了recorded a screenshare。如果需要，以下方法仍适用于iOS 8及以下版本。

实际上有一种非常简单的方法可以在Windows机器上使用Firefox在iOS上的Safari中调试网站。

注意：Ryan在下面的评论中写道，这可能仅适用于iOS 8及以下版本。我无法确认，但请注意。

关于此，我写了一篇detailed blog post，但这里有一些亮点：

1. 安装iTunes以获得＆＃34; Apple移动设备支持＆＃34;和＃34; Apple Application Support＆＃34;随附的应用程序。 （如果需要，请在以后卸载iTunes）
2. 通过USB连接iOS设备。
iOS上的
3. Enable web inspector（适用于iOS 6及更高版本）。
4. 在iOS设备上打开Safari并浏览网站。
5. 在Windows计算机上打开Firefox并按 Shift + F8 打开WebIDE，如果您使用的是Firefox Developer Edition（任何版本），则应包含必要的Valance插件Firefox 37及更高版本（任何渠道）。
6. 出于某种原因，在我下载ios-webkit-debug-proxy-win32程序并运行它之前，我无法连接到我的iOS设备。它打开一个空白的命令提示符，但在打开它后我回到WebIDE，我断开连接，然后重新连接，我看到我在Safari中打开的网站的调试信息。你可能不需要这样做，因为另一个用户只需要在他们的防火墙上添加一个例外，然后断开/重新连接，它就可以工作。

可用的调试信息并不像Chrome开发者工具那样详尽（特别是没有＆＃34;网络＆＃34;标签），但这足以让我能够查看控制台中发生的情况

Answer 3

在远程调试时，您可以尝试使用Telerik AppBuilder（Windows客户端）作为Mac上的Safari调试器的替代品。有一个很好的博客文章，关于在下面的链接中执行此操作的步骤。我宁愿不重新发布信息，因为还有截图，这是很多文字。但实质上，你安装应用程序，打开它，通过USB连接设备，然后你可以在应用程序中找到它并打开它的开发人员工具/调试器。对于非公共网站，您必须打开端口80，并在帖子中记录一些防火墙配置。

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

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

您也可以尝试这些iOS应用，您可以在iTunes App Store中找到它们。它们为您提供了移动Safari不提供的内置开发人员工具功能（在iOS上没有远程调试）。

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

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

2018年更新：

自原帖以来，博客帖子已经死了＆amp; Telerik App Builder is discontinued并且不再提供。添加此更新以通知读者，以防他们没有阅读此答案帖子后面的用户评论。至于博文，对于那些仍然感兴趣的人，这里是web cached copy。关于博客，我认为该博客的公司已关闭。

当我有机会时，我会看到我是否保存了应用程序构建器的副本，以便我可以在线发布给那些仍然有兴趣使用它的人，以及可能的另一个缓存的博客文章。 / p>

Answer 4

这个问题已经超过4年了，但我觉得值得一提的是另一个与平台无关的选项，似乎上面没有提到：

<强> VConsole

这是一个可以注入您的页面的JavaScript，它将覆盖所有本机控制台输出并将其显示为页面内容之上的叠加层，其详细程度几乎与Google Chrome的开发人员工具一样好。

只要在浏览器中启用了JavaScript，就可以在iOS Safari以及其他移动浏览器上运行良好。

如何安装：https://www.npmjs.com/package/vconsole

您需要使用NPM工具进行安装，但实际上并不需要使用NPM来构建项目。您只需将VConsole安装在一个单独的文件夹中，然后从中复制粘贴vconsole.min.js。

将其注入页面后，将如下所示：

<script type="text/javascript" src="vconsole.min.js"></script>
<script type="text/javascript>let vc = new VConsole(); // this will initialize it.</script>

视觉上非常吸引人，您将在移动/桌面浏览器的页面右下角看到绿色按钮，这将打开控制台覆盖。

非常整洁！

当然，它没有为您提供选择元素的能力，请参阅计算的css等，但如果您正在寻找控制台输出和一些网络报告，这个非常容易使用。

Answer 5

2019年10月

AFAIK，对于最新的IOS版本，没有从PC调试IOS的整体解决方案。

但是，您可以使用以下解决方案之一：

1. 在浏览器本身中显示控制台消息。如here中所述和Sinisa的回答。
2. “ remotedebug-ios-webkit-adapter”不适用于调试IOS 12+。它需要针对IOS 11的额外步骤，并且适用于IOS 10以及可能的较旧版本。

Answer 6

我使用PrePros进行CSS预处理，它有一个用于移动调试和Web检查器的内置服务器。但这对本地网站来说还是有利的，甚至还是......

Answer 7

根据我的经验，它通常不仅仅是移动Safari的问题，而是Safari。在这些情况下，它可以帮助尝试普通的Safari（对于Windows）并查看是否出现错误。如果是这样，通过这种方式调试内容会容易得多。

Answer 8

我是 Inspect 的创建者，这是一款适用于 macOS 和 Windows 的新开发者工具，用于检查和调试您在 iOS 设备上的移动网络应用和网站。这可能有助于解决您在 Windows 上使用 Safari Web 调试的需求。 http://inspect.dev

Answer 9

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

Answer 10

2021 年更新：

RemoteDebug 的创建者在这里。我已经构建了一个名为 Inspect 的 RemoteDebug 替代品，它将所有内容打包在一起，带来愉快的体验，并支持从 Windows、macOS 和 Linux 轻松进行 iOS 网络调试，以及一些额外的功能，如截屏和 wifi 调试。

http://inspect.dev