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


165

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

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

是否可以在移动设备上的chrome应用程序上打开JS控制台(就像在台式机上一样)?

Answers:


134

您可以使用远程调试来做到这一点,这是官方文档。基本流程:

  1. 连接您的android设备
  2. 选择设备:“更多工具”> *从pc / mac上的开发工具中检查设备。
  3. 在您的手机上授权。
  4. 调试愉快!!

* 现在是“远程设备”。


2
我想详细解释在文档链接提供
PseudoAj

59
如果没有外部计算机,是否可以这样做?
艾瑞克·里德

59
问题是否要求在Android手机上的Chrome中打开开发者工具控制台?您的灵魂需要一台单独的调试机。在您的回答中,调试本身并不在手机上
Fennekin '17

5
我知道@fennekin没有其他方法。如果您认为有更好的方法,请随时更新
-PseudoAj

5
截至2019年1月,我无法在“更多工具”下找到Inspect设备,我终于在chrome:// inspect上找到了它,并且您需要允许通过手机进行USB调试
Abhinav Singh,

53

当您手边没有PC时,可以使用Eruda,它是移动浏览器的devtools https://github.com/liriliri/eruda
它是可嵌入的javascript提供的,并且还提供了一个bookmarklet(在chrome中粘贴bookmarklet会删除javascript:前缀,因此您必须自己输入)


1
Termux等工具的绝佳伴侣,这些工具使在单个移动设备上的开发成为现实!我已经集成eruda-webpack-plugin到一个项目中:npm i eruba-webpack-plugin --save-optional
vintproykt '19

最简单的方式来获得控制台中的内容
makwana.a

很棒的解决方案。它在CDN中可用。
netishix

这似乎对我不起作用。将其粘贴到地址栏中(然后读取“ javascript:”)似乎没有任何作用。
英国电信

@BT一些网站限制从列出的允许域中加载脚本。在另一个网站上尝试。
trogper

10

我只想查看控制台中打印的内容,您可以简单地在HTML的某处添加“已打印”部分,以使其显示在网页上。您可以自己完成此操作,但是有一个javascript文件可以为您完成此操作。你可以在这里读到它:

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

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


仅供参考:您可能会遇到控制台无法显示的情况。根据官方主页末尾的一些讨论,您可以尝试明确地进行mobileConsole.init()说明。对于我来说,这种技巧很有帮助。YMMV。
RayLuo

1
该链接仍然有效,只需花费很长时间即可加载。尽管如此,我可以总结出,我与该lib所有者之间的对话最终导致他在其主页的Notes部分中添加了以下信息:“如果mobileConsole无法启动(移动检测失败),则可以通过设置来覆盖自动启动overrideAutorun为true或将以下脚本添加到您的页面:if (!mobileConsole.status.initialized) { mobileConsole.init(); }
RayLuo19年

7

请帮自己一个忙,只需按一下简单按钮:

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

CAVEAT:ATTOW,控制台输出不接受其余参数!即,如果您有这样的事情:

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

你只会看到

之一

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

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

查看预期的输出。

但是该应用程序是开源的!一个补丁可能迫在眉睫!修补程序甚至可能是您!


3

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


-1

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

https://gear4.app


5
该应用程序仅适用于iPhone。该问题指定了Android。
皮特
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.