AngularJS 应用程序在桌面上运行良好,但在移动设备上无法正确呈现(显示实际代码)。这是在安卓手机上。
我想看看控制台中显示了哪些错误。
是否可以在移动设备上的 chrome 应用程序上打开 JS 控制台(就像在桌面上一样)?
AngularJS 应用程序在桌面上运行良好,但在移动设备上无法正确呈现(显示实际代码)。这是在安卓手机上。
我想看看控制台中显示了哪些错误。
是否可以在移动设备上的 chrome 应用程序上打开 JS 控制台(就像在桌面上一样)?
您可以使用远程调试来完成,这里是官方文档。基本流程:
*
从 pc/mac 上的开发工具检查设备。*
现在是“远程设备”。
当您手头没有 PC 时,您可以使用 Eruda,它是用于移动浏览器的开发工具https://github.com/liriliri/eruda
它以可嵌入的 javascript 和书签的形式提供(在 chrome 中粘贴书签会删除javascript: 前缀,所以你必须自己输入)
在 android 中使用远程调试第一个活动开发者模式
1-in android>setting>search bulid number->然后点击几次激活开发者模式
2-安卓>设置>开发者选项>启用usb调试
3-用usb线连接电脑
4 英寸 chrome pc 类型 chrome://inspect > enter
5- 在移动打开 url 然后在 pc chrome://inspect/#devices 中监控
请帮自己一个忙,然后点击简单的按钮:
从 Play 商店下载Web Inspector(开源) 。
警告:ATTOW,控制台输出不接受其余参数!即,如果你有这样的事情:
console.log('one', 'two', 'three');
你只会看到
一
登录到控制台。您需要手动将参数包装在一个数组中并加入,如下所示:
console.log([ 'one', 'two', 'three' ].join(' '));
查看预期的输出。
Kiwi 浏览器是移动 Chromium 并允许安装扩展。安装 Kiwi,然后安装“Mini JS 控制台”Chrome 扩展(只需在 Google 中搜索并从 Chrome 扩展网站安装,uBlock 也可以;)。它将在底部的 Kiwi 菜单中可用,并将显示当前页面的控制台输出。
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:
- Open the Developer Options screen on your Android. See Configure On-Device Developer Options.
- Select Enable USB Debugging.
- On your development machine, open Chrome.
- Go to
chrome://inspect#devices
.- 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:
我只想查看控制台中打印的内容,您可以简单地将“打印”部分添加到 HTML 中的某处,这样它就会出现在网页上。您可以自己做,但有一个 javascript 文件可以为您做这件事。你可以在这里读到它:
http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/
该代码可从 Github 获得;您可以下载它并将其粘贴到 javascipt 文件中,然后将其添加到您的 HTML
Try OutFront JS
It logs console messages to the screen. Very helpful to debug mobile browsers.
It helps:
Remotely debugging Firefox
是另一种选择。这里提到了这些步骤