在 iPad 上调试 Javascript答案

【问题标题】：Debugging Javascript on iPad在 iPad 上调试 Javascript
【发布时间】：2023-03-24 17:48:01
【问题描述】：

我想知道人们是否找到了任何有用的工具来在没有越狱的 iPad 上调试 javascript。它是为工作而提供的 iPad，因此不能越狱。通过一些繁琐的步骤，我已经让 firebug-lite 在 iPad 上工作，但我在 javascript 中的调试器语句没有被命中。我也没有看到像传统上使用 Firebug 那样设置断点的功能。

我还打开了 Safari 的调试控制台，但这对我想要完成的工作毫无用处。

感谢您的任何想法。

【问题讨论】：

我在博文中添加的一些选项：uxformobile.com/tips-for-debugging-on-the-ios-app
@Jeff Fol：出于好奇，你为什么只想在 Ipad 上调试？
我有一个错误只出现在 iPad 上，而不是在包括 Safari 在内的任何其他平台上。所以我希望缩小问题的范围，因为我相当确定它与 javascript 有关。
@DA firebug 包含该链接中的所有功能，正如我在帖子中所说，我已经启用了控制台窗口。
Safari 在 iPad 上有一个调试控制台。

标签： javascript ipad firebug firebug-lite

【解决方案1】：

你看过webkit remote debugging protocol吗？似乎他们知道人们想要为他们的 iPad 安装一个调试器，但仍然没有现实世界的原生 iPad 远程调试器可用。

但不要失望，有一个名为 weinre 的工具可以做 webkit 的人们现在愿意做的事情！

更新：

通过发布Google Chrome for Android phones remote debugging 和平板电脑，调试移动网络应用程序不再痛苦。您将需要一部带有 ICS 的昂贵的 Google Galaxy Nexus 手机才能做到这一点。但未来是光明的！查看视频演示here：

weinre 是 Web Inspector Remote。发音像“酒厂”这个词。或者也许像“weiner”这个词。谁知道，真的。

【讨论】：

感谢您的建议，等我回到办公室试试。
weinre 链接已损坏。请问，你能解决它吗？

【解决方案2】：

对于那些从 Google 提出这个问题的人，现在有一个 Web Inspector available in iOS Safari（向下滚动到“iOS 上的 Safari”）。

【讨论】：

很遗憾，链接已损坏。
我认为这只有在您的 iOS 设备连接到 Mac 时才有效，对吗？
是的，这仅在您将其连接到 Mac 时才有效。

【解决方案3】：

你试过Firebug Lite吗？

我没有在 iPad 上使用过，但我不明白为什么它不起作用。

我可能会根据是否设置了查询参数来设置条件包含 - 例如 (php)

<?php if(isset($_GET['debug'])): ?>
<script type="text/javascript" src="firebuglite.js"></script>
<?php endif; ?>

【讨论】：

根据我的 OP，我已经提到配置并运行 firebug lite。不幸的是，我无法在我的 javascript 中设置断点，并且调试器语句不会导致 javascript 的执行停止。
谢谢，它在 iOS 9 上的 Safari 中工作，在显示 CSS 方面并不完美，但控制台工作正常。我包含了自动显示萤火虫的参数，所以在我的例子中，它的链接是：<script type="text/javascript" src="https://getfirebug.com/firebug-lite.js#startOpened=true"></script>
不幸的是，Firebug Lite 现在已经死了。 :-(

【解决方案4】：

试试 iDebug。你可以直接从 AppStore 下载到你的 iPad 上。 Here's the AppStore Link.

【讨论】：

多么糟糕的 AppStore 页面。它完全没有告诉你 iDebug 实际做了什么。支持页面似乎是一堆他们其他产品的图片。

【解决方案5】：

您可以尝试将 Firebug Lite 用作书签。您应该能够使用所有功能，而无需按照 Jesse 的建议更改应用程序的代码。见this link。

【讨论】：

【解决方案6】：

我最近编写了一个工具，用于在可移动/可调整大小的“窗口”（实际上是一个 div）中显示控制台日志。它提供了与 Firebug 控制台类似的功能，但您可以在平板电脑上的页面上看到它。 Tablet/Smartphone/Phablet Debug Console

【讨论】：

【解决方案7】：

您也可以将 Firefox 的内置 WebIDE 与 Valence 一起使用

插入您的设备 > 在 Firefox 中单击扳手图标 > 查找 WebIDE > 在“其他”下单击“Safari、Firefox 和 iOS 上的其他 WebView”

[1]https://hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/

[2]https://hacks.mozilla.org/2014/06/webide-lands-in-nightly/

[3]https://developer.mozilla.org/en-US/docs/Tools/Valence

【讨论】：

【解决方案8】：

实际上有一种方法可以在 Windows 机器上使用 Firefox WebIDE 在 iOS 上的 Safari 中调试网站。我在https://stackoverflow.com/a/35714835/306179 写了一个答案，进一步描述了这个解决方案，因为它的设置和使用不一定很简单。它没有提供您期望的所有开发者工具，例如 Chrome 的 DevTools 套件，但它至少提供了控制台、检查器和调试器。

【讨论】：

【解决方案9】：

首先，您必须确保启用了 Web Inspector（“设置 > Safari > 高级”并打开“Web Inspector”。）

然后通过 USB 数据线将您的 iPad 连接到您的 Mac。之后，我可以在 Safari 的“开发”菜单中选择调试 iPad/iPhone 上显示的网站。

图片及原始信息来源：https://webdesign.tutsplus.com/articles/quick-tip-using-web-inspector-to-debug-mobile-safari--webdesign-8787

【讨论】：

“连接到你的 Mac”——对于那些拥有 Mac 和 Ipad 的人来说很有用：P
具体mac版本？？？我还在 Yosemite 上，但我在控制台上没有得到太多东西
@becker 这应该从 Mountain Lion (Safari 6) 开始可用