如何从代码后面的 Blazor WebAssembly 项目打开浏览器窗口/选项卡：

Question

我正在将 UWP 应用程序转换为托管 ASP.NET Core 的 Blazor WebAssembly。

我的标记代码位于 Index.razor 中，后面的代码位于 Index.razor.cs 中。

在 UWP 项目中，我通过 onclick 函数打开了一个浏览器窗口，如下所示：

var success = Windows.System.Launcher.LaunchUriAsync(targetPage);

我可以在 Blazor 项目 onclick 事件中使用什么，这不会导致“发生未处理的错误”？

Answer 1

您可以使用“window.open”函数打开选项卡：

@inject IJSRuntime JSRuntime;
....
await JSRuntime.InvokeAsync<string>("open", $"https://www.mysite/mypage", "_blank");

如果该页面位于您网站的内部，您可以使用基本 URI：

@inject NavigationManager Navigation
@inject IJSRuntime JSRuntime;
...
await JSRuntime.InvokeAsync<string>("open", $"{Navigation.BaseUri}/mypage", "_blank");

Answer 2

您可以使用以下方式

剃须刀文件

JSRuntime.InvokeVoidAsync("OpenWindow");

html文件

<script>
        function OpenWindow() {
            window.open('https://www.google.com', 'Test', 'width=800,height=860,scrollbars=no,toolbar=no,location=no');
            return false
        }
        </script>