是否有可能在Android手机上的Chrome打开开发人员工具控制台?

一个AngularJS应用程序在桌面上工作得很好，但在移动端却不能正常呈现(实际代码显示)。这是在安卓手机上。

我想看看控制台中显示了什么错误。

是否有可能在移动上的chrome应用程序上打开JS控制台(就像在桌面上一样)?

当前回答

您可以使用远程调试来实现，这里是官方文档。基本流程:

连接android设备选择您的设备:更多工具>从pc/mac上的开发工具检查设备*。在您的手机上进行授权。调试快乐! !

*现在是“远程设备”。

其他回答

请帮自己一个忙，按下简单的按钮:

从Play商店下载Web Inspector(开源)。

注意:ATTOW，控制台输出不接受rest参数!例如，如果你有这样的东西:

console.log('one', 'two', 'three');

你只会看到

一个

登录到控制台。你需要手动将参数包装在数组中并连接，如下所示:

console.log([ 'one', 'two', 'three' ].join(' '));

以查看预期的输出。

但这款应用是开源的!一个补丁可能即将到来!修补者甚至可以是你!

您可以使用远程调试来实现，这里是官方文档。基本流程:

连接android设备选择您的设备:更多工具>从pc/mac上的开发工具检查设备*。在您的手机上进行授权。调试快乐! !

*现在是“远程设备”。

远程调试Firefox是另一种选择。这里提到了这些步骤

Kiwi浏览器不仅允许您使用Chrome开发工具，还可以同时查看页面。

如果你使用Android分屏，你可以打开一个窗口并将开发工具移动到一个新窗口。

如果你只想看看控制台打印了什么，你可以简单地在HTML中添加“打印”部分，这样它就会出现在网页上。你可以自己做，但是有一个javascript文件可以帮你做。你可以在这里阅读:

http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/

该代码可从Github获得;你可以下载它并将其粘贴到javascipt文件中，并将其添加到HTML中

推荐文章