獲取瀏覽器語言有四種主要方法：navigator.language、navigator.languages、intl.datetimeformat().resolvedoptions().locale、以及accept-language http請求頭。1.navigator.language用于獲取用戶的首選語言，但僅返回第一個語言且需兼容舊瀏覽器；2.navigator.languages返回用戶所有偏好語言數組，但支持程度和順序可能不一致；3.intl.datetimeformat().resolvedoptions().locale基于國際化api更準確，但受操作系統影響；4.accept-language由服務器端讀取，適用于動態生成內容但依賴服務端處理。若JavaScript被禁用，只能通過服務端讀取accept-language或根據ip猜測位置。語言代碼不匹配時可截取前兩位或使用映射表處理。建議提供手動語言選擇器并保存用戶偏好以提升體驗。
獲取用戶瀏覽器語言，這事兒其實挺重要的，尤其是在做國際化項目的時候。直接影響到用戶體驗，畢竟誰都想看到自己熟悉的語言嘛。JS提供了幾種方法來檢測，各有優劣，選擇哪個，得看你的具體需求。
navigator.language、navigator.languages、Intl.DateTimeFormat().resolvedOptions().locale、以及Accept-Language HTTP請求頭。
如何使用navigator.language獲取瀏覽器語言？
navigator.language 是最直接的方法。它返回用戶的首選語言，通常是用戶在瀏覽器設置中選擇的第一個語言。
const language = navigator.language || navigator.userLanguage; // 兼容舊版本IE console.log(language); // 例如: "zh-CN"
這個方法簡單粗暴，但也有局限性。比如，用戶可能設置了多個語言，但你只能拿到第一個。而且，某些老舊瀏覽器可能不支持 navigator.language，需要使用 navigator.userLanguage 做兼容。
如何使用navigator.languages獲取瀏覽器語言列表？
navigator.languages 返回一個包含用戶所有偏好語言的數組。這個方法更全面，你可以根據用戶的偏好順序來選擇合適的語言。
const languages = navigator.languages; console.log(languages); // 例如: ["zh-CN", "zh", "en-US", "en"] if (languages && languages.length > 0) { const firstPreferredLanguage = languages[0]; console.log("用戶首選語言:", firstPreferredLanguage); }
這個方法的問題在于，不同瀏覽器對 navigator.languages 的支持程度可能不一樣。而且，數組的順序也可能受到瀏覽器設置的影響。
如何使用Intl.DateTimeFormat().resolvedOptions().locale獲取瀏覽器語言？
Intl.DateTimeFormat 是一個更現代化的方法，它利用國際化API來獲取用戶的語言環境。
const locale = Intl.DateTimeFormat().resolvedOptions().locale; console.log(locale); // 例如: "zh-CN"
這個方法的好處是，它更準確地反映了用戶的實際語言環境。但是，它可能會受到用戶操作系統設置的影響，而不僅僅是瀏覽器設置。
如何通過Accept-Language HTTP請求頭獲取瀏覽器語言？
Accept-Language 是瀏覽器發送給服務器的HTTP請求頭，它包含了用戶偏好的語言列表。你需要在服務器端讀取這個請求頭，然后根據用戶的偏好來返回相應的語言內容。
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
這個方法的好處是，你可以在服務器端根據用戶的偏好來動態生成內容。但是，你需要編寫服務器端代碼來處理這個請求頭。而且，如果用戶禁用了 Accept-Language 請求頭，你就無法獲取用戶的語言信息了。
總的來說，選擇哪種方法取決于你的具體需求。如果你只需要獲取用戶的首選語言，navigator.language 可能就足夠了。如果你需要更全面的語言信息，navigator.languages 或 Intl.DateTimeFormat 可能是更好的選擇。如果你需要在服務器端動態生成內容，Accept-Language 請求頭是必不可少的。
如何處理用戶禁用JavaScript的情況？
如果用戶禁用了JavaScript，以上所有基于JS的方法都將失效。這時，你只能依賴服務器端來獲取用戶的語言信息。最常用的方法是讀取 Accept-Language HTTP請求頭。如果用戶沒有發送 Accept-Language 請求頭，你可以根據用戶的IP地址來猜測用戶的地理位置，然后根據地理位置來選擇合適的語言。當然，這種方法并不準確，但總比什么都不做要好。
如何處理語言代碼不匹配的情況？
有時候，瀏覽器返回的語言代碼可能與你的應用程序支持的語言代碼不匹配。例如，瀏覽器可能返回 “zh-CN”，但你的應用程序只支持 “zh”。這時，你需要進行一些轉換。一種簡單的方法是截取語言代碼的前兩位，例如：
const language = navigator.language || navigator.userLanguage; const shortLanguage = language.substring(0, 2); // 例如: "zh"
另一種方法是使用一個語言代碼映射表，將瀏覽器返回的語言代碼映射到你的應用程序支持的語言代碼。
如何讓用戶手動選擇語言？
即使你已經自動檢測到了用戶的語言，最好還是讓用戶手動選擇語言。這樣可以給用戶更多的控制權，并且可以避免自動檢測出錯的情況。你可以在頁面上添加一個語言選擇器，讓用戶可以選擇自己喜歡的語言。當用戶選擇了一個新的語言時，你需要將用戶的選擇保存到Cookie或LocalStorage中，以便下次用戶訪問時自動加載用戶選擇的語言。
