在Blazor Webassembly /客户端应用中获得浏览器文化的更好方法

时间:2019-12-12 17:48:08

标签: blazor cultureinfo webassembly blazor-client-side currentculture

我知道如何通过将HTTPContext与IRequestCultureFeature结合使用来获取Blazor服务器应用程序的当前区域性信息。在Blazor Webassembly(wasm)/客户端应用程序中,还有什么更好的方法来获取当前的浏览器文化?

2 个答案:

答案 0 :(得分:1)

当前客户端大小Blazor无法获得文化数据,因为webassembly上的mono尚未实现(至今-在github上进行了跟踪。)

据我所知,最好的选择是能够使用javascript找到它,然后使用JsInterop将其发送到Blazor。

在脚本标签的索引页面中,类似这样的入门步骤:

window.getCulture = function () {
    return (navigator.languages && navigator.languages.length) ? navigator.languages[0] : 
    navigator.userLanguage || navigator.language || navigator.browserLanguage || 'en';
}

然后在Blazor:

@page "/"
@inject IJSRuntime JSRuntime

@code{
    protected override async Task OnInitializedAsync()
    {
        var browserLocale = await JSRuntime.InvokeAsync<string>("getCulture");
        Console.WriteLine(browserLocale);
    }
}

然后检查控制台窗口,您将看到打印的区域性。

编辑:实际上有人为此制作了一个开源软件包,可能更易于使用: https://github.com/Blazored/Localisation
https://www.nuget.org/packages/Blazored.Localisation/

答案 1 :(得分:1)

您可以使用JSInterop请求浏览器语言:

window.browserJsFunctions = {
    getLanguage: () => {
        return navigator.language || navigator.userLanguage;
    },
    getBrowserTimeZoneOffset: () => {
        return new Date().getTimezoneOffset();
    },
    getBrowserTimeZoneIdentifier: () => {
        return Intl.DateTimeFormat().resolvedOptions().timeZone;
    },
};
@inject IJSRuntime _jsRuntime
@code {
        string _cultureName;

        protected override async Task OnAfterRenderAsync(bool firstRender)
        {
            if (firstRender)
            {
                _cultureName = await _jsRuntime.InvokeAsync<string>("browserJsFunctions.getLanguage");
            }
        }
}