在 Chrome 控制台中调试 Ionic DevApp？答案

【问题标题】：Ionic DevApp debugging in chrome console?在 Chrome 控制台中调试 Ionic DevApp？
【发布时间】：2019-12-18 12:39:10
【问题描述】：

我第一次使用 ionic DevApp (ionic v4)，我正在尝试使用函数 console.log() 显示一个 json 对象。当我在 ionic DevApp 中运行应用程序时，我看到该对象仅显示在命令行控制台 (cli) 中，而不是来自谷歌的远程设备中。

请问有没有人知道如何解决这个问题。

提前谢谢你。

【问题讨论】：

【解决方案1】：

据我所知，这是不可能的。如果要查看控制台输出，请将参数-c 添加到 ionic serve：

ionic s -c --devapp

这将在终端中输出控制台，但您不会像在 Chrome 中那样漂亮。

无论如何，根据我的经验，DevApp 并不是一个好的解决方案。一方面，您遇到了控制台问题，另一方面，插件无法正常工作。与直接在浏览器中查看您的应用相比，没有什么重要的专业人士。

我认为您在运行应用程序时宁愿使用--livereload 修饰符。这将使应用程序在您每次保存一些更改时快速重新编译和重新加载（就像在ionic serve 中一样）。您将获得 Chrome 检查器，您的插件将正常工作，您的应用程序将在任何更改保存时快速重新编译和重新加载。运行这个：

ionic cordova run android --device --livereload

【讨论】：

非常感谢。我真的很感谢你的回答。我刚刚尝试了第二个，但它不起作用，我认为这是因为“chrome 远程设备”没有检测到我的 Android 设备。你对解决这个问题有什么想法吗，会是什么问题？，我真的搜索过它，但我无法解决它。提前致谢。
恐怕我不知道为什么会在你的情况下发生这种情况对我来说，设备会自动出现在列表中，就我而言： 1.- 访问 chrome://inspect/#devices 和检查“发现 USB 设备” 2.- 设备通过 USB 3 连接。- 在 Android 设备中启用了开发人员选项和 USB 调试。 4.- 一个 Ionic 应用程序正在运行（或者即使某些网络浏览器正在运行）然后我只需要单击“检查”，检查器就会打开一个新的 Chrome 窗口。