blocks|key|977705|text|您可以使用远程调试来完成它，下面是正式文件。基本程序：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|977706|连接你的android设备|ordered-list-item|977707|选择您的设备:更多的工具>检查设备*从开发工具在pc/mac上。|style|CODE|977708|在你的手机上授权。|977709|调试愉快！！|977710|*这是现在的“远程设备”。|977711|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.chrome.com/docs/devtools/remote-debugging/^0|H|4|0|0|0|H|1|0|0|0|0|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$]]|$1|G|3|H|5|F|7|13|8|@$A|14|B|15|I|J]]|9|@]|C|$]]|$1|K|3|L|5|F|7|16|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|17|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|18|8|@$A|19|B|1A|I|J]]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|1B|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

You can do it using remote debugging, here is <a href="https://developer.chrome.com/docs/devtools/remote-debugging/" rel="noreferrer">official documentation</a>. Basic process:
<ol>
<li>Connect your android device</li>
<li>Select your device: More tools &gt; Inspect devices<code>*</code> from dev tools on pc/mac.</li>
<li>Authorize on your mobile.</li>
<li>Happy debugging!!</li>
</ol>
<code>*</code> This is now &quot;Remote devices&quot;.

blocks|key|892728|text|当您手头没有PC时，可以使用Eruda，这是用于移动浏览器https://github.com/liriliri/eruda的devtools|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|892729|它提供了可嵌入的javascript和书签(在chrome中粘贴书签删除javascript:前缀，所以您必须自己键入它)|892730|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/liriliri/eruda^0|T|X|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

When you don't have a PC on hand, you could use Eruda, which is devtools for mobile browsers <a href="https://github.com/liriliri/eruda" rel="noreferrer">https://github.com/liriliri/eruda</a> 
It is provided as embeddable javascript and also a bookmarklet (pasting bookmarklet in chrome removes the javascript: prefix, so you have to type it yourself)

blocks|key|978000|text|在android中使用远程调试第一个活动开发人员模式|type|unstyled|depth|inlineStyleRanges|entityRanges|data|978001|1-在android>setting>search+bulid号中->然后多次单击它以激活开发人员模式|offset|length|style|BOLD|978002|2-+android>setting>developer+options>enable+usb调试|978003|3-用usb线缆连接计算机|978004|4-在铬pc中输入：//检查>|978005|5-在移动开放url中，然后在pc铬://检查/#设备中监视|978006|entityMap^0|0|0|1F|0|0|1D|0|0|8|0|0|9|0|0|R|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@$D|T|E|U|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|Y|8|@$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|N|3|O|5|6|7|14|8|@$D|15|E|16|F|G]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|Q|$]]

to use remote debug
first active developer mode in android
1-in android&gt;setting&gt;search bulid number--&gt;then click on it several times to activate developer mode
2- android&gt;setting&gt;developer options&gt;enable usb debugging
3- connect to computer with usb cable
4-in chrome pc type chrome://inspect &gt; enter
5- in mobile open url then monitor in pc chrome://inspect/#devices

blocks|key|892856|text|原来的答案似乎不再有效了。从当前的Chrome开发人员文档中，您需要完成以下基本步骤：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|892857|blockquote|892858|打开安卓上的Developer选项屏幕。见配置设备上的开发人员选项。|ordered-list-item|style|BOLD|892859|选择启用USB调试。|892860|在你的开发机器上打开Chrome。|892861|去chrome://inspect#devices。|CODE|892862|确保启用了“发现USB设备”复选框。|892863|在此之后，打开Android设备上的Chrome+(确认USB调试提示符以防弹出)。切换回您的PC，您将看到当前打开的浏览器选项卡：|892864|​|892865|📷|atomic|892866|892867|如果没有出现设备选项卡，则可能需要通过激活移动设备上的文件传输来触发USB调试提示符。|892868|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.chrome.com/docs/devtools/remote-debugging/|1|https://developer.android.com/studio/debug/dev-options.html|2|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/e63ac991d5a932cb5e043d6c3ba01a5c.png|imageAlt^0|H|C|0|0|0|6|B|L|C|1|0|2|7|0|0|1|O|0|6|7|0|0|0|0|1|2|0|0|0^^$0|@$1|2|3|4|5|6|7|1J|8|@]|9|@$A|1K|B|1L|1|1M]]|C|$]]|$1|D|3|-4|5|E|7|1N|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1O|8|@$A|1P|B|1Q|I|J]]|9|@$A|1R|B|1S|1|1T]]|C|$]]|$1|K|3|L|5|H|7|1U|8|@$A|1V|B|1W|I|J]]|9|@]|C|$]]|$1|M|3|N|5|H|7|1X|8|@]|9|@]|C|$]]|$1|O|3|P|5|H|7|1Y|8|@$A|1Z|B|20|I|Q]]|9|@]|C|$]]|$1|R|3|S|5|H|7|21|8|@$A|22|B|23|I|J]]|9|@]|C|$]]|$1|T|3|U|5|6|7|24|8|@]|9|@]|C|$]]|$1|V|3|W|5|6|7|25|8|@]|9|@]|C|$]]|$1|X|3|Y|5|Z|7|26|8|@]|9|@$A|27|B|28|1|29]]|C|$]]|$1|10|3|W|5|6|7|2A|8|@]|9|@]|C|$]]|$1|11|3|12|5|6|7|2B|8|@]|9|@]|C|$]]|$1|13|3|-4|5|6|7|2C|8|@]|9|@]|C|$]]]|14|$15|$5|16|17|18|C|$19|1A]]|1B|$5|16|17|18|C|$19|1C]]|1D|$5|1E|17|1F|C|$1G|1H|1I|-4]]]]

