我了解firebug和主要现代桌面浏览器的开发者工具,但我找不到任何在移动浏览器上调试JavaScript代码的方法。
我可以使用哪些高级技术在移动浏览器上调试代码?
答案 0 :(得分:2)
Android提供了用于以下目的的工具集: https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3
Apple以同样的方式做到了: https://developer.apple.com/safari/tools/教程:https://css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/
答案 1 :(得分:1)
Android设备可以通过设置>电话状态然后点击“内部版本号”7次进入开发人员模式。这允许您执行bunch of things (see step 5)包括USB调试。 (某些设备可能在软件信息下具有内部版本号)
要激活USB调试,请在设置中查看新出现的“{}开发者选项”,打开它并打开USB调试。使用直接USB连接连接设备。
在桌面版Chrome中,在用于调试的常用开发人员工具面板中,查看菜单中的更多工具>远程设备。选择Discover USB设备后,您现在应该看到侧面的移动设备。
选择它以查看您已打开的所有Chrome标签的列表以及直接输入网址的功能。
选择其中一个链接将打开一个新窗口,左侧是设备屏幕的镜像,右侧是所有熟悉的chrome调试工具。您仍然可以直接控制设备或在镜像屏幕上使用鼠标。它甚至旋转。
来自Google的完整详情[{3}}和来自askvg.com的on remote debugging(如上所述)
答案 2 :(得分:1)
您可以使用任何iPhone / iPad在Safari Mobile上进行调试。在Developer菜单中,您可以找到您的设备,然后您可以使用检查器调试您的代码。
如果您使用的是Android设备,则可以使用chrome://inspect
答案 3 :(得分:0)
在iPhone上你可以进入设置> Safari>高级并打开网页检查器
答案 4 :(得分:0)
有时我会收到客户报告的错误,这些错误在每次或在我们的测试中都无法重现。对于这种情况,我推荐 Lucky Orange。它记录用户活动,还可以选择记录控制台消息。
PS - 我不是附属公司,我将它们用于我自己的项目并喜欢它。
答案 5 :(得分:0)
您可以使用 Chrome 远程调试器。检查here。
如果在这种情况下您没有使用 Mobile Chrome,您可以使用 OutFront JS。它有助于将警告、错误和日志记录到 DOM。