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

小开

最佳答案

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

*现在是“远程设备”。

小开

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

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

小开

当你手头没有PC时，你可以使用Eruda，这是一种用于移动浏览器的开发工具它提供了可嵌入的javascript和bookmarklet(在chrome中粘贴bookmarklet会删除javascript:前缀，所以你必须自己输入)

小开

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

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

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

你只会看到

一个

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

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

以查看预期的输出。

但应用程序是开源!一个补丁可能迫在眉睫!补丁程序甚至可以是你!

小开

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

2022年< p >编辑: 现在甚至更好了。

.控制台是内置的，在菜单中可用

小开

Remotely debugging Firefox是另一个选项。这些步骤被提到在这里

小开

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

1-在android>设置>搜索build号->然后点击几次激活开发者模式

2- android>setting>developer options>打开usb调试

3-用usb线连接电脑

4-in铬PC型铬://inspect >输入

5-在移动打开url，然后在PC chrome监控://inspect/#设备

小开

原来的答案似乎不再有效了。从当前的Chrome开发者文档，这些是你需要执行的基本步骤:

打开Android上的开发人员选项屏幕。看到配置On-Device开发人员选项。

选择开启USB调试。

在你的开发机器上，打开Chrome。

去chrome://inspect#devices。

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

之后，在你的Android设备上打开Chrome浏览器(并确认USB调试提示，以防它弹出)。切换回您的PC，您应该看到当前打开的浏览器选项卡:

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

小开

使用Kiwi浏览器应用程序

允许您安装所有chrome扩展以及访问开发工具(控制台，…)

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

小开

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

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