Search code examples
c#signalrblazor

How can I open a new window without using JS

In blazor i use NavigationManager.NavigateTo(url)in order to change window location, but how can I use it to open a new tab with a specified URL without having to invoke JS on OnAfterRenderAsync()

Solution

  • As of 1 of June 2022 there is no way of currently doing it directly with pure Blazor, you'll need to use JSInterop. Luckily this is easy enough to do. At the top of your .razor file add

    @inject IJSRuntime JSRuntime;

    And then use it like so

    await JSRuntime.InvokeAsync<object>("open", url, "_blank");

    Note that the IJSRuntime interface itself only provides a InvokeAsync<TValue> method, the JSRuntimeExtensions class provides an extension method for IJSRuntime to directly invoke a method without a return value: InvokeVoidAsync

    await JSRuntime.InvokeVoidAsync("open", url, "_blank");