The original answer doesn't seem to be valid anymore. From the current <a href="https://developer.chrome.com/docs/devtools/remote-debugging/" rel="noreferrer">Chrome developer docs</a>, these are the basic steps you need to go through:
<blockquote>
<ol>
<li>Open the Developer Options screen on your Android. See <a href="https://developer.android.com/studio/debug/dev-options.html" rel="noreferrer">Configure On-Device Developer Options</a>.</li>
<li>Select Enable USB Debugging.</li>
<li>On your development machine, open Chrome.</li>
<li>Go to <code>chrome://inspect#devices</code>.</li>
<li>Make sure that the Discover USB devices checkbox is enabled.</li>
</ol>
</blockquote>
After that, open Chrome on your Android device (and confirm the USB Debugging prompt in case it pops up). Switch back to your PC and you should see the currently open browser tabs:
<a href="https://i.stack.imgur.com/W2n6j.png" rel="noreferrer"><img src="https://i.stack.imgur.com/W2n6j.png" alt="enter image description here" /></a>
If your device tabs do not appear, you might need to trigger the USB Debugging prompt by activating file transfer on your mobile device.

blocks|key|1731939|text|猕猴桃浏览器是移动铬和允许安装扩展。安装Kiwi，然后安装"Mini控制台“Chrome扩展(只需在谷歌搜索并从安装，uBlock也能工作)。它将在猕猴桃菜单底部提供，并将显示当前页面的控制台输出。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1731940|编辑2022:现在更好了。控制台是内置的，可在菜单中使用.|1731941|entityMap^0|B|6|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|N|8|@]|D|@]|E|$]]]|I|$]]

Kiwi Browser is mobile Chromium and allows installing extensions. Install Kiwi and then install &quot;Mini JS console&quot; Chrome extension(just search in Google and install from Chrome extensions website, uBlock also works ;). It will become available in Kiwi menu at the bottom and will show the console output for the current page.
Edit 2022:
It's even better now. The console is built-in and available in the menu.

blocks|key|894402|text|请帮你自己一个忙，按一下简单的按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|894403|从Play商店下载网页督察(公开资料)。|offset|length|894404|警告:+ATTOW，控制台输出不接受rest参数！也就是说，如果你有这样的东西：|894405|console.log('one',+'two',+'three');|code-block|syntax|javascript|894406|你只会看到|894407|一|blockquote|894408|登录到控制台。您需要手动将params包装在Array中并加入，如下所示：|894409|console.log([+'one',+'two',+'three'+].join('+'));|894410|以查看预期的输出。|894411|但是这个应用程序是开源！一个补丁可能是迫近！那个拍子甚至可能是你！|894412|entityMap|0|LINK|mutability|MUTABLE|url|https://play.google.com/store/apps/details?id=ai.agusibrahim.xhrlog|1|https://github.com/agusibrahim/Android-Web-Inspector|2|https://github.com/agusibrahim/Android-Web-Inspector/issues/9^0|0|9|A|0|0|0|0|0|0|0|0|0|9|2|1|G|5|2|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1C|8|@]|9|@$D|1D|E|1E|1|1F]]|A|$]]|$1|F|3|G|5|6|7|1G|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1H|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1I|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1J|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1K|8|@]|9|@]|A|$]]|$1|T|3|U|5|J|7|1L|8|@]|9|@]|A|$K|L]]|$1|V|3|W|5|6|7|1M|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1N|8|@]|9|@$D|1O|E|1P|1|1Q]|$D|1R|E|1S|1|1T]]|A|$]]|$1|Z|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]]|10|$11|$5|12|13|14|A|$15|16]]|17|$5|12|13|14|A|$15|18]]|19|$5|12|13|14|A|$15|1A]]]]

Please do yourself a favor and just hit the easy button:

