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

Question

AngularJS应用程序在桌面上运行良好,但在移动设备上无法正常呈现(实际代码正在显示).这是在Android手机上.

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

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

Answer 1

您可以使用远程调试来完成,这是官方文档.基本流程:

1. 连接你的Android设备
2. 选择您的设备:更多工具>在PC/mac上检查dev工具中的设备.
3. 在您的手机上授权.
4. 快乐调试!!

Answer 2

最初接受的答案似乎不再有效。根据当前的Chrome 开发人员文档，您需要执行以下基本步骤：

1. 打开Android 上的开发者选项屏幕。请参阅配置设备上开发人员选项。
2. 选择启用 USB 调试。
3. 在您的开发计算机上，打开 Chrome。
4. 去chrome://inspect#devices。
5. 确保发现 USB 设备复选框已启用。

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

如果您的设备选项卡未出现，您可能需要通过激活移动设备上的文件传输来触发 USB 调试提示。

Answer 3

如果您手头没有PC,可以使用Eruda,这是移动浏览器的devtools https://github.com/liriliri/eruda
它是以嵌入式javascript和书签形式提供的(在Chrome中粘贴书签将删除javascript:前缀,所以你必须自己输入)

Answer 4

请帮自己一个忙，只需点击简单的按钮：

从 Play 商店下载Web Inspector（开源）。

警告：注意，控制台输出不接受休息参数！即如果你有这样的事情：

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

你只会看到

一

登录到控制台。您需要手动将参数包装在一个数组中并加入，如下所示：

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

查看预期的输出。

但该应用程序是开源的！补丁可能即将到来！修补程序甚至可能是你！

Answer 5

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

Answer 6

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

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

Answer 7

我只想查看控制台中打印的内容,您可以在HTML中的某处简单地添加"打印"部分,以便它显示在网页上.你可以自己做,但有一个javascript文件,为你这样做.你可以在这里读到它:

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

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

Answer 8

使用 Kiwi 浏览器应用程序

允许您安装所有 chrome 扩展以及访问开发工具（控制台，...）

或者

要访问和测试不同移动浏览器的所有控制台，您可以使用以下类似网站：

https://www.browserstack.com/

Answer 9

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

1-in android>setting>search bulid number-->然后点击它几次以激活开发者模式

2- android>设置>开发者选项>启用USB调试

3-用USB线连接到电脑

4 英寸镀铬 pc 类型 chrome://inspect > 输入

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