web-dev-qa-db-ja.com

Blazor WebAssemblyを使用してブラウザーのコンソールに書き込む方法を教えてください。

JavaScriptでは、次の呼び出しを使用して、デバッグ出力をブラウザーのコンソールに書き込むことができます。

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

Google Chromeでの出力:

console output in google chrome

コンポーネントの「デバッグ出力」をBlazor WebAssembly経由でブラウザーのコンソールに記録するにはどうすればよいですか?

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

@code {

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

私は通常次のようなことをします:

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

Blazor Server Appの場合は入力ウィンドウにメッセージが表示され、Blazor WebAssemblyの場合はブラウザのコンソールにメッセージが表示されます

お役に立てれば...

3
enet

ILogger<T>これにより、コンソールに警告またはエラーを書き込む可能性があります。

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

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


4
agua from mars

変数を作成し、問題がなければ変更します。たとえば

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

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

それが役に立てば幸い...

1
Tintoretto