一个AngularJS应用程序在桌面上工作得很好,但在移动端却不能正常呈现(实际代码显示)。这是在安卓手机上。
我想看看控制台中显示了什么错误。
是否有可能在移动上的chrome应用程序上打开JS控制台(就像在桌面上一样)?
一个AngularJS应用程序在桌面上工作得很好,但在移动端却不能正常呈现(实际代码显示)。这是在安卓手机上。
我想看看控制台中显示了什么错误。
是否有可能在移动上的chrome应用程序上打开JS控制台(就像在桌面上一样)?
当前回答
Kiwi浏览器不仅允许您使用Chrome开发工具,还可以同时查看页面。
如果你使用Android分屏,你可以打开一个窗口并将开发工具移动到一个新窗口。
其他回答
您可以使用远程调试来实现,这里是官方文档。基本流程:
连接android设备 选择您的设备:更多工具>从pc/mac上的开发工具检查设备*。 在您的手机上进行授权。 调试快乐! !
*现在是“远程设备”。
请帮自己一个忙,按下简单的按钮:
从Play商店下载Web Inspector(开源)。
注意:ATTOW,控制台输出不接受rest参数!例如,如果你有这样的东西:
console.log('one', 'two', 'three');
你只会看到
一个
登录到控制台。你需要手动将参数包装在数组中并连接,如下所示:
console.log([ 'one', 'two', 'three' ].join(' '));
以查看预期的输出。
但这款应用是开源的!一个补丁可能即将到来!修补者甚至可以是你!
原来的答案似乎不再有效了。从当前的Chrome开发者文档来看,以下是你需要完成的基本步骤:
打开Android上的开发者选项屏幕。请参见配置设备上开发人员选项。 选择“开启USB调试”。 在你的开发机器上,打开Chrome。 进入chrome://inspect#设备。 确保“发现USB设备”复选框已启用。
之后,在你的Android设备上打开Chrome浏览器(并确认USB调试提示,以防它弹出)。切换回您的PC,您应该看到当前打开的浏览器选项卡:
如果您的设备选项卡没有出现,您可能需要通过激活移动设备上的文件传输来触发USB调试提示。
使用Kiwi浏览器应用程序
允许您安装所有chrome扩展以及访问开发工具(控制台,…)
Or
要访问和测试不同移动浏览器的所有控制台,您可以使用以下类似的网站:
https://www.browserstack.com/
当你手头没有PC时,你可以使用Eruda,这是一种用于移动浏览器的开发工具https://github.com/liriliri/eruda 它是作为可嵌入的javascript和bookmarklet提供的(在chrome中粘贴bookmarklet会删除javascript:前缀,所以你必须自己输入)