ionic:在哪里查看显示的控制台日志

Question

我是离子的新手我正在遵循离子框架文件来学习它.

这是我方法的代码:hello-ionic.ts

  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();
  }

代码工作正常.但我想知道console.log()印在哪里.任何人都可以帮助我吗？

Answer 1

要检查控制台日志,可以在以下命令后使用浏览器:

第1步:( $ionic serve将在localhost上运行你的app)

第2步:在你的应用程序运行的各自的浏览器(chrome,safari等...)中右键单击并按照下面的屏幕截图检查你的应用程序.

第3步:您将在右侧窗口和左侧的应用程序屏幕上看到包含HTML元素的窗口,您可以在其中检查右侧的设计代码.

第4步:在右侧窗口,您可以在顶部栏上找到"控制台"菜单选项.点击它,你将获得你的控制台,你找到你的应用程序日志或错误或警告哪些离子生成.

编辑:

对于real-device或emulator或genymotion控制台日志下面的步骤和屏幕截图检查.

步骤1:运行此命令以在实际设备或模拟器上运行您的应用程序

$ionic cordova run android

第2步:在设备或模拟器上成功启动应用程序转到Chrome浏览器并"右键单击"并单击"检查",您将进入浏览器底部的屏幕下方.

第3步:点击"远程设备"将显示连接的真实设备或模拟器列表.

从该设备列表中单击该设备名称右侧的"检查"按钮(检查屏幕截图相同)将打开带有您设备镜像的新窗口,现在所有控制台都是您的游戏围绕此调试器.

希望这可以帮助您调试您的应用程序.

Answer 2

如果您想在 ionic 应用程序（真实设备或模拟器）中获取实时控制台日志

ionic cordova run android --livereload  --consolelogs --serverlogs

Answer 3

您可以在使用模拟器进行调试时使用 chrome 检查来获取控制台日志。打开 chrome 并输入以下内容：

铬://检查:设备

您可以看到设备中列出的离子设备，您可以使用检查并检查console.logs，如本视频中所述