Локализация в веб-приложении с использованием JavaScript и JSON

Я пытаюсь настроить сценарий для автоматической локализации веб-приложения. Поскольку веб-приложение предназначено для использования возможности автономного кэширования HTML5, оно должно работать в автономном режиме. Таким образом, мне кажется, что JavaScript - лучший вариант.

Я бы предпочел поместить все строки для всех локализаций в один файл JSON следующим образом:

{
    "en": {
        "application_description": "This is the application's description in English.",
        "application_name": "This is the application's name in English."
    },
    "ja": {
        "application_description": "This is the application's description in Japanese.",
        "application_name": "This is the application's name in Japanese."
    }
}

Я подумал, может быть, дать всем элементам, которые будут локализованы, настраиваемый атрибут, связанный с предполагаемым сообщением (например: i18n = "имя_приложения").

Я могу узнать язык браузера с помощью navigator.language , хотя я думаю, что некоторые результаты придется разделить только на их первую часть (например: «en-US», «en-GB» и « en-AU "должно все ссылаться на" en ").

Однако мои знания JavaScript являются базовыми, и, хотя я думал об этом, я не могу определить, как на самом деле это реализовать.

Большое спасибо всем, кто может дать какие-либо советы или примеры!