如何使用移动浏览器调试JavaScript代码

时间:2011-05-10 00:40:52

标签: browser mobile firebug

我了解firebug和主要现代桌面浏览器的开发者工具,但我找不到任何在移动浏览器上调试JavaScript代码的方法。

我可以使用哪些高级技术在移动浏览器上调试代码?

6 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

Android设备可以通过设置>电话状态然后点击“内部版本号”7次进入开发人员模式。这允许您执行bunch of things (see step 5)包括USB调试。 (某些设备可能在软件信息下具有内部版本号)

要激活USB调试,请在设置中查看新出现的“{}开发者选项”,打开它并打开USB调试。使用直接USB连接连接设备。

在桌面版Chrome中,在用于调试的常用开发人员工具面板中,查看菜单中的更多工具>远程设备。选择Discover USB设备后,您现在应该看到侧面的移动设备。

选择它以查看您已打开的所有C​​hrome标签的列表以及直接输入网址的功能。

选择其中一个链接将打开一个新窗口,左侧是设备屏幕的镜像,右侧是所有熟悉的chrome调试工具。您仍然可以直接控制设备或在镜像屏幕上使用鼠标。它甚至旋转。

来自Google的完整详情[{3}}和来自askvg.com的on remote debugging(如上所述)

答案 2 :(得分:1)

您可以使用任何iPhone / iPad在Safari Mobile上进行调试。在Developer菜单中,您可以找到您的设备,然后您可以使用检查器调试您的代码。

如果您使用的是Android设备,则可以使用chrome://inspect

在Chrome桌面上进行调试(请记住激活调试模式)

答案 3 :(得分:0)

在iPhone上你可以进入设置> Safari>高级并打开网页检查器

答案 4 :(得分:0)

有时我会收到客户报告的错误,这些错误在每次或在我们的测试中都无法重现。对于这种情况,我推荐 Lucky Orange。它记录用户活动,还可以选择记录控制台消息。

PS - 我不是附属公司,我将它们用于我自己的项目并喜欢它。

答案 5 :(得分:0)

您可以使用 Chrome 远程调试器。检查here

如果在这种情况下您没有使用 Mobile Chrome,您可以使用 OutFront JS。它有助于将警告、错误和日志记录到 DOM。