如何在离子模拟器中观看console.logs?
我正在使用Ionic框架构build一个应用程序,我在浏览器中完成了这个工作。 因为我现在想要使用cordovaOauth插件,所以我需要使用模拟器。 问题是我无法在浏览器中看到模拟器中的任何console.log(),这使得debugging变得困难。
有没有人知道如何在Ionic /cordova我可以利用模拟器的控制台日志logging? 所有的提示,欢迎!
只需在模拟器中启用控制台日志。 这里我的例子:
> 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
在命令行中inputconsolelogs
,然后回车。
consolelogs Console log output: enabled Loading: /?restart=382451 ionic $ 0 498458 log Hi there! This is from console.log
运行ionic emulate ios -l -c
这将使用livereloadfunction打开模拟器,您将看到terminal中的所有控制台日志。 要closures(或开启)控制台日志,只需在离子服务器运行时写入consolelogs
或在terminal中inputc
使用iOS仿真器/设备时,另一个非常方便的debugging应用程序的方法是使用Safari开发人员工具
当应用程序运行 – 进入Safari并select“开发> iOS模拟器>您的页面”
如果你使用真实的设备,你会看到设备的名称,而不是“iOS模拟器”
如果您在Safari浏览器中看不到“开发”菜单 – 请inputSafari的偏好设置并从“高级”选项卡启用它
-
如果你不想在模拟器/模拟器中使用控制台日志
ionic emulate -l -c <PLATFORM>
-
如果您不想在设备中testing时观看控制台日志,则可以启动此命令:
ionic run -l -c <PLATFORM>
-c = --consolelogs
:将应用程序控制台日志打印到Ionic CLI(livereload req。)
-l = --livereload
:从设备实时重新加载应用程序的开发文件
可以帮助别人!
如果您使用运行Android 4.4或更高版本的设备testing您的Web应用程序,则可以使用Chrome开发人员工具在WebView中远程debugging您的网页。 只需打开chrome://在连接的USBdebugging模式下用手机检查您的桌面。
有几种方法来debugging你的离子应用程序。
- 在浏览器中,您可以捕获控制台中的错误。
- 如果您正在模拟器或移动设备上模拟您的应用程序,则可以安装在xcode控制台中显示js错误的cordova插件。 所以你可以模拟你的设备,并捕捉Xcode的错误。
这里是你如何添加插件:
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git
希望这可以帮助! 在我debuggingGeoFire错误和testingcordova相机和地理定位API时,它非常方便。
在离子3上,你可以这样做
ionic cordova run android --emulator -l -c
取决于您的要求,用ios
replaceandroid
。 更多信息在这里: https : //ionicframework.com/docs/cli/cordova/run/