有没有办法在 iPad 中使用 Webkit Inspector 远程调试？答案

【问题标题】：Is there a way to use Webkit Inspector Remote Debugging in iPad?有没有办法在 iPad 中使用 Webkit Inspector 远程调试？
【发布时间】：2011-09-10 23:55:56
【问题描述】：

我有一台 iPad，我想知道是否可以使用 Webkit Inspector 从桌面远程调试它？据我了解，它需要您使用命令行开关启动浏览器。我认为这在 iPad 上是不可能的，但我可能错了。

iPad2 怎么样？还是 Android 平板电脑？

【问题讨论】：

iOS 6 远程调试可用：stackoverflow.com/a/12762449/72428

标签： javascript android ipad debugging mobile

【解决方案1】：

如果您没有使用基于 Webkit 的调试器并且还可以使用 Firefox 的 Inspector 进行调试，那么使用 Firefox 开发人员版可能是您的答案。此版本的 Firefox 包括 WebIDE 和 Valence，它们一起使在 iPad 上调试 Safari 变得非常容易。以下是要遵循的步骤：

在 iPad 上的 Safari 上启用“Web Inspector”：转到设置 > Safari > 高级 > Web Inspector 并确保它已打开。
打开您要调试的页面。
使用 USB 数据线将 iPad 连接到您的机器。
在你的机器上打开 Firefox 开发者版。
点击 Firefox 中的 WebIDE 插件（您可能需要在主菜单下查找）
选择“iOS 上的 Safari”作为运行时
点击“打开应用程序”，您将看到您在 Safari 上打开的页面。

选择它。将出现一个 FF 开发工具窗口。
调试吧！

【讨论】：

【解决方案2】：

Safari 允许您调试和检查移动浏览器中的元素。还有许多远程控制台，如 www.farjs.com 或 jsconsole.com 也允许这样做。

www.farjs.com 与 Charles 等调试代理一起使用还允许您在本机应用程序中调试 Web 视图。

【讨论】：

【解决方案3】：

您也可以使用它来激活您设备上的 Firebug。在 Windows 上为我工作

http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone

【讨论】：

【解决方案4】：

见weinre

摘录如下：

它是网页调试器，例如 FireBug（用于 FireFox）和 Web Inspector（用于基于 WebKit 的浏览器），但它被设计为远程工作，特别是允许您在移动设备上调试网页，例如一部手机。

如果您不熟悉 FireBug 或 Web Inspector，那么 weinre 对您来说意义不大。 weinre 重用了 WebKit 的 Web Inspector 项目中的用户界面代码，因此如果您使用过 Safari 的 Web Inspector 或 Chrome 的开发者工具，weinre 会非常熟悉。

【讨论】：

根据他们的文档，weinre 无法进行 javascript 源代码调试。
weinre 不做运行控制，但做检查和操作。
如果您使用的是 IOS 6，您可以通过 Safari 6 轻松设置它。只需按照本教程进行操作：Webkit Inspector Remote Debugging
Safari 6 在 Mac 上运行良好，但如果您使用的是 Windows，Safari 5 是最新的，据我所知无法进行远程调试。
现在 weinre 在检查 angularjs 应用程序的样式时遇到了问题。如果您考虑使用 weinre，您应该搜索此问题是否已修复

【解决方案5】：

现在您可以直接在 iPad/iPhone 模拟器上使用 Safari 6 和新的 Web Inspector 进行调试http://encoreptl.tumblr.com/post/31512516711/web-inspector-debugging-for-iphone-and-ipad-from-mac-os

【讨论】：

真实设备，不仅仅是模拟器

【解决方案6】：

您的问题提到了 Android 平板电脑。使用 Chrome for Android (4.0)，您可以通过 USB 在桌面版 Chrome 中远程调试网页。我用这个，效果很好。请参阅https://play.google.com/store/apps/details?id=com.android.chrome&hl=en 和https://developers.google.com/chrome/mobile/docs/debugging。

编辑：weinre，在上面接受的答案中提到，也报告说它在 Android 浏览器中工作。

【讨论】：

【解决方案7】：

对于 iPad 模拟器 (Xcode 4.2)，您可以使用 iWebInspector 轻松启用远程控制台：

http://www.iwebinspector.com/

【讨论】：

到目前为止，我发现 iWebInspector 存在一些限制。据我所知，iWebInspector 只能在打开 web 应用程序后开始调试，或者在标签页中打开后才能开始调试 Safari 网页。这意味着您无法捕获页面加载期间发生的 javascript 错误。
对我来说非常有用！除了 Josh 提到的限制之外，它似乎就像 Chrome 检查器一样工作。来自我的 +1，惊人的资源

【解决方案8】：

还有一篇使用私有 api 的新博客文章，让这变得非常容易——请参阅 http://atnan.com/blog/2011/11/17/enabling-remote-debugging-via-private-apis-in-mobile-safari/

【讨论】：

【解决方案9】：

Paul 是对的，Weinre 很棒。此外，在http://css-tricks.com/14727-five-questions-with-paul-irish/Paul Irish 中暗示这将（是否？）可以通过 Chrome 开发者工具/Webkit Inspector 实现：

我对团队在远程调试方面所做的工作感到非常兴奋，因为它现在可用于所有移动 WebKit 端口，这意味着您可以在设备上实时分析、查看网络详细信息和编辑 CSS . 不过，我还没有看到一个关于如何使用 iOS Safari 执行此操作的示例。

【讨论】：