如何使用移动浏览器debuggingJavaScript代码

我知道萤火虫和主要现代桌面浏览器的开发者工具,但我找不到在移动浏览器上debuggingJavaScript代码的方法。

我可以用什么高级技术来在移动浏览器上debugging代码?

Android设备可以通过设置>手机状态进入开发者模式,然后点击“Build number”7次。 这可以让你做很多事情(见步骤5),包括USBdebugging。 (某些设备可能具有软件信息下的内部版本号)

要激活USBdebugging,请查看新出现的“{}开发人员选项”的设置,打开此选项并打开USBdebugging。 使用直接USB连接连接您的设备。

在桌面上的Chrome中,在用于debugging的常用开发人员工具面板中,查看菜单中的更多工具>远程设备。 select发现USB设备后,您现在应该可以看到您的移动设备。

select它可以查看您打开的所有chrome选项卡列表,并且可以直接inputurl。

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

从谷歌远程debugging的全部细节,以及如何从askvg.com 启用开发人员模式 (链接如上)

您可以使用任何iPhone / iPad在Safari Mobile上进行debugging。 在Developer菜单中,您可以find您的设备,然后您可以使用检查员debugging您的代码。

如果您有Android设备,则可以使用chrome://inspect在Chrome桌面上进行debugging(请记住启用debugging模式)

Android为这些目的提供了一套工具: https : //developers.google.com/web/tools/chrome-devtools/remote-debugging/?utm_source = dcc&utm_medium = redirect&utm_campaign = 2016q3

苹果公司也采取了类似的方式: https : //developer.apple.com/safari/tools/

教程: https : //css-tricks.com/using-chrome-devtools-to-debug-javascript-in-any-browser-with-ghostlab-2/

在iPhone上,您可以进入设置> Safari>高级,然后打开Web检查器