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

时间:2015-02-19 16:19:02

标签: javascript cordova logging ionic-framework console.log

我使用Ionic framework构建应用程序,直到现在我已经在浏览器中完成了这项工作。因为我现在想要使用cordovaOauth plugin我需要使用模拟器。问题是我无法像在浏览器中那样在模拟器中看到任何console.log(),这使得调试变得困难。

有人知道在Ionic / Cordova中我如何在模拟器中使用控制台日志记录?欢迎所有提示!

6 个答案:

答案 0 :(得分:49)

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

> 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

答案 1 :(得分:28)

运行ionic emulate ios -l -c

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

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

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

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

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

答案 2 :(得分:19)

  1. 如果您不想在模拟器/模拟器中观看控制台日志

    ionic emulate -l -c <PLATFORM>

  2. 如果您在设备中进行测试时不想观看控制台日志,则可以启动此命令:

    ionic run -l -c <PLATFORM>

  3.   

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

         

    -l = --livereload:从设备重新加载app dev文件

    可以帮助别人!

答案 3 :(得分:7)

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

答案 4 :(得分:5)

有几种方法可以调试离子应用程序。

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

以下是添加插件的方法:

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

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

答案 5 :(得分:3)

在Ionic 3上,您可以通过

执行此操作
ionic cordova run android --emulator -l -c

根据您的要求,将android替换为ios。更多信息请访问:https://ionicframework.com/docs/cli/cordova/run/