Как я могу написать в консоль браузера через Blazor WebAssembly?

Question

В JavaScript мы можем использовать следующий вызов для записи отладочного вывода в консоль браузера:

console.log("My debug output.");

Вывод в Google Chrome:

Как записать «Мой вывод отладки» в моем компоненте в консоль браузера через Blazor WebAssembly?

<button @onclick="ClickEvent">OK</button>

@code {

    private void ClickEvent()
    {
        // console.log("My debug output.");
    }
}

Answer 1

Вы можете использовать ILogger<T>, который дает вам возможность написать предупреждение или ошибку в консоли:

@using using Microsoft.Extensions.Logging
@inject ILogger<MyComponent> _logger
...
@code {

     protected override void OnInitialized()
     {
          _logger.LogWarning("warning");
          _logger.LogError("error");
     }
}

Answer 2

Я обычно делаю что-то вроде этого:

Console.WriteLine("My debug output.");

Если это приложение сервера Blazor, я вижу сообщение в окне ввода, если это Blazor WebAssembly, я вижу сообщение в консоли браузера

Надеюсь, это поможет ...

Answer 3

Просто создайте переменную и измените ее, если у вас все работает .. например

<p>@message</p>
<button onclck=@Send></button>
@code {
   private string message = "Don`t work";

   public void Send()
{
  message = "working"
}
}

Надеюсь, это поможет ...