получить часовой пояс клиента из браузера

Question

Есть ли надежный способ получить часовой пояс из клиентского браузера? Я видел следующие ссылки, но я хочу более надежное решение.

Автоопределение часового пояса с помощью JavaScript

Обнаружение часового пояса в JavaScript

Answer 1

Пол десятилетия спустя у нас есть встроенный способ для этого!Для современных браузеров я бы использовал:

const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
console.log(tz);

Возвращает строку часового пояса IANA, но не смещение .Подробнее читайте в справочнике MDN .

Таблица совместимости - по состоянию на март 2019 года работает для 90% браузеров, используемых по всему миру. Не работает в Internet Explorer .

Answer 2

Посмотрите на этот репозиторий pageloom это полезно

скачайте jstz.min.js и добавьте функцию на свою html-страницу

<script language="javascript">
    function getTimezoneName() {
        timezone = jstz.determine()
        return timezone.name();
    }
</script>

и вызовите эту функцию из вашего тега дисплея

Answer 3

Часто, когда люди ищут «часовые пояса», достаточно просто «смещение UTC». например, их сервер находится в UTC + 5, и они хотят знать, что их клиент работает в UTC-8 .

---

В простом старом javascript (new Date()).getTimezoneOffset()/60 вернет текущее количество часов смещения от UTC.

Стоит отметить возможную ошибку в знаке getTimezoneOffset() возвращаемого значения (из документов MDN) :

Смещение часового пояса - это разница в минутах между UTC и местным временем. Обратите внимание, что это означает, что смещение является положительным, если местный часовой пояс отстает от UTC, и отрицательным, если оно впереди. Например, для часового пояса UTC + 10: 00 (стандартное восточное время Австралии, время Владивостока, стандартное время Чаморро) будет возвращено -600.

---

Однако я рекомендую вам использовать day.js для кода Javascript, относящегося ко времени / дате. В этом случае вы можете получить смещение UTC в формате ISO 8601, выполнив:

> dayjs().format("Z")
"-08:00"

Вероятно, стоит упомянуть, что клиент может легко подделать эту информацию.

(Примечание: этот ответ первоначально рекомендовался https://momentjs.com/,, но Dayjs - более современная, меньшая альтернатива.)

Answer 4

На данный момент лучшей ставкой, вероятно, является jstz, как предложено в ответе mbayloon .

Для полноты следует отметить, что на его пути существует стандарт: Intl.Вы уже можете видеть это в Chrome:

> Intl.DateTimeFormat().resolved.timeZone
"America/Los_Angeles"

(на самом деле это не соответствует стандарту, что является еще одной причиной придерживаться библиотеки)

Answer 5

Вот это jsfiddle

Предоставляет сокращение текущего часового пояса пользователя.

Вот пример кода

var tz = jstz.determine();
console.log(tz.name());
console.log(moment.tz.zone(tz.name()).abbr(new Date().getTime()));

Answer 6

Вы можете использовать момент-часовой пояс , чтобы угадать часовой пояс:

> moment.tz.guess()
"America/Asuncion"

Answer 7

Я использовал подход, аналогичный , который использовал Джош Фрейзер , который определяет смещение времени браузера от UTC и определяет, распознает ли он летнее время или нет (но несколько упрощенно из его кода):

var ClientTZ = {
    UTCoffset:  0,          // Browser time offset from UTC in minutes
    UTCoffsetT: '+0000S',   // Browser time offset from UTC in '±hhmmD' form
    hasDST:     false,      // Browser time observes DST

    // Determine browser's timezone and DST
    getBrowserTZ: function () {
        var self = ClientTZ;

        // Determine UTC time offset
        var now = new Date();
        var date1 = new Date(now.getFullYear(), 1-1, 1, 0, 0, 0, 0);    // Jan
        var diff1 = -date1.getTimezoneOffset();
        self.UTCoffset = diff1;

        // Determine DST use
        var date2 = new Date(now.getFullYear(), 6-1, 1, 0, 0, 0, 0);    // Jun
        var diff2 = -date2.getTimezoneOffset();
        if (diff1 != diff2) {
            self.hasDST = true;
            if (diff1 - diff2 >= 0)
                self.UTCoffset = diff2;     // East of GMT
        }

        // Convert UTC offset to ±hhmmD form
        diff2 = (diff1 < 0 ? -diff1 : diff1) / 60;
        var hr = Math.floor(diff2);
        var min = diff2 - hr;
        diff2 = hr * 100 + min * 60;
        self.UTCoffsetT = (diff1 < 0 ? '-' : '+') + (hr < 10 ? '0' : '') + diff2.toString() + (self.hasDST ? 'D' : 'S');

        return self.UTCoffset;
    }
};

// Onload
ClientTZ.getBrowserTZ();

После загрузки выполняется функция ClientTZ.getBrowserTZ(), которая устанавливает:

• ClientTZ.UTCoffset к смещению времени браузера от UTC в минутах (например, CST составляет -360 минут, что на -6,0 часа от UTC);
• ClientTZ.UTCoffsetT к смещению в форме '±hhmmD' (например, '-0600D'), где суффикс равен D для летнего времени и S для стандартного (не летнего времени);
• ClientTZ.hasDST (истина или ложь).

ClientTZ.UTCoffset предоставляется в минутах, а не в часах, поскольку некоторые часовые пояса имеют дробные часовые смещения (например, +0415).

Цель ClientTZ.UTCoffsetT - использовать его в качестве ключа в таблице часовых поясов (здесь не приводится), например, в раскрывающемся списке <select>.

Answer 8

Нет.Нет единого надежного пути, и никогда не будет.Вы действительно думаете, что можете доверять клиенту?