首帧即中文：抢占 Cookie + 并行脚本 + 幽灵渲染 + 启发式完成检测。
// ==UserScript==
// @name Phantom-Render 0-ms Translate (CN)
// @namespace BlackHat.Tech/PhantomRender
// @version 1.0
// @description 首帧即中文：抢占 Cookie + 并行脚本 + 幽灵渲染 + 启发式完成检测。
// @author
// @match *://*/*
// @run-at document-start
// @grant none
// ==/UserScript==
(() => {
/* 0 · 若本身含大量中文直接退出 */
const zh = /[\u4e00-\u9fff]/;
if ( zh.test(document.title) ||
zh.test((document.documentElement.innerText||'').slice(0,4096)) ) return;
/* 1 · 抢占：写 googtrans，欺骗服务器"必须中文" */
const LANG = '/auto/zh-CN';
document.cookie = `googtrans=${LANG};path=/;max-age=63072000`;
localStorage.googtrans = LANG;
sessionStorage.googtrans = LANG;
/* 2 · 基础占位 + CSS 隐身，避免英文闪烁 */
document.head.insertAdjacentHTML('afterbegin', `
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<link rel="dns-prefetch" href="//translate.google.com">
<link rel="preconnect" href="https://translate.google.com" crossorigin>
<link rel="dns-prefetch" href="//translate.googleapis.com">
<link rel="preconnect" href="https://translate.googleapis.com" crossorigin>
<style id="phantom-css">
body{visibility:hidden!important;opacity:0!important;
transition:opacity .3s;top:0!important}
body.phantom-show{visibility:visible!important;opacity:1!important}
.skiptranslate,#google_translate_element,
.goog-te-banner-frame,.goog-te-balloon-frame,
.goog-logo-link,.goog-te-gadget span{display:none!important}
/* 保留 Markdown 链接原始颜色 */
a font[color] {
color: inherit !important;
}
.markdown-body a font,
.markdown a font,
[class*="markdown"] a font,
article a font,
.content a font,
.post a font,
.article-content a font,
main a font {
color: inherit !important;
}
a {
color: revert !important;
}
.markdown-body a,
.markdown a,
[class*="markdown"] a,
article a,
.content a,
.post a,
.article-content a,
main a {
color: revert !important;
}
</style>
`);
const phDiv = document.createElement('div');
phDiv.id = 'google_translate_element';
phDiv.style.display='none';
document.documentElement.appendChild(phDiv);
/* 3 · Google 回调 */
window.__phInit = () => new google.translate.TranslateElement({
pageLanguage:'auto',
includedLanguages:'zh-CN',
autoDisplay:true,
layout:google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
/* 4 · 并行拉脚本（带缓存）*/
const SRC = 'https://translate.google.com/translate_a/element.js?cb=__phInit';
const sc = document.createElement('script');
sc.src = SRC;
sc.defer = sc.async = true;
document.head.appendChild(sc);
/* 5 · 启发式"翻译完成"检测 + Reveal */
const reveal = () => {
document.body.classList.add('phantom-show');
addRestoreBtn();
fixLinkColors();
obs && obs.disconnect();
};
let timer, obs;
const waitBody = new MutationObserver((m, o)=>{
if(!document.body) return;
o.disconnect();
obs = new MutationObserver(()=>{
clearTimeout(timer);
timer = setTimeout(reveal, 250); // 250 ms 静默：判定完成
});
obs.observe(document.body,{childList:true,subtree:true,characterData:true});
setTimeout(reveal, 5000); // 5 s 保险
});
waitBody.observe(document.documentElement,{childList:true,subtree:true});
/* 修复链接颜色 */
function fixLinkColors() {
// 移除 Google 翻译添加的 font 标签的 color 属性
const fonts = document.querySelectorAll('a font[color]');
fonts.forEach(font => {
font.removeAttribute('color');
});
}
/* 6 · 恢复原文按钮 */
function addRestoreBtn(){
const btn = document.createElement('div');
btn.textContent='原文';
Object.assign(btn.style,{
position:'fixed',right:'20px',bottom:'28px',padding:'6px 14px',
background:'#ff4d4f',color:'#fff',borderRadius:'6px',
fontSize:'13px',fontFamily:'sans-serif',cursor:'pointer',
zIndex:'2147483647',userSelect:'none',opacity:0.6,
boxShadow:'0 2px 6px rgba(0,0,0,.25)',transition:'opacity .2s'
});
btn.onmouseenter=()=>btn.style.opacity=1;
btn.onmouseleave=()=>btn.style.opacity=0.6;
btn.onclick=()=>{
/* 清 cookie → 刷新即回英文；再次点击可再翻译 */
const exp='Thu, 01 Jan 1970 00:00:00 GMT';
document.cookie=`googtrans=;expires=${exp};path=/;`;
localStorage.removeItem('googtrans');
sessionStorage.removeItem('googtrans');
location.reload();
};
document.body.appendChild(btn);
}
})();