Ακριβής-Προβολέας-Χρόνου-Για-Instagram

Μετατρέπει τα χρονικά στοιχεία του Instagram στην τοπική ζώνη ώρας στη μορφή της τοπικής ζώνης ώρας του χρήστη με προσθήκη πληροφοριών ζώνης ώρας.
Εγκατάσταση αυτού του κώδικα Βοήθεια
Κάντε μια ερώτηση, δημοσιεύστε μια ανασκόπηση, ή αναφέρετε τον κώδικα.
Αναδίπλωση γραμμών
// ==UserScript==
// @name         Exact-Time-Viewer-For-Instagram
// @description  Converts Instagram time elements to local time zone in user's local time zone format with time zone info added.
// @name:ar      عارض-الوقت-الدقيق-لإنستغرام
// @description:ar  يحول عناصر وقت إنستغرام إلى المنطقة الزمنية المحلية بتنسيق المنطقة الزمنية المحلية للمستخدم مع إضافة معلومات المنطقة الزمنية.
// @name:bg      Точен-Преглед-на-Време-за-Инстаграм
// @description:bg  Преобразува елементите за време в Инстаграм в местната часова зона във формата на местната часова зона на потребителя с добавена информация за часовата зона.
// @name:cs      Přesný-Zobrazovač-Času-Pro-Instagram
// @description:cs  Převádí časové prvky Instagramu do místního časového pásma ve formátu místního časového pásma uživatele s přidanými informacemi o časovém pásmu.
// @name:da      Nøjagtig-Tidsviser-Til-Instagram
// @description:da  Konverterer Instagram-tidselementer til lokal tidszone i brugerens lokale tidszoneformat med tilføjede tidszoneoplysninger.
// @name:de      Genaue-Zeit-Anzeige-Für-Instagram
// @description:de  Wandelt Instagram-Zeitelemente in die lokale Zeitzone im Format der lokalen Zeitzone des Benutzers um und fügt Zeitzoneninformationen hinzu.
// @name:el      Ακριβής-Προβολέας-Χρόνου-Για-Instagram
// @description:el  Μετατρέπει τα χρονικά στοιχεία του Instagram στην τοπική ζώνη ώρας στη μορφή της τοπικής ζώνης ώρας του χρήστη με προσθήκη πληροφοριών ζώνης ώρας.
// @name:en      Exact-Time-Viewer-For-Instagram
// @description:en  Converts Instagram time elements to local time zone in user's local time zone format with time zone info added.
// @name:eo      Ekzakta-Tempo-Vidilo-Por-Instagram
// @description:eo  Konvertas Instagram-tempajn elementojn al loka horzono en la loka horzona formato de la uzanto kun aldonitaj horzonaj informoj.
// @name:es      Visor-de-Tiempo-Exacto-Para-Instagram
// @description:es  Convierte los elementos de tiempo de Instagram a la zona horaria local en el formato de la zona horaria local del usuario con información de zona horaria añadida.
// @name:fi      Tarkka-Aikanäkymä-Instagramille
// @description:fi  Muuntaa Instagramin aikaelementit paikalliseen aikavyöhykkeeseen käyttäjän paikallisessa aikavyöhykeformaatissa lisättyjen aikavyöhyketietojen kera.
// @name:fr      Visionneur-de-Temps-Exact-Pour-Instagram
// @description:fr  Convertit les éléments de temps d'Instagram en fuseau horaire local dans le format du fuseau horaire local de l'utilisateur avec des informations de fuseau horaire ajoutées.
// @name:fr-CA   Visionneur-de-Temps-Précis-Pour-Instagram
// @description:fr-CA  Convertit les éléments temporels d'Instagram au fuseau horaire local dans le format du fuseau horaire local de l'utilisateur avec des infos de fuseau horaire ajoutées.
// @name:he      צופה-זמן-מדויק-לאינסטגרם
// @description:he  ממיר את רכיבי הזמן של אינסטגרם לאזור הזמן המקומי בפורמט אזור הזמן המקומי של המשתמש עם מידע נוסף על אזור הזמן.
// @name:hr      Točni-Prikazivač-Vremena-Za-Instagram
// @description:hr  Pretvara vremenske elemente Instagrama u lokalnu vremensku zonu u formatu lokalne vremenske zone korisnika s dodanim informacijama o vremenskoj zoni.
// @name:hu      Pontos-Idő-Néző-Az-Instagramhoz
// @description:hu  Az Instagram időelemeit a helyi időzónába konvertálja a felhasználó helyi időzóna formátumában, időzóna-információval kiegészítve.
// @name:id      Penampil-Waktu-Tepat-Untuk-Instagram
// @description:id  Mengonversi elemen waktu Instagram ke zona waktu lokal dalam format zona waktu lokal pengguna dengan informasi zona waktu ditambahkan.
// @name:it      Visualizzatore-di-Tempo-Esatto-Per-Instagram
// @description:it  Converte gli elementi temporali di Instagram nel fuso orario locale nel formato del fuso orario locale dell'utente con informazioni sul fuso orario aggiunte.
// @name:ja      インスタグラム用正確時間ビューア
// @description:ja  インスタグラムの時間要素をユーザーのローカルタイムゾーンフォーマットでローカルタイムゾーンに変換し、タイムゾーン情報を追加します。
// @name:ka      ზუსტი-დროის-მაჩვენებელი-ინსტაგრამისთვის
// @description:ka  გარდაქმნის ინსტაგრამის დროის ელემენტებს ადგილობრივ დროის სარტყელში მომხმარებლის ადგილობრივი დროის სარტყლის ფორმატში, დროის სარტყლის ინფორმაციის დამატებით.
// @name:ko      인스타그램용-정확한-시간-뷰어
// @description:ko  인스타그램 시간 요소를 사용자의 로컬 시간대 형식으로 로컬 시간대에 변환하고 시간대 정보를 추가합니다.
// @name:nb      Nøyaktig-Tidsviser-For-Instagram
// @description:nb  Konverterer Instagram-tidselementer til lokal tidssone i brukerens lokale tidssoneformat med tidssoneinformasjon lagt til.
// @name:nl      Exacte-Tijd-Weergever-Voor-Instagram
// @description:nl  Converteert Instagram-tijdelementen naar lokale tijdzone in het lokale tijdzoneformaat van de gebruiker met toegevoegde tijdzone-informatie.
// @name:pl      Dokładny-Wyświetlacz-Czasu-Dla-Instagrama
// @description:pl  Konwertuje elementy czasu Instagrama na lokalną strefę czasową w formacie lokalnej strefy czasowej użytkownika z dodanymi informacjami o strefie czasowej.
// @name:pt-BR   Visualizador-de-Tempo-Exato-Para-Instagram
// @description:pt-BR  Converte elementos de tempo do Instagram para o fuso horário local no formato do fuso horário local do usuário com informações de fuso horário adicionadas.
// @name:ro      Vizualizator-de-Timp-Exact-Pentru-Instagram
// @description:ro  Convertește elementele de timp ale Instagram în fusul orar local în formatul fusului orar local al utilizatorului, cu informații despre fusul orar adăugate.
// @name:ru      Точный-Просмотрщик-Времени-Для-Инстаграма
// @description:ru  Преобразует временные элементы Instagram в местный часовой пояс в формате местного часового пояса пользователя с добавленной информацией о часовом поясе.
// @name:sk      Presný-Zobrazovač-Času-Pre-Instagram
// @description:sk  Premieňa časové prvky Instagramu na miestnu časovú zónu vo formáte miestnej časovej zóny používateľa s pridanými informáciami o časovej zóne.
// @name:sr      Тачан-Прегледач-Времена-За-Инстаграм
// @description:sr  Претвара временске елементе Инстаграма у локалну временску зону у формату локалне временске зоне корисника са додатим информацијама о временској зони.
// @name:sv      Exakt-Tidsvisare-För-Instagram
// @description:sv  Konverterar Instagram-tidelement till lokal tidszon i användarens lokala tidszonsformat med tidszonsinformation tillagd.
// @name:th      ตัวแสดงเวลาแม่นยำสำหรับอินสตาแกรม
// @description:th  แปลงองค์ประกอบเวลาของอินสตาแกรมเป็นเขตเวลาท้องถิ่นในรูปแบบเขตเวลาท้องถิ่นของผู้ใช้พร้อมข้อมูลเขตเวลาเพิ่มเติม.
// @name:tr      Instagram-İçin-Kesin-Zaman-Görüntüleyici
// @description:tr  Instagram zaman öğelerini kullanıcının yerel saat dilimi formatında yerel saat dilimine dönüştürür ve saat dilimi bilgisi ekler.
// @name:ug      Instagram-ئۈچۈن-ئېنىق-ۋاقىت-كۆرگۈچى
// @description:ug  Instagram ۋاقىت ئېلېمېنتلىرىنى ئىشلەتكۈچىنىڭ يەرلىك ۋاقىت رايونى فورماتىدا يەرلىك ۋاقىت رايونىغا ئايلاندۇرىدۇ ۋە ۋاقىت رايونى ئۇچۇرى قوشىدۇ.
// @name:uk      Точний-Переглядач-Часу-Для-Інстаграма
// @description:uk  Перетворює часові елементи Instagram на місцевий часовий пояс у форматі місцевого часового поясу користувача з додаванням інформації про часовий пояс.
// @name:vi      Trình-Xem-Giờ-Chính-Xác-Cho-Instagram
// @description:vi  Chuyển đổi các yếu tố thời gian của Instagram sang múi giờ địa phương theo định dạng múi giờ địa phương của người dùng với thông tin múi giờ được thêm vào.
// @name:zh      Instagram精确时间查看器
// @description:zh  将Instagram时间元素转换为用户本地时区格式的本地时区，并添加时区信息。
// @name:zh-CN   Instagram精确时间查看器
// @description:zh-CN  将Instagram时间元素转换为用户本地时区格式的本地时区，并添加时区信息。
// @name:zh-HK   Instagram精確時間檢視器
// @description:zh-HK  將Instagram時間元素轉換為用戶本地時區格式嘅本地時區，並添加時區資訊。
// @name:zh-SG   Instagram精确时间查看器
// @description:zh-SG  将Instagram时间元素转换为用户本地时区格式的本地时区，并添加时区信息。
// @name:zh-TW   Instagram精確時間檢視器
// @description:zh-TW  將Instagram時間元素轉換為使用者本地時區格式的本地時區，並新增時區資訊。
// @namespace    http://tampermonkey.net/
// @version      1.1.3.4
// @match        *://*.instagram.com/*
// @icon         https://static.cdninstagram.com/rsrc.php/v4/yI/r/VsNE-OHk_8a.png
// @author       aspen138
// @grant        GM_registerMenuCommand
// @grant        GM_unregisterMenuCommand
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_notification
// @grant        GM_info
// @grant        window.onurlchange
// @license      MIT
// ==/UserScript==
 