download <a href="https://play.google.com/store/apps/details?id=ai.agusibrahim.xhrlog" rel="noreferrer">Web Inspector (Open Source)</a> from the Play store.

A CAVEAT: ATTOW, console output does not accept rest params! I.e. if you have something like this:

<pre><code>console.log('one', 'two', 'three');
</code></pre>

you will only see

<blockquote>
 one
</blockquote>

logged to the console. You'll need to manually wrap the params in an Array and join, like so:

<pre><code>console.log([ 'one', 'two', 'three' ].join(' '));
</code></pre>

to see the expected output.

But the app is <a href="https://github.com/agusibrahim/Android-Web-Inspector" rel="noreferrer">open source</a>! A patch <a href="https://github.com/agusibrahim/Android-Web-Inspector/issues/9" rel="noreferrer">may be imminent</a>! The patcher could even be you!

blocks|key|892711|text|我您只想看看控制台中打印的内容，您可以简单地将“打印”部分添加到HTML中的某个位置，这样它就会出现在网页上。您可以自己做这件事，但是有一个javascript文件可以为您做到这一点。你可以在这里读到：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892712|http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/|offset|length|892713|该代码可从Github获得。；您可以下载它并将其粘贴到javascipt文件中，并将其添加到您的HTML中。|892714|entityMap|0|LINK|mutability|MUTABLE|url|1|https://gist.github.com/c-kick/2d717790aadd3aa86884ee0b07c3119f^0|0|0|2E|0|0|0|E|1|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@$D|S|E|T|1|U]]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|H|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]|O|$5|K|L|M|A|$N|P]]]]

I you only want to see what was printed in the console you could simple add the "printed" part somewhere in your HTML so it will appear in on the webpage. You could do it for yourself, but there is a javascript file that does this for you. You can read about it here: 

<a href="http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/" rel="noreferrer">http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/</a>

<a href="https://gist.github.com/c-kick/2d717790aadd3aa86884ee0b07c3119f" rel="noreferrer">The code is available from Github</a>; you can download it and paste it into a javascipt file and add it in to your HTML

blocks|key|1732144|text|使用Kiwi浏览器应用程序|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1732145|允许您安装所有chrome扩展以及访问开发工具(控制台，.)|1732146|或|1732147|要访问和测试不同移动浏览器的所有控制台，您可以使用以下类似的网站：|1732148|https://www.browserstack.com/|offset|length|1732149|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|T|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|W|8|@]|9|@$J|X|K|Y|1|Z]]|A|$]]|$1|L|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|I]]]]

<h2>Use Kiwi Browser app</h2>
Allows you to install all chrome extensions as well as access dev tools (console, ...)
<h2>Or</h2>
to access and test all the consoles of different mobile browsers, you can use the following similar websites:
<a href="https://www.browserstack.com/" rel="nofollow noreferrer">https://www.browserstack.com/</a>

blocks|key|1731956|text|Remotely+debugging+Firefox是另一种选择。这些步骤都提到了这里|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1731957|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Tools/about:debugging^0|0|Q|15|2|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<code>Remotely debugging Firefox</code> is another option. the steps are mentioned <a href="https://developer.mozilla.org/en-US/docs/Tools/about:debugging" rel="nofollow noreferrer">here</a>

blocks|key|892918|text|Kiwi浏览器不仅允许您使用Chrome工具，还可以同时查看页面。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|892919|如果您使用Android拆分屏幕，您可以打开一个窗口并将开发工具移动到一个新窗口。|892920|​|892921|📷|atomic|offset|length|892922|892923|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/d8a606a63c10c8292818a9f6c00b18fd.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@$I|Y|J|Z|1|10]]|A|$]]|$1|K|3|E|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

The Kiwi browser not only allows you to use Chrome dev tools but you can also view the page at the same time.
If you use Android split screen you can open a window and move the dev tools to a new window.
<a href="https://i.stack.imgur.com/tEgkX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tEgkX.png" alt="example inspect element" /></a>

An AngularJS application works fine on desktop, but is not rendering properly on mobile (actual code is showing). This is on an Android phone.

I would like to see what errors are showing in the console.

Is it possible to open JS console on chrome app on mobile (like it is on desktop)?

Is it possible to open developer tools console in Chrome on Android phone?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

AngularJS应用程序在桌面上工作得很好，但在移动设备上没有正确地呈现(实际代码正在显示)。这是在安卓手机上。我想看看控制台中显示了哪些错误。是否有可能在手机上的铬应用上打开JS控制台(就像在桌面上一样)？

问在Android手机上可以在Chrome中打开开发者工具控制台吗？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Android手机上可以在Chrome中打开开发者工具控制台吗？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Android手机上可以在Chrome中打开开发者工具控制台吗？
EN