Javascript 如何在ionic emulator中查看console.logs?

Javascript 如何在ionic emulator中查看console.logs?,javascript,cordova,logging,ionic-framework,console.log,Javascript,Cordova,Logging,Ionic Framework,Console.log,我正在使用构建一个应用程序,到目前为止,我一直在浏览器中使用。因为我现在想使用模拟器,所以我需要使用模拟器。问题是,我无法像在浏览器中一样在模拟器中看到任何console.log(),这使得调试变得困难 有人知道我如何在Ionic/Cordova中使用模拟器中的控制台日志记录吗?欢迎所有提示 有几种方法可以调试你的ionic应用程序 在浏览器中,您可以在控制台中捕获错误 如果你在模拟器或移动设备上模拟你的应用,你可以安装cordova插件,在xcode控制台中显示js错误。因此,您可以模拟您的

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


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

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

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

cordova插件添加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
,然后按enter键

  consolelogs

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

运行爱奥尼亚模拟ios-l-c

这将打开带有livereload特性的模拟器,您将在终端中看到所有控制台日志。 要关闭(或打开)控制台日志,只需在爱奥尼亚服务器运行时在终端中写入
consolelogs
c

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

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

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


如果您在safari中看不到“开发”菜单,请输入safari的首选项并从“高级”选项卡启用它。如果您正在使用运行Android 4.4或更高版本的设备测试您的web应用程序,您可以使用Chrome Developer工具在WebView中远程调试您的网页。刚刚打开chrome://inspect 在桌面上,手机处于USB调试模式并已连接

  • 如果您不想在emulator/simulator中查看控制台日志,请使用

    离子仿真-l-c

  • 如果在设备中测试时不想查看控制台日志,则可以启动以下命令:

    ionic run-l-c

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

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


    我可以帮助别人

    在离子3上,您可以通过

    ionic cordova run android --emulator -l -c
    

    根据您的要求,将
    android
    替换为
    ios
    。此处的更多信息:

    您正在使用哪个模拟器?Eclipse?@AtanuCSE-我只是从命令行运行模拟器:
    ionic-emulate-ios
    。有什么想法吗?这可能会帮助您检查此插件是否在终端中显示您的控制台日志高兴地看到您正在使用我的插件:-)。要调试iOS应用程序,我建议您
    ionic构建iOS
    ,然后在Xcode中打开该项目。从Xcode在模拟器中运行时,可以看到所有的
    控制台.log
    。如果您想调试Android应用程序,请参阅本教程:谢谢-您保存了我的bacon。另一个选项是运行
    ionic cordova Simulate Android-l-c
    对于较新版本的ionic,您可能需要使用
    ionic cordova run
    这是哪个ionic版本?因为在4岁的时候不再像这样工作了。