// Port the chrome extension `Exact-Time-Viewer-For-Instagram` to tampermonkey script
// reference: https://github.com/ehmorris/Exact-Time-Viewer-For-Instagram
 
 
 
 
// ↓↓↓↓↓↓↓↓↓模板，建议直接复制 //
 
// 自定义 urlchange 事件（用来监听 URL 变化）
function addUrlChangeEvent() {
    history.pushState = (f => function pushState() {
        var ret = f.apply(this, arguments);
        window.dispatchEvent(new Event('pushstate'));
        window.dispatchEvent(new Event('urlchange'));
        return ret;
    })(history.pushState);
 
    history.replaceState = (f => function replaceState() {
        var ret = f.apply(this, arguments);
        window.dispatchEvent(new Event('replacestate'));
        window.dispatchEvent(new Event('urlchange'));
        return ret;
    })(history.replaceState);
 
    window.addEventListener('popstate', () => {
        window.dispatchEvent(new Event('urlchange'))
    });
}
 
 
var menu_ALL = [
        ['menu_isEnableDirectlyShowExactTime', 'Directly Show Exact Time', 'Directly Show Exact Time', true]
    ],
    menu_ID = [];
for (let i = 0; i < menu_ALL.length; i++) { // 如果读取到的值为 null 就写入默认值
    if (GM_getValue(menu_ALL[i][0]) == null) {
        GM_setValue(menu_ALL[i][0], menu_ALL[i][3])
    };
}
 
 
// 注册脚本菜单
function registerMenuCommand() {
    if (menu_ID.length >= menu_ALL.length) { // 如果菜单ID数组长度大于等于菜单数组长度，说明不是首次添加菜单，需要卸载所有脚本菜单
        for (let i = 0; i < menu_ID.length; i++) {
            GM_unregisterMenuCommand(menu_ID[i]);
        }
    }
    for (let i = 0; i < menu_ALL.length; i++) { // 循环注册脚本菜单
        menu_ALL[i][3] = GM_getValue(menu_ALL[i][0]);
        menu_ID[i] = GM_registerMenuCommand(`${menu_ALL[i][3]?'✅':'❌'} ${menu_ALL[i][1]}`, function() {
            menu_switch(`${menu_ALL[i][3]}`, `${menu_ALL[i][0]}`, `${menu_ALL[i][2]}`)
        });
    }
}
 
 
// 菜单开关
function menu_switch(menu_status, Name, Tips) {
    if (menu_status == 'true') {
        GM_setValue(`${Name}`, false);
        GM_notification({
            text: `已关闭 [${Tips}] 功能\n（点击刷新网页后生效）`,
            timeout: 3500,
            onclick: function() {
                location.reload();
            }
        });
    } else {
        GM_setValue(`${Name}`, true);
        GM_notification({
            text: `已开启 [${Tips}] 功能\n（点击刷新网页后生效）`,
            timeout: 3500,
            onclick: function() {
                location.reload();
            }
        });
    }
    registerMenuCommand(); // 重新注册脚本菜单
};
 
 
// 返回菜单值
function menu_value(menuName) {
    for (let menu of menu_ALL) {
        if (menu[0] == menuName) {
            return menu[3]
        }
    }
}
 
