Greasy Fork

Greasy Fork is available in English.

Vercel 汉化脚本 - 中文化界面

将 Vercel 界面翻译为中文。采用逻辑与词库分离设计,修复 React Hydration Error #418。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Vercel 汉化脚本 - 中文化界面
// @namespace    http://tampermonkey.net/
// @version      0.2.1
// @description  将 Vercel 界面翻译为中文。采用逻辑与词库分离设计,修复 React Hydration Error #418。
// @author       YourName
// @match        *://vercel.com/*
// @match        *://*.vercel.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=vercel.com
// @require      https://update.greasyfork.icu/scripts/564230/Vercel-i18n-Data.js
// @grant        none
// @run-at       document-idle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 从词库库脚本中获取数据
    const i18n = window.VERCEL_I18N_DATA || {};

    const blacklist = ['CODE', 'PRE', 'SCRIPT', 'STYLE', 'TEXTAREA', 'INPUT'];
    const blacklistClasses = ['geist-code', 'monaco-editor', 'shiki'];

    function translate(node) {
        if (node.nodeType === Node.TEXT_NODE) {
            const text = node.nodeValue.trim();
            if (i18n[text]) {
                node.nodeValue = node.nodeValue.replace(text, i18n[text]);
            }
        } else if (node.nodeType === Node.ELEMENT_NODE) {
            if (blacklist.includes(node.tagName)) return;
            if (node.classList && Array.from(node.classList).some(cls => blacklistClasses.includes(cls))) return;

            node.childNodes.forEach(translate);

            if (node.placeholder && i18n[node.placeholder]) {
                node.placeholder = i18n[node.placeholder];
            }
            if (node.getAttribute('aria-label') && i18n[node.getAttribute('aria-label')]) {
                node.setAttribute('aria-label', i18n[node.getAttribute('aria-label')]);
            }
        }
    }

    function init() {
        console.log("Vercel 汉化:检测到词库,开始翻译...");
        const observer = new MutationObserver((mutations) => {
            for (let mutation of mutations) {
                mutation.addedNodes.forEach(translate);
            }
        });

        observer.observe(document.body, {
            childList: true,
            subtree: true
        });

        translate(document.body);
    }

    // 延迟 2.5 秒以确保 Next.js/React 完成水合,彻底避免 #418 错误
    setTimeout(() => {
        if (Object.keys(i18n).length === 0) {
            console.error("Vercel 汉化:词库加载失败,请检查脚本引用的 @require 链接是否正常。");
        } else {
            init();
        }
    }, 2500);

})();