是否可以在Android手机上的Chrome中打开开发人员工具控制台？

Question

AngularJS应用程序在桌面上运行正常，但在移动设备上无法正常呈现（实际代码显示）。这是在Android手机上。

我想看看控制台中显示的错误。

是否可以在移动设备上的Chrome应用程序上打开JS控制台（就像在桌面上一样）？

Answer 1

您可以使用远程调试来完成，这里是official documentation。基本流程：

1. 连接您的Android设备
2. 选择您的设备：更多工具＆gt;从pc / mac上的dev工具检查设备。
3. 在您的手机上授权。
4. 快乐调试!!

Answer 2

如果手边没有PC，可以使用Eruda，它是移动浏览器的开发工具https://github.com/liriliri/eruda
它是作为可嵌入的javascript提供的，还提供了一个书签（在chrome中粘贴书签可删除javascript：前缀，因此您必须自己输入）

Answer 3

我只想看看控制台上打印的内容，你可以简单地添加＆＃34;打印＆＃34;部分位于HTML中，因此它将显示在网页上。你可以自己做，但有一个javascript文件，为你这样做。你可以在这里阅读：

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

The code is available from Github;您可以下载并将其粘贴到javascipt文件中并将其添加到HTML

中

Answer 4

Kiwi Browser是移动Chromium，并且允许安装扩展程序。安装Kiwi，然后安装“ Mini JS console” Chrome扩展程序（只需在Google中搜索并从Chrome扩展程序网站安装，uBlock也可以使用；）。它将在底部的Kiwi菜单中可用，并将显示当前页面的控制台输出。

Answer 5

请帮个忙，只需按一下简单按钮即可：

从Play商店下载Web Inspector (Open Source)。

注意：ATTOW，控制台输出不接受rest参数！即如果您有这样的事情：

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

您只会看到

  

一个

登录到控制台。您需要手动将参数包装在Array中并加入，就像这样：

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

查看预期的输出。

但是该应用是open source！补丁may be imminent！修补程序甚至可能是您！

Answer 6

Remotely debugging Firefox 是另一种选择。提到了这些步骤here

Answer 7

使用远程调试 android 中第一个活跃的开发者模式

1-in android>setting>搜索bulid number-->点击几下激活开发者模式

2- android>setting>developer options>启用usb调试

3- 用 USB 数据线连接电脑

4-in chrome pc type chrome://inspect > enter

5- 在移动打开的 url 中然后在 pc chrome://inspect/#devices 中监控

Answer 8

原来的答案似乎不再有效。从当前的 Chrome developer docs 开始，您需要完成以下基本步骤：

<块引用>

1. 在您的 Android 设备上打开开发者选项屏幕。见Configure On-Device Developer Options。
2. 选择启用 USB 调试。
3. 在您的开发机器上，打开 Chrome。
4. 转到chrome://inspect#devices。
5. 确保启用发现 USB 设备复选框。

之后，在您的 Android 设备上打开 Chrome（并确认 USB 调试提示，以防它弹出）。切换回您的 PC，您应该会看到当前打开的浏览器标签：

Answer 9

您可能会尝试使用Gear Browser，它可以在移动设备上检查元素并调试网站。

https://gear4.app

Answer 10

试试OutFront JS

它将控制台消息记录到屏幕上。非常有助于调试移动浏览器。

有帮助：

• 捕捉移动浏览器中的警告、消息和错误。
• 适用于所有移动浏览器，甚至是中文浏览器。