for (let i = 0; i < menu_ALL.length; i++) { // 如果读取到的值为 null 就写入默认值
    if (GM_getValue(menu_ALL[i][0]) == null) {
        GM_setValue(menu_ALL[i][0], menu_ALL[i][3])
    };
}
registerMenuCommand();
if (window.onurlchange === undefined) {
    addUrlChangeEvent();
} // Tampermonkey v4.11 版本添加的 onurlchange 事件 grant，可以监控 pjax 等网页的 URL 变化
 
// ↑↑↑↑↑↑↑↑↑↑↑↑模板，建议直接复制 //
 
 
 
 
if (GM_getValue('menu_isEnableDirectlyShowExactTime', true)) {
    (function() {
        'use strict';
 
        const processedElements = new WeakSet();
 
        function formatDate(datetime) {
            const dateObject = new Date(datetime);
            const time = dateObject.toLocaleTimeString();
            const dayOfWeek = dateObject.toLocaleDateString(undefined, { weekday: 'long' });
            const date = dateObject.toLocaleDateString();
            const localTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
            return `${time}, ${dayOfWeek} ${date} (in the ${localTimeZone} time zone)`;
            // return `${time}, ${dayOfWeek} ${date}`;
        }
 
        function processTimeElement(element) {
            if (!processedElements.has(element)) {
                const datetime = element.getAttribute('datetime');
                if (datetime) {
                    const formattedDate = formatDate(datetime);
 
                    // Store the original content as a data attribute
                    const originalContent = element.innerHTML;
                    element.setAttribute('data-original-content', originalContent);
 
                    // Directly replace the content with the formatted date
                    element.innerHTML = formattedDate;
 
                    processedElements.add(element);
                }
            }
        }
 
        function processTimeElements(root) {
            const timeElements = root.querySelectorAll('time[datetime]');
            timeElements.forEach(element => {
                processTimeElement(element);
            });
        }
 
        // Process existing <time> elements on the page
        processTimeElements(document);
 
        // Observe for future <time> elements added to the DOM
        const observer = new MutationObserver(mutations => {
            mutations.forEach(mutation => {
                mutation.addedNodes.forEach(node => {
                    if (node.nodeType === 1) { // Node.ELEMENT_NODE
                        if (node.tagName && node.tagName.toUpperCase() === 'TIME') {
                            processTimeElement(node);
                        } else {
                            processTimeElements(node);
                        }
                    }
                });
            });
        });
 
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
 
    })();
} else {
    (function() {
        'use strict';
 
        const processedElements = new WeakSet();
 
        function formatDate(datetime) {
            const dateObject = new Date(datetime);
            const time = dateObject.toLocaleTimeString();
            const dayOfWeek = dateObject.toLocaleDateString(undefined, { weekday: 'long' });
            const date = dateObject.toLocaleDateString();
            const localTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
            return `${time}, ${dayOfWeek} ${date} (in the ${localTimeZone} time zone)`;
            // return `${time}, ${dayOfWeek} ${date}`;
        }
 
        function processTimeElement(element) {
            if (!processedElements.has(element)) {
                const datetime = element.getAttribute('datetime');
                if (datetime) {
                    const formattedDate = formatDate(datetime);
                    const originalContent = element.innerHTML;
 
                    // Store the original content as a data attribute
                    element.setAttribute('data-original-content', originalContent);
 
                    // Add event listeners for hover and leave
                    element.addEventListener('mouseover', () => {
                        element.innerHTML = formattedDate;
                    });
 
                    element.addEventListener('mouseleave', () => {
                        element.innerHTML = originalContent;
                    });
 
                    processedElements.add(element);
                }
            }
        }
 
        function processTimeElements(root) {
            const timeElements = root.querySelectorAll('time[datetime]');
            timeElements.forEach(element => {
                processTimeElement(element);
            });
        }
 
        // Process existing <time> elements on the page
        processTimeElements(document);
 
        // Observe for future <time> elements added to the DOM
        const observer = new MutationObserver(mutations => {
            mutations.forEach(mutation => {
                mutation.addedNodes.forEach(node => {
                    if (node.nodeType === 1) { // Node.ELEMENT_NODE
                        if (node.tagName && node.tagName.toUpperCase() === 'TIME') {
                            processTimeElement(node);
                        } else {
                            processTimeElements(node);
                        }
                    }
                });
            });
        });
 
        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
 
    })();
}