Skip to content

Instantly share code, notes, and snippets.

@yunseop-kim

yunseop-kim/index.html

Created February 27, 2020 02:14
Show Gist options
  • Save yunseop-kim/0ed3643067fa27112de244ac4155fe55 to your computer and use it in GitHub Desktop.
Save yunseop-kim/0ed3643067fa27112de244ac4155fe55 to your computer and use it in GitHub Desktop.
Download ZIP
detect user's language
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<script
src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"
integrity="sha256-VeNaFBVDhoX3H+gJ37DpT/nTuZTdjYro9yBruHjVmoQ="
crossorigin="anonymous"
></script>
</head>
<body>
<script>
const supportedLang = [
{ code: "zh-TW", path: "/", identifier: "tw" },
{ code: "zh-HK", path: "/hk", identifier: "hk" },
{ code: "vi", path: "/vi", identifier: "vi" },
{ code: "en", path: "/en", identifier: "en" },
{ code: "jp", path: "/jp", identifier: "jp" },
{ code: "th", path: "/th", identifier: "th" }
];
const browserLanguages = (
navigator.languages || [navigator.language]
).map(lang => lang.toLowerCase());
const result = _.intersectionWith(
supportedLang,
browserLanguages,
(supported, browser) =>
_.isString(browser) && browser.includes(supported.identifier)
);
console.log(result);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment