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

How to watch console.logs in ionic emulator?

我正在使用 Ionic framework, which I've done in the browser until now. Because I now want to use the cordovaOauth plugin 构建应用我需要使用模拟器。问题是我在模拟器中看不到任何 console.log(),就像在浏览器中一样,这使得调试变得困难。

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

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

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

添加插件的方法如下:

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

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

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

> 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

运行 ionic emulate ios -l -c

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

时在终端中写入 consolelogsc

使用 iOS emulator/device 时调试应用程序的另一种非常方便的方法是使用 Safari 开发者工具

当应用 运行s - 进入 Safari 并选择 "Develop > iOS Simulator > your page"

如果您使用的是真实设备,您会看到设备名称而不是 "iOS Simulator"

如果您在 Safari 中没有看到 "Develop" 菜单 - 进入 Safari 的首选项并从 "advanced" 选项卡中启用它

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

  1. 如果您不想在模拟器/模拟器中查看控制台日志,请使用

    ionic emulate -l -c <PLATFORM>

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

    ionic run -l -c <PLATFORM>

-c = --consolelogs : Print app console logs to Ionic CLI (livereload req.)

-l = --livereload : Live reload app dev files from the device

可能会对某人有所帮助!

在 Ionic 3 上,您可以通过

ionic cordova run android --emulator -l -c

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