Android手机上的Chrome可以打开开发者工具控制台吗？

Question

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

我想看看控制台中显示了哪些错误。

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

Answer 1

您可以使用远程调试来完成此操作。这是官方文档。基本流程：

1. 连接您的 Android 设备
2. 选择您的设备：更多工具 > 检查设备

   *

   ，从 PC/Mac 上的开发工具中。
3. 在您的手机上授权。
4. 调试愉快！！

*

现在是“远程设备”。

Answer 2

要使用远程调试，请先在 Android 中激活开发者模式。

1. 在 Android 中，转到“设置”，搜索内部版本号，然后单击几次以激活开发者模式
2. 在 Android 中，转到设置 > 开发者选项 > 启用 USB 调试
3. 用USB线连接电脑
4. 在桌面 Chrome 中输入

   chrome://inspect

   ，然后按 Enter
5. 在手机中打开网址然后查看，在桌面上的此页面上

   chrome://inspect/#devices

Answer 3

当你手头没有电脑时，你可以使用 Eruda，这是针对移动浏览器的开发工具https://github.com/liriliri/eruda
它以可嵌入的 javascript 和小书签的形式提供（在 chrome 中粘贴小书签会删除 javascript: 前缀，因此您必须自己键入它）

Answer 4

最初接受的答案似乎不再有效。从当前的 Chrome 开发者文档来看，以下是您需要执行的基本步骤：

1. 打开 Android 上的开发者选项屏幕。请参阅配置设备上开发人员选项。
2. 选择启用 USB 调试。
3. 在您的开发计算机上，打开 Chrome。
4. 转到

   chrome://inspect#devices

   。
5. 确保已启用发现 USB 设备复选框。

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

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

Answer 5

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

编辑 2022 年： 现在更好了。控制台是内置的，可在菜单中使用。

Answer 6

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

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

警告：注意，控制台输出不接受其余参数！ IE。如果你有这样的事情：

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

你只会看到

一个

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

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

查看预期输出。

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

Answer 7

如果您只想查看控制台中打印的内容，您可以简单地将“打印”部分添加到 HTML 中的某处，以便它将显示在网页上。您可以自己完成此操作，但有一个 javascript 文件可以为您完成此操作。您可以在这里阅读：

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

代码可从Github获取；您可以下载它并将其粘贴到 javascipt 文件中，然后将其添加到您的 HTML 中

Answer 8

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

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

Answer 9

使用 Kiwi 浏览器应用程序

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

或者

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

https://www.browserstack.com/

Answer 10

Remotely debugging Firefox

是另一种选择。步骤提到了here

Answer 11

如果您正在开发自己的网页，则应该使用其他答案中提到的远程调试功能，它可以让您在 PC 上更轻松地调试应用程序。

但是，为了在没有 PC 时使调试更容易（例如，如果您突然意识到网页无法打开并且您想打开 Devtools 来调试它），我编写了一个小脚本来打开完整的- Android 上的特色开发工具：https://github.com/lyc8503/AndroidChromeDevTools