ionic:在哪里可以看到显示的控制台日志

2024-06-18

我是 ionic 新手,我正在关注离子框架文档 https://ionicframework.com/docs/api/components/action-sheet/ActionSheetController/去学习它。

这是我的方法的代码:你好-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()打印。有人能帮我吗?


要检查控制台日志,您可以使用浏览器并运行以下命令:

Step 1: $ionic serve(将在本地主机上运行您的应用程序)

Step 2: In your respective browser (chrome, safari, etc...) where your app is running Right + click and inspect your app as per below screenshot.

Step 3:您将在浏览器窗口的右侧和应用程序屏幕的左侧看到一个包含 HTML 元素的窗口。

Step 4:在右侧窗口的顶部栏上,您可以找到“控制台”菜单选项。单击该按钮,您将在控制台中找到您的应用程序logs or error or warning产生哪个离子。

EDIT: 真机或模拟器调试

去检查real-device or emulator or genymotion控制台日志遵循以下步骤和屏幕截图。

Step 1:运行此命令可在真实设备或模拟器上运行您的应用程序

$ionic cordova run android

Step 2: After successfully launch the app on device or emulator Go to Chrome browser and Right + click and click on "Inspect" and you will get below screen at bottom of your browser.

Step 3:点击“远程设备”将显示连接的真实设备或模拟器列表。

从该设备列表中单击“检查”该设备名称右侧的按钮(检查屏幕截图是否相同)将使用您的设备镜像打开一个新窗口,现在您可以使用此调试器来使用控制台。

希望这能帮助您调试您的应用程序。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ionic:在哪里可以看到显示的控制台日志 的相关文章

随机推荐