我了解firebug和主要现代桌面浏览器的开发工具,但我找不到任何在移动浏览器上调试JavaScript代码的方法 .
我可以使用哪些高级技术来调试移动浏览器上的代码?
通过设置>手机状态然后点击"Build number" 7次,可以将Android设备置于开发者模式 . 这允许你做bunch of things (see step 5)包括USB调试 . (某些设备可能在软件信息下具有内部版本号)
要激活USB调试,请在设置中查看新出现的“{}开发人员选项”,打开它并打开USB调试 . 使用直接USB连接连接设备 .
在桌面上的Chrome中,在用于调试的常用开发人员工具面板中,查看菜单中的更多工具>远程设备 . 选择Discover USB设备后,您现在应该看到侧面的移动设备 .
选择它以查看已打开的所有镶边选项卡的列表以及直接输入URL的功能 .
选择其中一个链接将打开一个新窗口,左侧是设备屏幕的镜像,右侧是所有熟悉的chrome调试工具 . 您仍然可以直接控制设备或在镜像屏幕上使用鼠标 . 它甚至旋转 .
来自google的完整详情on remote debugging和来自askvg.com的how to enable developer mode(如上所述)
您可以使用任何iPhone / iPad在Safari Mobile上进行调试 . 在Developer菜单中,您可以找到您的设备,然后您可以使用检查器调试您的代码 .
如果您使用的是Android设备,则可以使用 chrome://inspect 在Chrome桌面上进行调试(请记住激活调试模式)
chrome://inspect
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/
在iPhone上,您可以进入设置> Safari>高级并打开Web检查器
4 回答
通过设置>手机状态然后点击"Build number" 7次,可以将Android设备置于开发者模式 . 这允许你做bunch of things (see step 5)包括USB调试 . (某些设备可能在软件信息下具有内部版本号)
要激活USB调试,请在设置中查看新出现的“{}开发人员选项”,打开它并打开USB调试 . 使用直接USB连接连接设备 .
在桌面上的Chrome中,在用于调试的常用开发人员工具面板中,查看菜单中的更多工具>远程设备 . 选择Discover USB设备后,您现在应该看到侧面的移动设备 .
选择它以查看已打开的所有镶边选项卡的列表以及直接输入URL的功能 .
选择其中一个链接将打开一个新窗口,左侧是设备屏幕的镜像,右侧是所有熟悉的chrome调试工具 . 您仍然可以直接控制设备或在镜像屏幕上使用鼠标 . 它甚至旋转 .
来自google的完整详情on remote debugging和来自askvg.com的how to enable developer mode(如上所述)
您可以使用任何iPhone / iPad在Safari Mobile上进行调试 . 在Developer菜单中,您可以找到您的设备,然后您可以使用检查器调试您的代码 .
如果您使用的是Android设备,则可以使用
chrome://inspect
在Chrome桌面上进行调试(请记住激活调试模式)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/
在iPhone上,您可以进入设置> Safari>高级并打开Web检查器