如何在Ionic模拟器中查看控制台日志？

Question

如何在Ionic模拟器中查看控制台日志？

javascriptcordovaloggingionic-frameworkconsole.log

38

我正在使用Ionic框架构建一个应用程序，目前在浏览器中完成。因为我现在想使用cordovaOauth插件，所以我需要使用模拟器。问题是，我无法像在浏览器中一样在模拟器中看到任何console.log()，这使得调试变得困难。

有谁知道在Ionic/Cordova中如何在模拟器中使用控制台日志记录？欢迎提供所有提示！

- kramer65

你使用哪个模拟器？Eclipse吗？ - AtanuCSE

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

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

3

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

6个回答

29

运行 ionic emulate ios -l -c

这将打开带有实时重载功能的模拟器，您将在终端中看到所有控制台日志。要关闭（或打开）控制台日志，请在Ionic服务器正在运行时在终端中编写consolelogs或c。

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

当应用程序运行时-进入Safari并选择“Develop> iOS Simulator> your page”

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

如果在Safari中找不到“Develop”菜单-请进入Safari的首选项并从“高级”选项卡启用它

- Yaron U.

谢谢你，你救了我的一命。 - Seiyria

20

如果你想在模拟器/仿真器中查看控制台日志，请使用以下命令：

ionic emulate -l -c <PLATFORM>
如果你想在设备测试时查看控制台日志，可以运行此命令：

ionic run -l -c <PLATFORM>

-c = --consolelogs : 将应用程序控制台日志打印到Ionic CLI (需要实时刷新)

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

这可能会对某些人有所帮助！

- S.Thiongane

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

7

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

- Ruchir Shukla

5

有几种方法可以调试你的Ionic应用程序。

在浏览器中，您可以在控制台中捕获错误。
如果您在模拟器或移动设备上模拟您的应用程序，则可以安装显示JS错误在XCode控制台中的Cordova插件。这样，您就可以对Xcode上的设备进行仿真并捕获错误。

以下是如何添加插件：

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

希望这能帮到你！当我调试GeoFire错误和测试Cordova相机和地理位置API时，这个插件对我来说非常方便。

- user15163

5

在Ionic 3上，您可以通过这样做：

ionic cordova run android --emulator -l -c

根据您的需求，将android替换为ios。更多信息请参见：https://ionicframework.com/docs/cli/cordova/run/

- slider

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

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Carlos Morales · Accepted Answer

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

> 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