在 Android Studio 中显示 Cordova“console.log”条目

Posted

技术标签:

【中文标题】在 Android Studio 中显示 Cordova“console.log”条目【英文标题】:Display Cordova "console.log" entries in Android Studio 【发布时间】:2019-03-17 21:00:38 【问题描述】:

我有一个使用 Vue.js 的 Cordova 应用程序,并使用标准的 javascript/浏览器 console.log() 进行大量日志记录。到目前为止,我只针对 ios,这些 console.log 消息出现在 xCode 日志查看器中。

不过,现在我的目标也是 android。我已成功将 Cordova 项目导入 Android Studio,并且该应用程序在模拟器中以调试模式运行。但是,我在任何地方都找不到 console.log 输出。

我认为日志输出应该出现在这里,但我的应用程序中没有任何内容。

正如@Lukasz 所述,我也尝试过 Logcat,但也没有效果:

【问题讨论】:

【参考方案1】:

您应该尝试使用此处描述的 chrome 检查:

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

如果您真的想从 Android Studio 中查看 console.log 语句,您可以使用 logcat View -> Tool Windows -> Logcat。请记住像我在下图中所做的那样通过“CONSOLE”语句对其进行过滤。

【讨论】:

我已经这样做了,但没有任何效果。请参阅上面的更新问题以获取图片。 关于你链接的 Chrome 解决方案,在使用 Android Studio 模拟器时这是否也有效? 是的,如果你的应用是可调试的,它应该可以工作。看看这里:cordova.apache.org/docs/en/latest/guide/next/…。另外,我不确定为什么 logcat 没有为您显示任何内容,当您清除过滤器时它是否显示任何内容?【参考方案2】:

我终于解决了这个问题。我必须在设置中启用开发人员选项并启用 USB 调试。

【讨论】:

【参考方案3】:

如果您在 LogCat 中没有看到 console.log,请确保您的应用程序是可调试的。这适用于从 Android Studio 运行的应用程序(我认为),但如果您像我一样调试 3rd 方 APK,则不会。也许这会节省我浪费在这上面的 3 个小时。

因此,请确保您的 AndroidManifest.xml 文件的 application 标记中存在 android:debuggable="true"

【讨论】:

以上是关于在 Android Studio 中显示 Cordova“console.log”条目的主要内容,如果未能解决你的问题,请参考以下文章

如何在android studio的textview中显示用户Android Mac地址

如何在 Android Studio 中显示隐藏文件

为啥视图没有显示在 android studio 的设计中?

Android 模拟器未在 Visual Studio 中显示

阿拉伯语言可能不会在Android Studio 2.3 XML预览中显示

Android ImageView 不显示JPEG图片 及 Android Studio中怎样引用图片资源