289

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

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

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

4

9 回答 9

227

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

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

*现在是“远程设备”。

于 2016-05-16T14:35:31.750 回答
88

当您手头没有 PC 时,您可以使用 Eruda,它是用于移动浏览器的开发工具https://github.com/liriliri/eruda
它以可嵌入的 javascript 和书签的形式提供(在 chrome 中粘贴书签会删除javascript: 前缀,所以你必须自己输入)

于 2018-09-25T21:24:37.677 回答
45

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

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

2-安卓>设置>开发者选项>启用usb调试

3-用usb线连接电脑

4 英寸 chrome pc 类型 chrome://inspect > enter

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

于 2021-06-09T11:08:30.760 回答
21

请帮自己一个忙,然后点击简单的按钮:

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

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

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

你只会看到

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

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

查看预期的输出。

但该应用程序是开源的!补丁可能即将发布!修补程序甚至可能是你!

于 2019-10-07T03:29:48.710 回答
17

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

于 2020-01-17T22:01:35.723 回答
13

The original answer doesn't seem to be valid anymore. From the current Chrome developer docs, these are the basic steps you need to go through:

  1. Open the Developer Options screen on your Android. See Configure On-Device Developer Options.
  2. Select Enable USB Debugging.
  3. On your development machine, open Chrome.
  4. Go to chrome://inspect#devices.
  5. Make sure that the Discover USB devices checkbox is enabled.

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:

在此处输入图像描述

于 2021-06-09T14:09:10.373 回答
12

我只想查看控制台中打印的内容,您可以简单地将“打印”部分添加到 HTML 中的某处,这样它就会出现在网页上。您可以自己做,但有一个 javascript 文件可以为您做这件事。你可以在这里读到它:

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

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

于 2018-06-12T06:29:40.400 回答
2

Try OutFront JS

It logs console messages to the screen. Very helpful to debug mobile browsers.

It helps:

  • 捕获移动浏览器中的警告、消息和错误。
  • 适用于所有移动浏览器,甚至是中文浏览器。
于 2021-06-10T12:24:10.420 回答
1

Remotely debugging Firefox是另一种选择。这里提到了这些步骤

于 2021-05-26T04:33:24.627 回答