可以使用Blazor WebAssembly中的WebAssembly.JSInterOp库来实现此目的。首先，将以下代码添加到Blazor中的程序中：

@inject IJSRuntime JSRuntime;

@code {
    private string userName;
    private string preferredUserName;

    protected override async Task OnInitializedAsync()
    {
        userName = await JSRuntime.InvokeAsync("eval", "window.localStorage.getItem('username')");
        preferredUserName = await JSRuntime.InvokeAsync("eval", "window.localStorage.getItem('preferred_username')");
    }
}

然后，您可以在需要使用用户名的自定义方法中调用“userName”或“preferredUserName”属性。

在上面的示例中，我们使用localStorage保存“username”和“preferred_username”。此方法也可以适用于从任何其他源获取登录名和首选用户名的情况。