在 Blazor 网页程序集/客户端应用中获取浏览器区域性的更好方法

Question

我知道如何通过将 HTTPContext 与 IRequestCultureFeature 一起使用来获取 Blazor 服务器应用的当前区域性信息。是否有更好的方法可以在 Blazor 网页程序集 (wasm(/客户端应用中获取当前浏览器文化？

Answer 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';
}

然后在布雷佐：

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

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

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

编辑 2：Blazored.Localisation 已弃用，您可以使用 Blazored.LocalStorage 代替： https://github.com/Blazored/LocalStorage
https://www.nuget.org/packages/Blazored.LocalStorage/

Answer 2

您可以使用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");
}
}
}