在 iPad 上调试 Javascript

问题描述 投票:0回答:11

我想知道人们是否找到了任何有用的工具来在未越狱的 iPad 上调试 javascript。这是一款用于工作的 iPad,因此无法越狱。通过一些繁琐的步骤,我已经在 iPad 上运行了 firebug-lite,但是我的 javascript 中的调试器语句没有被命中。我也没有看到像传统上使用 Firebug 那样设置断点的功能。

我还打开了 Safari 的调试控制台,但这对于我想要完成的任务来说毫无用处。

感谢您的任何想法。

javascript ipad firebug firebug-lite
11个回答
17
投票

你看过webkit远程调试协议吗?他们似乎知道人们想要为他们的 iPad 配备一个调试器,但现实世界中仍然没有可用的本机 iPad 远程调试器。

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

更新:

通过发布适用于 Android 手机远程调试和平板电脑的 Google Chrome,调试移动 Web 应用程序不再是痛苦。您需要一部装有 ICS 的昂贵的 Google Galaxy Nexus 手机才能完成此操作。但未来是光明的!观看视频演示此处

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


5
投票

对于那些从 Google 提出这个问题的人,现在 iOS Safari 中提供了一个 Web Inspector (向下滚动到“iOS 上的 Safari”)。请注意,它需要 Mac 电脑才能使用。


0
投票

您尝试过Firebug Lite吗?

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

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

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

0
投票

尝试iDebug。您可以直接从 AppStore 下载到您的 iPad 上。 这是 AppStore 链接


0
投票

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


0
投票

您还可以将 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


0
投票

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


0
投票

如果您有 Apple Mac 电脑,您可以将其连接到您的 iPad。

首先,您必须确保已启用 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


0
投票

不确定我是否可以重新发布另一个问题的答案,因为它经常令人不悦,但在 用 PC 调试 iPad Safari 中,我发布了 3 个 JS 控制台和日志工具选项,可以帮助通过屏幕截图和示例代码片段对 iOS 设备上的问题进行故障排除。其中之一是我自己构建的开源工具,但其他两个可能更先进。

它们都弥补了 iOS 中缺乏适当的 Javascript 控制台和错误日志的问题。上面的链接中还提到了一些其他工具。那里的答案可能也与这个问题相关。


0
投票

通常调试js我会使用console.log,但是由于你无法访问控制台(我不能,因为我没有mac,只有ipad)我在页面上创建了一个id = test123的div ,然后将内容输出到其中。您可以通过这种方式找到空值或未定义的值。我知道这不是最好的,但它比出去买一台新 Mac 更好。


-1
投票

您可以尝试使用 Firebug Lite 作为书签。您应该能够使用所有功能,而无需按照杰西的建议更改应用程序的代码。请参阅此链接

© www.soinside.com 2019 - 2024. All rights reserved.