☰

Ultimate Text Selection Translator – 即时翻译所选文本

使用 Cmd+L（Mac）或 Ctrl+L（Windows）可即时翻译所选文本。支持所有语言，自动检测所选语言，并翻译为浏览器的默认语言。简单、快速、高效。

  1. // ==UserScript==
  2. // @name              Ultimate Text Selection Translator – Instantly Translate Any Selected Text
  3. // @name:fr           Ultimate Text Selection Translator – Traduis instantanément n’importe quel texte sélectionné
  4. // @name:es           Ultimate Text Selection Translator – Traduce al instante cualquier texto seleccionado
  5. // @name:de           Ultimate Text Selection Translator – Übersetze sofort ausgewählten Text
  6. // @name:ru           Ultimate Text Selection Translator – Мгновенный перевод выделенного текста
  7. // @name:zh-CN        Ultimate Text Selection Translator – 即时翻译所选文本
  8. // @name:zh-TW        Ultimate Text Selection Translator – 即時翻譯所選文字
  9. // @name:ja           Ultimate Text Selection Translator – 選択テキストを即座に翻訳
  10. // @namespace         http://tampermonkey.net/
  11. // @version           1.2.1
  12. // @description       Translate selected text instantly using Cmd+L (Mac) or Ctrl+L (Windows). Supports all languages and automatically detects the selected language, translating it into your browser's default language. Simple, fast, and efficient.
  13. // @description:fr    Traduis instantanément n’importe quel texte sélectionné avec Cmd+L (Mac) ou Ctrl+L (Windows). Prend en charge toutes les langues, détecte automatiquement la langue sélectionnée et la traduit dans la langue par défaut de ton navigateur. Simple, rapide et efficace.
  14. // @description:es    Traduce al instante cualquier texto seleccionado con Cmd+L (Mac) o Ctrl+L (Windows). Compatible con todos los idiomas, detecta automáticamente el idioma seleccionado y lo traduce al idioma predeterminado de tu navegador. Simple, rápido y eficiente.
  15. // @description:de    Übersetze ausgewählten Text sofort mit Cmd+L (Mac) oder Ctrl+L (Windows). Unterstützt alle Sprachen, erkennt automatisch die ausgewählte Sprache und übersetzt sie in die Standardsprache deines Browsers. Einfach, schnell und effizient.
  16. // @description:ru    Мгновенно переводите выделенный текст с помощью Cmd+L (Mac) или Ctrl+L (Windows). Поддерживает все языки, автоматически определяет выделенный язык и переводит его на язык по умолчанию вашего браузера. Просто, быстро и эффективно.
  17. // @description:zh-CN 使用 Cmd+L（Mac）或 Ctrl+L（Windows）可即时翻译所选文本。支持所有语言，自动检测所选语言，并翻译为浏览器的默认语言。简单、快速、高效。
  18. // @description:zh-TW 使用 Cmd+L（Mac）或 Ctrl+L（Windows）可即時翻譯所選文字。支援所有語言，自動偵測所選語言，並翻譯為瀏覽器的預設語言。簡單、快速、高效。
  19. // @description:ja    Cmd+L（Mac）または Ctrl+L（Windows）で選択したテキストを即座に翻訳。すべての言語に対応し、選択された言語を自動的に検出して、ブラウザのデフォルト言語に翻訳。シンプル、スピーディー、効率的。
  20.  
  21. // @author       Dℝ∃wX
  22. // @copyright    2025 DℝᴇwX
  23. // @license      Apache-2.0
  24. // @match        *://*/*
  25. // @grant        GM_xmlhttpRequest
  26. // @icon         https://raw.githubusercontent.com/DREwX-code/Ultimate-Text-Selection-Translator/refs/heads/main/Icon_Translate_Script.png
  27. // @connect      translate.googleapis.com
  28. // @tag          translation
  29. // @tag          text selection
  30. // @tag          translate
  31. // @tag          google translate
  32. // @tag          shortcut
  33. // @tag          productivity
  34. // @tag          accessibility
  35. // @tag          language
  36. // @tag          multilingual
  37. // ==/UserScript==
  38.  
  39. /*
  40. Copyright 2025 Dℝ∃wX
  41.  
  42. Licensed under the Apache License, Version 2.0 (the "License");
  43. you may not use this file except in compliance with the License.
  44. You may obtain a copy of the License at
  45.  
  46.     https://www.apache.org/licenses/LICENSE-2.0
  47.  
  48. Unless required by applicable law or agreed to in writing, software
  49. distributed under the License is distributed on an "AS IS" BASIS,
  50. WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  51. See the License for the specific language governing permissions and
  52. limitations under the License.
  53. */
  54.  
  55.  
  56.  
  57. (function() {
  58.     'use strict';
  59.  
  60.     const browserLang = navigator.language.split('-')[0];
  61.  
  62.     const languageNames = {
  63.         'en': {
  64.             'auto': 'Detect',
  65.             'en': 'English',
  66.             'fr': 'French',
  67.             'es': 'Spanish',
  68.             'de': 'German',
  69.             'it': 'Italian',
  70.             'pt': 'Portuguese',
  71.             'ru': 'Russian',
  72.             'zh-CN': 'Chinese (Simplified)',
  73.             'ja': 'Japanese',
  74.             'errors': {
  75.                 'noText': 'No text selected',
  76.                 'translation': 'Translation error',
  77.                 'connection': 'Connection error'
  78.             },
  79.             'tooltips': {
  80.                 'listenTranslated': 'Listen to translated text',
  81.                 'listenOriginal': 'Listen to original text'
  82.             }
  83.         },
  84.         'fr': {
  85.             'auto': 'Détecter',
  86.             'en': 'Anglais',
  87.             'fr': 'Français',
  88.             'es': 'Espagnol',
  89.             'de': 'Allemand',
  90.             'it': 'Italien',
  91.             'pt': 'Portugais',
  92.             'ru': 'Russe',
  93.             'zh-CN': 'Chinois (Simplifié)',
  94.             'ja': 'Japonais',
  95.             'errors': {
  96.                 'noText': 'Aucun texte sélectionné',
  97.                 'translation': 'Erreur de traduction',
  98.                 'connection': 'Erreur de connexion'
  99.             },
  100.             'tooltips': {
  101.                 'listenTranslated': 'Écoute le texte traduit',
  102.                 'listenOriginal': 'Écoute le texte original'
  103.             }
  104.         },
  105.         'es': {
  106.             'auto': 'Detectar',
  107.             'en': 'Inglés',
  108.             'fr': 'Francés',
  109.             'es': 'Español',
  110.             'de': 'Alemán',
  111.             'it': 'Italiano',
  112.             'pt': 'Portugués',
  113.             'ru': 'Ruso',
  114.             'zh-CN': 'Chino (Simplificado)',
  115.             'ja': 'Japonés',
  116.             'errors': {
  117.                 'noText': 'No hay texto seleccionado',
  118.                 'translation': 'Error de traducción',
  119.                 'connection': 'Error de conexión'
  120.             },
  121.             'tooltips': {
  122.                 'listenTranslated': 'Escuchar el texto traducido',
  123.                 'listenOriginal': 'Escuchar el texto original'
  124.             }
  125.         },
  126.         'de': {
  127.             'auto': 'Erkennen',
  128.             'en': 'Englisch',
  129.             'fr': 'Französisch',
  130.             'es': 'Spanisch',
  131.             'de': 'Deutsch',
  132.             'it': 'Italienisch',
  133.             'pt': 'Portugiesisch',
  134.             'ru': 'Russisch',
  135.             'zh-CN': 'Chinesisch (Vereinfacht)',
  136.             'ja': 'Japanisch',
  137.             'errors': {
  138.                 'noText': 'Kein Text ausgewählt',
  139.                 'translation': 'Übersetzungsfehler',
  140.                 'connection': 'Verbindungsfehler'
  141.             },
  142.             'tooltips': {
  143.                 'listenTranslated': 'Übersetzten Text anhören',
  144.                 'listenOriginal': 'Originaltext anhören'
  145.             }
  146.         },
  147.         'it': {
  148.             'auto': 'Rileva',
  149.             'en': 'Inglese',
  150.             'fr': 'Francese',
  151.             'es': 'Spagnolo',
  152.             'de': 'Tedesco',
  153.             'it': 'Italiano',
  154.             'pt': 'Portoghese',
  155.             'ru': 'Russo',
  156.             'zh-CN': 'Cinese (Semplificato)',
  157.             'ja': 'Giapponese',
  158.             'errors': {
  159.                 'noText': 'Nessun testo selezionato',
  160.                 'translation': 'Errore di traduzione',
  161.                 'connection': 'Errore di connessione'
  162.             },
  163.             'tooltips': {
  164.                 'listenTranslated': 'Ascolta il testo tradotto',
  165.                 'listenOriginal': 'Ascolta il testo originale'
  166.             }
  167.         },
  168.         'pt': {
  169.             'auto': 'Detectar',
  170.             'en': 'Inglês',
  171.             'fr': 'Francês',
  172.             'es': 'Espanhol',
  173.             'de': 'Alemão',
  174.             'it': 'Italiano',
  175.             'pt': 'Português',
  176.             'ru': 'Russo',
  177.             'zh-CN': 'Chinês (Simplificado)',
  178.             'ja': 'Japonês',
  179.             'errors': {
  180.                 'noText': 'Nenhum texto selecionado',
  181.                 'translation': 'Erro de tradução',
  182.                 'connection': 'Erro de conexão'
  183.             },
  184.             'tooltips': {
  185.                 'listenTranslated': 'Ouvir o texto traduzido',
  186.                 'listenOriginal': 'Ouvir o texto original'
  187.             }
  188.         },
  189.         'ru': {
  190.             'auto': 'Определить',
  191.             'en': 'Английский',
  192.             'fr': 'Французский',
  193.             'es': 'Испанский',
  194.             'de': 'Немецкий',
  195.             'it': 'Итальянский',
  196.             'pt': 'Португальский',
  197.             'ru': 'Русский',
  198.             'zh-CN': 'Китайский (упрощённый)',
  199.             'ja': 'Японский',
  200.             'errors': {
  201.                 'noText': 'Текст не выделен',
  202.                 'translation': 'Ошибка перевода',
  203.                 'connection': 'Ошибка соединения'
  204.             },
  205.             'tooltips': {
  206.                 'listenTranslated': 'Прослушать переведённый текст',
  207.                 'listenOriginal': 'Прослушать оригинальный текст'
  208.             }
  209.         },
  210.         'zh-CN': {
  211.             'auto': '检测',
  212.             'en': '英语',
  213.             'fr': '法语',
  214.             'es': '西班牙语',
  215.             'de': '德语',
  216.             'it': '意大利语',
  217.             'pt': '葡萄牙语',
  218.             'ru': '俄语',
  219.             'zh-CN': '中文（简体）',
  220.             'ja': '日语',
  221.             'errors': {
  222.                 'noText': '未选择文本',
  223.                 'translation': '翻译错误',
  224.                 'connection': '连接错误'
  225.             },
  226.             'tooltips': {
  227.                 'listenTranslated': '聆听翻译文本',
  228.                 'listenOriginal': '聆听原文'
  229.             }
  230.         },
  231.         'ja': {
  232.             'auto': '検出',
  233.             'en': '英語',
  234.             'fr': 'フランス語',
  235.             'es': 'スペイン語',
  236.             'de': 'ドイツ語',
  237.             'it': 'イタリア語',
  238.             'pt': 'ポルトガル語',
  239.             'ru': 'ロシア語',
  240.            'zh-CN': '中国語（簡体）',
  241.             'ja': '日本語',
  242.             'errors': {
  243.                 'noText': 'テキストが選択されていません',
  244.                 'translation': '翻訳エラー',
  245.                 'connection': '接続エラー'
  246.             },
  247.             'tooltips': {
  248.                 'listenTranslated': '翻訳されたテキストを聞く',
  249.                 'listenOriginal': '元のテキストを聞く'
  250.             }
  251.         }
  252.     };
  253.  
  254.     const uiLang = languageNames[browserLang] ? browserLang : 'en';
  255.     const langNames = languageNames[uiLang];
  256.     const errors = langNames.errors;
  257.     const tooltips = langNames.tooltips;
  258.  
  259.     const languages = [
  260.         { code: 'auto', name: langNames.auto },
  261.         { code: 'en', name: langNames.en },
  262.         { code: 'fr', name: langNames.fr },
  263.         { code: 'es', name: langNames.es },
  264.         { code: 'de', name: langNames.de },
  265.         { code: 'it', name: langNames.it },
  266.         { code: 'pt', name: langNames.pt },
  267.         { code: 'ru', name: langNames.ru },
  268.         { code: 'zh-CN', name: langNames['zh-CN'] },
  269.         { code: 'ja', name: langNames.ja }
  270.     ];
  271.  
  272.     const defaultTargetLang = languages.some(lang => lang.code === browserLang && lang.code !== 'auto') ? browserLang : 'en';
  273.  
  274.     const translationBox = document.createElement('div');
  275.     translationBox.style.cssText = `
  276.         position: fixed;
  277.         background: linear-gradient(135deg, #1e1e2f 0%, #2a2a4a 100%);
  278.         color: #ffffff;
  279.         padding: 20px;
  280.         border-radius: 12px;
  281.         z-index: 9999;
  282.         display: none;
  283.         max-width: 350px;
  284.         min-width: 250px;
  285.         font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  286.         font-size: 14px;
  287.         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  288.         transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  289.         backdrop-filter: blur(10px);
  290.         border: 1px solid rgba(255, 255, 255, 0.1);
  291.     `;
  292.     document.body.appendChild(translationBox);
  293.  
  294.     translationBox.innerHTML = `
  295.         <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;">
  296.             <select id="sourceLang" style="background: rgba(255, 255, 255, 0.1); color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 6px; font-size: 13px; cursor: pointer;">
  297.                 ${languages.map(lang => `<option value="${lang.code}">${lang.name}</option>`).join('')}
  298.             </select>
  299.             <span style="color: #a0a0c0; margin: 0 8px;">→</span>
  300.             <select id="targetLang" style="background: rgba(255, 255, 255, 0.1); color: #fff; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; padding: 6px; font-size: 13px; cursor: pointer;">
  301.                 ${languages.filter(lang => lang.code !== 'auto').map(lang => `<option value="${lang.code}">${lang.name}</option>`).join('')}
  302.             </select>
  303.         </div>
  304.         <div id="translationText" style="background: rgba(255, 255, 255, 0.05); padding: 12px; border-radius: 8px; min-height: 50px; line-height: 1.5; white-space: pre-wrap;"></div>
  305.         <div style="display: flex; justify-content: flex-end; margin-top: 12px; gap: 10px;">
  306.             <div id="speakButton" style="position: relative; cursor: pointer;">
  307.                 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  308.                     <path d="M11 5L6 9H2v6h4l5 4V5z"></path>
  309.                     <path d="M19.07 4.93a10 10 0 0 1 0 14.14"></path>
  310.                     <path d="M15.54 8.46a5 5 0 0 1 0 7.07"></path>
  311.                 </svg>
  312.                 <div id="speakTooltip" style="display: none; position: absolute; bottom: 100%; right: 0; background: rgba(0, 0, 0, 0.8); color: #fff; padding: 8px; border-radius: 4px; font-size: 12px; white-space: nowrap; z-index: 10000;">
  313.                     <div id="speakTranslated" style="padding: 4px 0; cursor: pointer;">${tooltips.listenTranslated}</div>
  314.                     <div id="speakOriginal" style="padding: 4px 0; cursor: pointer;">${tooltips.listenOriginal}</div>
  315.                 </div>
  316.             </div>
  317.             <div id="copyButton" style="cursor: pointer;" title="Copy translation">
  318.                 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  319.                     <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
  320.                     <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
  321.                 </svg>
  322.             </div>
  323.         </div>
  324.     `;
  325.  
  326.     const sourceLangSelect = translationBox.querySelector('#sourceLang');
  327.     const targetLangSelect = translationBox.querySelector('#targetLang');
  328.     const translationText = translationBox.querySelector('#translationText');
  329.     const speakButton = translationBox.querySelector('#speakButton');
  330.     const speakTooltip = translationBox.querySelector('#speakTooltip');
  331.     const speakTranslated = translationBox.querySelector('#speakTranslated');
  332.     const speakOriginal = translationBox.querySelector('#speakOriginal');
  333.     const copyButton = translationBox.querySelector('#copyButton');
  334.  
  335.     sourceLangSelect.value = 'auto';
  336.     targetLangSelect.value = defaultTargetLang;
  337.  
  338.     let currentSelectedText = '';
  339.     let currentTranslatedText = '';
  340.     let detectedSourceLang = 'en';
  341.  
  342.     function getSelectedText() {
  343.         return window.getSelection().toString().trim();
  344.     }
  345.  
  346. function splitSentences(text) {
  347.     const regex = /(\.\s+|\.\n|\.)/;
  348.     let parts = text.split(regex);
  349.     let sentences = [];
  350.     let currentSentence = '';
  351.  
  352.     for (let i = 0; i < parts.length; i++) {
  353.         currentSentence += parts[i];
  354.         if (parts[i].match(regex) || i === parts.length - 1) {
  355.             if (currentSentence.trim()) {
  356.                 sentences.push(currentSentence.trim());
  357.             }
  358.             currentSentence = '';
  359.         }
  360.     }
  361.  
  362.     return sentences.length ? sentences : [text];
  363. }
  364.  
  365.  
  366.     function translateSentence(text, sourceLang, targetLang, callback) {
  367.         if (!text.trim()) {
  368.             callback(text);
  369.             return;
  370.         }
  371.  
  372.         const match = text.match(/^(.*?)(?:(\.\s+|\.\n|\.)|$)/);
  373.         const textToTranslate = match[1] || text;
  374.         const delimiter = match[2] || '';
  375.  
  376.         GM_xmlhttpRequest({
  377.             method: 'GET',
  378.             url: `https://translate.googleapis.com/translate_a/single?client=gtx&sl=${sourceLang}&tl=${targetLang}&dt=t&q=${encodeURIComponent(textToTranslate.trim())}`,
  379. onload: function(response) {
  380.     try {
  381.         const data = JSON.parse(response.responseText);
  382.         const detected = sourceLang === 'auto' ? data[2] : sourceLang;
  383.         detectedSourceLang = detected;
  384.         const translation = data[0][0][0] + delimiter;
  385.         callback(translation);
  386.     } catch (e) {
  387.         callback(errors.translation + delimiter);
  388.     }
  389. },
  390.  
  391.             onerror: function() {
  392.                 callback(errors.connection + delimiter);
  393.             }
  394.         });
  395.     }
  396.  
  397.     function translateText(text, sourceLang, targetLang, callback, position) {
  398.         if (!text) {
  399.             callback(errors.noText, position);
  400.             return;
  401.         }
  402.  
  403.         const sentences = splitSentences(text);
  404.         let translatedSentences = [];
  405.         let completed = 0;
  406.  
  407.         sentences.forEach((sentence, index) => {
  408.             translateSentence(sentence, sourceLang, targetLang, (translation) => {
  409.                 translatedSentences[index] = translation;
  410.                 completed++;
  411.  
  412.                 if (completed === sentences.length) {
  413.                     const fullTranslation = translatedSentences.join('');
  414.                     callback(fullTranslation, position);
  415.                 }
  416.             });
  417.         });
  418.     }
  419.  
  420. function speak(text, lang) {
  421.     const utterance = new SpeechSynthesisUtterance(text);
  422.     utterance.lang = lang;
  423.     window.speechSynthesis.speak(utterance);
  424. }
  425.  
  426.     document.addEventListener('keydown', (e) => {
  427.         if (e.metaKey && e.key === 'l' && !e.altKey && !e.ctrlKey && !e.shiftKey) {
  428.             e.preventDefault();
  429.             const selectedText = getSelectedText();
  430.             currentSelectedText = selectedText;
  431.             const selection = window.getSelection();
  432.             let position = { x: 0, y: 0 };
  433.  
  434.             if (selection.rangeCount > 0) {
  435.                 const range = selection.getRangeAt(0);
  436.                 const rect = range.getBoundingClientRect();
  437.                 position = {
  438.                     x: rect.left + window.scrollX,
  439.                     y: rect.bottom + window.scrollY
  440.                 };
  441.             }
  442.  
  443.             translateText(selectedText, sourceLangSelect.value, targetLangSelect.value, (translation, pos) => {
  444.                 currentTranslatedText = translation;
  445.                 translationText.textContent = translation;
  446.                 translationBox.style.display = 'block';
  447.                 translationBox.style.left = `${pos.x + 10}px`;
  448.                 translationBox.style.top = `${pos.y + 10}px`;
  449.                 translationBox.style.opacity = '1';
  450.                 translationBox.style.transform = 'translateY(0)';
  451.             }, position);
  452.         }
  453.     });
  454.  
  455.     function handleLanguageChange() {
  456.         if (currentSelectedText) {
  457.             translateText(currentSelectedText, sourceLangSelect.value, targetLangSelect.value, (translation, pos) => {
  458.                 currentTranslatedText = translation;
  459.                 translationText.textContent = translation;
  460.             }, { x: parseFloat(translationBox.style.left), y: parseFloat(translationBox.style.top) });
  461.         }
  462.     }
  463.  
  464.     sourceLangSelect.addEventListener('change', handleLanguageChange);
  465.     targetLangSelect.addEventListener('change', handleLanguageChange);
  466.  
  467.     speakButton.addEventListener('mouseenter', () => {
  468.         speakTooltip.style.display = 'block';
  469.     });
  470.     speakButton.addEventListener('mouseleave', () => {
  471.         speakTooltip.style.display = 'none';
  472.     });
  473.  
  474.     speakTranslated.addEventListener('click', () => {
  475.         if (currentTranslatedText) {
  476.             speak(currentTranslatedText, targetLangSelect.value);
  477.         }
  478.     });
  479.  
  480.     speakOriginal.addEventListener('click', () => {
  481.         if (currentSelectedText) {
  482.             speak(currentSelectedText, detectedSourceLang);
  483.         }
  484.     });
  485.  
  486.     copyButton.addEventListener('click', () => {
  487.         if (currentTranslatedText) {
  488.             navigator.clipboard.writeText(currentTranslatedText);
  489.             copyButton.querySelector('svg').style.stroke = '#00ff00';
  490.             setTimeout(() => {
  491.                 copyButton.querySelector('svg').style.stroke = '#ffffff';
  492.             }, 1000);
  493.         }
  494.     });
  495.  
  496.     document.addEventListener('mousedown', (e) => {
  497.         if (!translationBox.contains(e.target)) {
  498.             translationBox.style.display = 'none';
  499.             translationBox.style.opacity = '0';
  500.             translationBox.style.transform = 'translateY(10px)';
  501.         }
  502.     });
  503.  
  504.     function adjustBoxPosition() {
  505.         const rect = translationBox.getBoundingClientRect();
  506.         if (rect.right > window.innerWidth) {
  507.             translationBox.style.left = `${window.innerWidth - rect.width - 10}px`;
  508.         }
  509.         if (rect.bottom > window.innerHeight) {
  510.             translationBox.style.top = `${window.innerHeight - rect.height - 10}px`;
  511.         }
  512.     }
  513.  
  514.     translationBox.addEventListener('transitionend', adjustBoxPosition);
  515. })();