Ionic框架中console.log()的输出位置查询
关于Ionic中
console.log()输出位置的解答 嘿,作为刚接触Ionic的新手,有这个疑问太正常啦!你的ActionSheet代码看起来没问题,那些console.log()的输出会根据你运行应用的环境,显示在不同的地方:
浏览器调试(用
ionic serve启动应用)
直接打开浏览器的开发者工具(快捷键F12或者Ctrl+Shift+I),切换到「Console」标签页。当你点击ActionSheet里的「Delete」「Play」这些按钮时,对应的日志就会立刻显示在这里。真机/模拟器调试
- 如果你用的是Android设备或模拟器:
可以在终端里执行adb logcat命令(前提是你已经配置好Android SDK环境),过滤应用相关的日志;或者打开Chrome浏览器,输入chrome://inspect,找到你的设备和对应的Ionic应用,点击「inspect」就能打开调试面板查看Console输出。 - 如果你用的是iOS设备或模拟器:
可以通过Xcode的Organizer查看设备日志,或者开启Safari的开发者选项后,在Safari的「开发」菜单里找到你的设备和应用,打开调试面板查看Console。
- 如果你用的是Android设备或模拟器:
另外,你也可以用ionic cordova run [android/ios] -l -c命令启动应用,这样在终端窗口里也能同步看到console.log()的输出内容哦~
你的代码示例:
openActionSheet(){ let actionSheet=this.actionsheetCtrl.create( { title: 'Modify your album', cssClass: 'page-hello-ionic', buttons:[ { text: 'Delete', role: 'destructive', //will always sort to be on top icon: !this.platform.is('ios') ? 'trash' : null, handler: () => { console.log('Delete clicked'); } }, { text: 'Play', icon: !this.platform.is('ios') ? 'arrow-dropright-circle' : null, handler: () => { console.log('Play clicked'); } }, { text: 'Favorite', icon: !this.platform.is('ios') ? 'heart-outline' : null, handler: () => { console.log('Favorite clicked'); } }, { text: 'Cancel', role: 'cancel', // will always sort to be on the bottom icon: !this.platform.is('ios') ? 'close' : null, handler: () => { console.log('Cancel clicked'); } } ]}); actionSheet.present(); }
内容的提问来源于stack exchange,提问作者Riddhi Shah
相关产品推荐
相关产品推荐

