检测并导航到 Reddit 的中文翻译帖子。自动检查 Reddit 帖子是否支持切换参数，并提供一键切换功能。
// ==UserScript==
// @name Reddit Chinese Translation Detector
// @name:zh-CN Reddit 中文翻译检测器
// @name:zh-TW Reddit 中文翻譯檢測器
// @namespace https://greasyfork.org/zh-CN/scripts/543406-reddit-chinese-translation-detector
// @version 1.3.3
// @description Detect and navigate to Chinese translated Reddit posts. Automatically checks if Reddit posts support ?tl=zh-hans parameter and provides one-click switching.
// @description:zh-CN 检测并导航到 Reddit 的中文翻译帖子。自动检查 Reddit 帖子是否支持切换参数，并提供一键切换功能。
// @description:zh-TW 檢測並導航到 Reddit 的中文翻譯貼文。自動檢查 Reddit 貼文是否支援切換參數，並提供一鍵切換功能。
// @author Will
// @match https://www.reddit.com/*
// @exclude https://www.reddit.com/login*
// @exclude https://www.reddit.com/register*
// @grant GM_xmlhttpRequest
// @connect www.reddit.com
// @license MIT
// @homepage https://github.com/jwq2011/TamperMonkey-Scripts
// @supportURL https://github.com/jwq2011/TamperMonkey-Scripts/issues
// @run-at document-end
// ==/UserScript==
(function() {
'use strict';
// 配置键名
const CONFIG_KEY = 'reddit_chinese_translation_detector_enabled';
const POSITION_KEY = 'reddit_translation_button_position';
// 检查是否已启用
let isEnabled = localStorage.getItem(CONFIG_KEY) === 'true';
// 创建样式
const style = document.createElement('style');
style.textContent = `
#translation-toggle-container {
position: fixed !important;
top: 10px !important;
left: 10px !important;
z-index: 2147483647 !important;
display: flex !important;
gap: 10px !important;
align-items: center !important;
background: rgba(255, 255, 255, 0.95) !important;
padding: 10px !important;
border-radius: 8px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
font-family: Arial, sans-serif !important;
font-size: 14px !important;
border: 1px solid #ccc !important;
cursor: move;
width: fit-content; /* 适应内容宽度 */
width: -moz-fit-content; /* Firefox兼容 */
user-select: none;
}
#translation-toggle-label {
margin: 0 !important;
color: #333 !important;
white-space: nowrap !important;
}
#translation-toggle {
margin: 0 5px !important;
transform: scale(1.2) !important;
}
#translation-button {
padding: 8px 16px !important;
background-color: #0079d3 !important;
color: white !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-size: 14px !important;
font-weight: bold !important;
transition: all 0.2s !important;
white-space: nowrap !important;
/* 新增垂直居中调整 */
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1 !important; /* 防止字体因行高被拉伸 */
}
#translation-button:hover:not(:disabled) {
background-color: #0066b2 !important;
transform: translateY(-1px) !important;
}
#translation-button:disabled {
background-color: #cccccc !important;
cursor: not-allowed !important;
transform: none !important;
}
#translation-button.checking {
background-color: #ffd700 !important;
color: #333 !important;
}
@media (max-width: 768px) {
#translation-toggle-container {
top: 5px !important;
left: 5px !important;
padding: 8px !important;
font-size: 12px !important;
max-width: 90vw !important;
}
#translation-button {
padding: 6px 12px !important;
font-size: 12px !important;
}
}
`;
document.head.appendChild(style);
// 创建控制面板
function createControlPanel() {
// 移除可能存在的旧面板
const oldPanel = document.getElementById('translation-toggle-container');
if (oldPanel) {
oldPanel.remove();
}
const container = document.createElement('div');
container.id = 'translation-toggle-container';
// 设置保存的位置
const savedPosition = JSON.parse(localStorage.getItem(POSITION_KEY) || 'null');
if (savedPosition) {
container.style.left = savedPosition.x + 'px';
container.style.top = savedPosition.y + 'px';
}
const label = document.createElement('span');
label.id = 'translation-toggle-label';
label.textContent = '翻译检测:';
const toggle = document.createElement('input');
toggle.type = 'checkbox';
toggle.id = 'translation-toggle';
toggle.checked = isEnabled;
const button = document.createElement('button');
button.id = 'translation-button';
button.textContent = isEnabled ? '检测中...' : '已禁用';
button.disabled = true;
container.appendChild(label);
container.appendChild(toggle);
container.appendChild(button);
document.body.appendChild(container);
// 添加拖拽功能
makeDraggable(container);
// 事件监听
toggle.addEventListener('change', function() {
isEnabled = this.checked;
localStorage.setItem(CONFIG_KEY, isEnabled);
if (isEnabled) {
button.disabled = true;
button.textContent = '检测中...';
checkTranslation();
} else {
button.disabled = true;
button.textContent = '已禁用';
}
});
button.addEventListener('click', function() {
const currentUrl = window.location.href;
const translatedUrl = addTranslationParam(currentUrl);
window.location.href = translatedUrl;
});
return { toggle, button };
}
// 实现拖拽功能
function makeDraggable(element) {
let pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
element.onmousedown = dragMouseDown;
function dragMouseDown(e) {
e = e || window.event;
// 只有在点击非按钮区域时才允许拖拽
if (e.target.tagName !== 'INPUT' && e.target.tagName !== 'BUTTON') {
e.preventDefault();
// 获取鼠标位置
pos3 = e.clientX;
pos4 = e.clientY;
document.onmouseup = closeDragElement;
document.onmousemove = elementDrag;
}
}
function elementDrag(e) {
e = e || window.event;
e.preventDefault();
// 计算新位置
pos1 = pos3 - e.clientX;
pos2 = pos4 - e.clientY;
pos3 = e.clientX;
pos4 = e.clientY;
// 设置元素新位置
element.style.top = (element.offsetTop - pos2) + "px";
element.style.left = (element.offsetLeft - pos1) + "px";
}
function closeDragElement() {
// 停止移动
document.onmouseup = null;
document.onmousemove = null;
// 保存位置到localStorage
const position = {
x: element.offsetLeft,
y: element.offsetTop
};
localStorage.setItem(POSITION_KEY, JSON.stringify(position));
}
}
// 添加翻译参数
function addTranslationParam(url) {
const urlObj = new URL(url);
// 先移除可能存在的tl参数
urlObj.searchParams.delete('tl');
urlObj.searchParams.set('tl', 'zh-hans');
return urlObj.toString();
}
// 检测翻译页面是否真正支持
function checkTranslation() {
// 如果已禁用，不执行检测
if (!isEnabled) {
return;
}
const { button } = window.translationElements;
// 检查是否已经是翻译页面
const currentUrl = window.location.href;
const urlObj = new URL(currentUrl);
if (urlObj.searchParams.get('tl') === 'zh-hans') {
button.disabled = true;
button.textContent = '已是中文';
return;
}
// 只在特定页面类型检测（帖子页面）
if (!isPostPage()) {
button.disabled = true;
button.textContent = '仅限帖子页';
return;
}
button.classList.add('checking');
button.disabled = true;
button.textContent = '检测中...';
const translatedUrl = addTranslationParam(currentUrl);
// 使用 GM_xmlhttpRequest 进行实际验证测试
GM_xmlhttpRequest({
method: 'GET',
url: translatedUrl,
onload: function(response) {
button.classList.remove('checking');
try {
// 检查最终URL是否保持了tl=zh-hans参数
const finalUrl = response.finalUrl || translatedUrl;
const finalUrlObj = new URL(finalUrl);
const hasTranslationParam = finalUrlObj.searchParams.get('tl') === 'zh-hans';
// 检查响应状态
const isValidStatus = response.status === 200;
// 检查是否是真正支持翻译的页面
// 通过检查页面内容中的关键特征来判断
const pageContent = response.responseText;
// 检查是否重定向到了错误页面
const isNoThinkPage = (
finalUrl.includes('/no_think') ||
pageContent.includes('/no_think') ||
pageContent.includes('no_think')
);
// 检查是否有网络错误
const hasNetworkError = (
response.status === 0 ||
pageContent.includes('ERR_TUNNEL_CONNECTION_FAILED') ||
pageContent.includes('net::ERR_')
);
// 检查是否是有效的Reddit帖子页面（包含帖子相关内容）
const hasPostContent = (
pageContent.includes('data-testid="post-container"') ||
pageContent.includes('class="Post"') ||
(pageContent.includes('post-title') && pageContent.includes('Comments'))
);
// 检查页面标题是否包含翻译标识
const hasTranslationInTitle = (
pageContent.includes('>Translated<') ||
pageContent.includes('翻译') ||
pageContent.includes('translated')
);
// 检查页面语言属性
const hasChineseLangAttr = (
pageContent.includes('lang="zh"') ||
pageContent.includes('lang="zh-CN"') ||
pageContent.includes('lang="zh-Hans"')
);
console.log('Translation check debug info:', {
status: response.status,
finalUrl: finalUrl,
hasTranslationParam: hasTranslationParam,
isNoThinkPage: isNoThinkPage,
hasNetworkError: hasNetworkError,
hasPostContent: hasPostContent,
hasTranslationInTitle: hasTranslationInTitle,
hasChineseLangAttr: hasChineseLangAttr
});
// 最严格的验证逻辑：
// 1. 状态必须是200
// 2. 必须保持翻译参数
// 3. 不能是/no_think页面
// 4. 不能有网络错误
// 5. 必须包含帖子内容
// 6. （可选）必须有翻译相关的标识
const isActuallyTranslated = (
isValidStatus &&
hasTranslationParam &&
!isNoThinkPage &&
!hasNetworkError &&
hasPostContent &&
(hasTranslationInTitle || hasChineseLangAttr || pageContent.includes('tl=zh-hans'))
);
if (isActuallyTranslated) {
button.disabled = false;
button.textContent = '切换到中文';
} else {
button.disabled = true;
button.textContent = '无中文版本';
}
} catch (e) {
console.error('Translation detection error:', e);
button.classList.remove('checking');
button.disabled = true;
button.textContent = '检测失败';
}
},
onerror: function(error) {
button.classList.remove('checking');
button.disabled = true;
button.textContent = '检测失败';
console.error('Translation detection network error:', error);
},
ontimeout: function() {
button.classList.remove('checking');
button.disabled = true;
button.textContent = '检测超时';
console.log('Translation detection timeout');
},
timeout: 15000 // 15秒超时
});
}
// 判断是否为帖子页面
function isPostPage() {
const path = window.location.pathname;
// 匹配 /r/subreddit/comments/post_id/... 格式
return /^\/r\/[^\/]+\/comments\/[^\/]+/.test(path);
}
// 初始化
function init() {
// 等待body元素存在
if (!document.body) {
setTimeout(init, 100);
return;
}
// 创建控制元素
window.translationElements = createControlPanel();
// 初始检测
if (isEnabled) {
// 等待页面完全加载后再检测
setTimeout(checkTranslation, 3000);
}
// 监听URL变化（使用更可靠的方案）
let lastUrl = location.href;
const checkUrlChange = () => {
const url = location.href;
if (url !== lastUrl) {
lastUrl = url;
if (isEnabled) {
setTimeout(checkTranslation, 1500);
}
}
setTimeout(checkUrlChange, 500);
};
checkUrlChange();
}
// 等待DOM加载完成
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();