如何在离子模拟器中观看 console.logs？

Posted 2023-02-23

【中文标题】如何在离子模拟器中观看 console.logs？

【英文标题】：How to watch console.logs in ionic emulator?

【发布时间】：2015-04-21 02:13:40

【问题描述】：

我正在使用Ionic framework 构建一个应用程序，到目前为止我已经在浏览器中完成了这项工作。因为我现在想使用cordovaOauth plugin 我需要使用模拟器。问题是我在模拟器中看不到任何console.log()，就像我在浏览器中看到的那样，这使得调试变得很困难。

有人知道如何在 Ionic/Cordova 中使用模拟器中的控制台登录吗？欢迎所有提示！

【问题讨论】：

您使用的是哪个模拟器？日食？

@AtanuCSE - 我只是从命令行运行模拟器：ionic emulate ios。有什么想法吗？

这可能会帮助您github.com/apache/cordova-plugin-console 检查此插件是否在终端中显示您的控制台日志

很高兴看到你在使用我的插件 :-)。要调试您的 iOS 应用程序，我建议您 ionic build ios 然后在 Xcode 中打开项目。当你从 Xcode 在模拟器中运行时，你可以看到所有的console.log。如果您想调试 android 应用，请参阅本教程：blog.nraboy.com/2014/12/debugging-android-source-code-adb

【参考方案1】：

在 Ionic 3 上，您可以这样做

ionic cordova run android --emulator -l -c

根据您的要求将android 替换为ios。更多信息在这里：https://ionicframework.com/docs/cli/cordova/run/

【讨论】：

另一个选项是运行ionic cordova emulate android -l -c

【参考方案2】：

如果您使用运行 Android 4.4 或更高版本的设备测试您的网络应用，您可以使用 Chrome 开发者工具在 WebView 中远程调试您的网页。只需在连接了 USB 调试模式的手机的情况下在桌面上打开 chrome://inspect。

【参考方案3】：

如果您不想在模拟器/模拟器中观看控制台日志，请使用

ionic emulate -l -c <PLATFORM>

如果您不想在设备中测试时查看控制台日志，您可以启动此命令：

ionic run -l -c <PLATFORM>

-c = --consolelogs : 将应用程序控制台日志打印到 Ionic CLI (livereload req.)

-l = --livereload : 从设备实时重新加载应用开发文件

可以帮助别人！

【讨论】：

对于较新版本的 ionic，您可能需要使用 ionic cordova run

【参考方案4】：

有几种方法可以调试您的 ionic 应用。

在浏览器中，您可以在控制台中捕获错误。 如果您在模拟器或移动设备上模拟您的应用程序，您可以安装在 xcode 控制台中显示 js 错误的 cordova 插件。因此，您可以模拟您的设备并在 xcode 上捕获错误。

这是添加插件的方法：

cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git

希望这会有所帮助！当我调试 GeoFire 错误并测试 cordova 相机和地理定位 api 时，它对我来说非常方便。

【参考方案5】：

运行ionic emulate ios -l -c

这将打开具有 livereload 功能的模拟器，您将在终端中看到所有控制台日志。 要关闭（或打开）控制台日志，只需在离子服务器运行时在终端中写入 consolelogs 或 c

在使用 iOS 模拟器/设备时调试应用程序的另一种非常方便的方法是使用 Safari 开发者工具

应用运行时 - 进入 Safari 并选择“开发 > iOS 模拟器 > 你的页面”

如果您使用的是真实设备，您会看到设备名称而不是“iOS 模拟器”

如果您在 Safari 中没有看到“开发”菜单 - 输入 Safari 的首选项并从“高级”选项卡中启用它

【讨论】：

谢谢你 - 你救了我的培根。

【参考方案6】：

只需在模拟器中启用控制台日志即可。这是我的例子：

> ionic emulate ios --livereload

  Setup Live Reload
  Running dev server: http://localhost:8100
  Adding in default Ionic hooks
  Running live reload server: http://localhost:35729
  Watching : [ 'www/**/*', '!www/lib/**/*' ]
  Ionic server commands, enter:
    restart or r to restart the client app from the root
    goto or g and a url to have the app navigate to the given url
    consolelogs or c to enable/disable console log output
    serverlogs or s to enable/disable server log output
    quit or q to shutdown the server and exit

在命令行中输入consolelogs 并回车。

  consolelogs

  Console log output: enabled
  Loading: /?restart=382451
  ionic $ 0     498458   log      Hi there! This is from console.log

【讨论】：

这是哪个离子版本？因为 at 4 不再这样工作了。