Javascript：在移动设备上调试

Posted 2023-05-07

【中文标题】Javascript：在移动设备上调试

【英文标题】：Javascript: debugging on mobile

【发布时间】：2015-07-11 22:39:36

【问题描述】：

我使用 requirejs、angularjs 和 ui-grid 创建了一个简单的应用程序。它所做的只是从 excel 文件中获取一些数据并将其显示在网格上。

当我在我的桌面上查看它时它运行良好，但在移动设备（三星 Galaxy S3）上它给出了一个错误（显示 myBoundVar 好像 angualr 应用程序尚未启动）。在 Nexus 4 上，它显示了站点，但有一个空网格（虽然我可以看到它已经获取了数据，因为我看到了从 excel 中获取的网格标题）。

我似乎无法调试它，因为使用远程调试可以正确显示该站点（就像它在桌面上正确显示它一样）。

有没有办法直接在移动设备上调试（例如只看到 JS 错误）？

【问题讨论】：

您可以使用 adb 控制台。这将向您显示所有调试/错误/信息消息。但是，您必须过滤它们以仅包含特定于您的应用的消息。

试试这个工具调试Vorlon

Mateen - 一款了不起的工具！如果这是一个答案，我会给它 2 票...

【参考方案1】：

您正在寻找Remote Debugging on android with Chrome，只要您运行的是 Android KitKat 或更高版本，它就可以让您从您的 Chrome 桌面安装程序在您的 android 上为您的网站打开一个实时 Chrome DevTools 窗口。

只需在您的设备上启用开发者选项，将其 USB 连接到您的计算机，然后在您的 Chrome 浏览器中访问 chrome://inspect。更详细的说明在https://developer.chrome.com/devtools/docs/remote-debugging。

【讨论】：

谢谢。正如我所提到的，我已经尝试过了。远程调试时没有显示任何错误，但在移动设备上确实有错误。

【参考方案2】：

尝试使用名为 OutFrontJS 的 npm 插件。

它有助于将所有控制台消息记录到视口本身。对移动浏览器调试很有帮助。