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

How to watch console.logs in ionic emulator?

本文关键字：中观 console log 模拟器      更新时间：2024-02-04

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

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

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

> 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，然后按enter键。

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

运行ionic emulate ios -l -c

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

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

当应用程序运行时，进入Safari并选择"开发>iOS模拟器>您的页面"

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

如果您在safari中没有看到"开发"菜单，请输入safari的首选项，并从"高级"选项卡

启用它

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

    ionic emulate -l -c <PLATFORM>

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

    ionic run -l -c <PLATFORM>

-c = --consolelogs：将应用程序控制台日志打印到Ionic CLI（livereload req.）

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

可以帮助别人！

如果您使用运行Android 4.4或更高版本的设备测试web应用程序，您可以使用Chrome开发工具在WebView中远程调试网页。只是打开chrome://inspect在您的桌面上，手机处于USB调试模式。

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

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

以下是如何添加插件：

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

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

在Ionic 3上，您可以通过实现这一点

ionic cordova run android --emulator -l -c

根据您的要求，用ios替换android。更多信息请点击此处：https://ionicframework.com/docs/cli/cordova/run/

相关文章：