// ==UserScript==
// @name            谷歌翻译提示框扩展
// @description     谷歌翻译选中文本至提示框。Fork自https://greasyfork.org/scripts/662/
// @namespace       https://greasyfork.org/scripts/16203/
// @homepage        https://greasyfork.org/scripts/16203/
// @version         1.29
// @icon            http://translate.google.com/favicon.ico
// @include         *
// @grant           GM_getValue
// @grant           GM_xmlhttpRequest
// @grant           GM_log
// @grant           GM_deleteValue
// @grant           GM_addStyle
// @grant           GM_openInTab
// @grant           GM_registerMenuCommand
// @grant           GM_setValue
// ==/UserScript==
var UA = navigator.userAgent;
var googleDomain = "translate.google.com";
var dictURL= "https://" + googleDomain + "/translate_a/single?client=t";
var ttsURL= "http://" + googleDomain + "/translate_tts?client=t";
const HREF_NO = 'javascript:void(0)';
initCrossBrowserSupportForGmFunctions();
var languagesGoogle = '<option value="auto">检测语言</option><option value="af">南非语</option><option value="sq">阿尔巴#亚语</option><option value="ar">阿拉伯语</option><option value="hy">亚美#亚语</option><option value="az">阿塞拜疆语</option><option value="eu">巴斯克语</option><option value="be">白俄罗斯语</option><option value="bn">孟加拉语</option><option value="bg">保加利亚语</option><option value="ca">加泰罗#亚语</option><option value="zh-CN">中文(简体)</option><option value="zh-TW">中文(繁体)</option><option value="hr">克罗地亚语</option><option value="cs">捷克语</option><option value="da">丹麦语</option><option value="nl">荷兰语</option><option value="en">英语</option><option value="et">#沙#亚语</option><option value="tl">菲律宾语</option><option value="fi">芬兰语</option><option value="fr">法语</option><option value="gl">加利西亚</option><option value="ka">格鲁吉亚</option><option value="de">德国</option><option value="el">希腊</option><option value="ht">海地克里奥尔语</option><option value="iw">希伯来语</option><option value="hi">印地语</option><option value="hu">匈牙利</option><option value="is">冰岛语</option><option value="id">印#语</option><option value="ga">#尔兰</option><option value="it">意大利</option><option  value="ja">日语</option><option value="ko">韩语</option><option value="lv">拉脱维亚语</option><option value="lt">立陶宛语</option><option value="mk">马其顿语</option><option value="ms">马来语</option><option value="mt">马耳他语</option><option value="no">挪#语</option><option value="fa">波斯语</option><option value="pl">波兰语</option><option value="pt">葡萄牙语</option><option value="ro">罗马#亚语</option><option value="ru">俄罗斯语</option><option value="sr">塞尔维亚语</option><option value="sk">斯洛伐克</option><option  value="sl">斯洛文#亚语</option><option value="es">西班牙语</option><option value="sw">斯瓦希里语</option><option value="sv">瑞典语</option><option value="th">泰国语</option><option value="tr">土耳其语</option><option value="uk">乌克兰语</option><option value="ur">乌尔都语</option><option value="vi">越南语</option><option value="cy">#尔士语</option><option value="yi">意第绪语</option>';
var body = getTag('body')[0];
var imgLookup;
var txtSel = encodeURIComponent(txtSel); // text selected
var translation2Element = document.createElement('span');
var currentURL;
var context;
var initialized = false;
images();
css();
document.addEventListener('mouseup', showLookupIcon, false);
document.addEventListener('mousedown', mousedownCleaning, false);
function mousedownCleaning(evt) {
var divDic = getId('divDic');
var divLookup = getId('divLookup');
if (divDic) {
if (!clickedInsideID(evt.target, 'divDic')) divDic.parentNode.removeChild(divDic);
}
if (divLookup) divLookup.parentNode.removeChild(divLookup);
}
function showLookupIcon(evt) {
if (evt.ctrlKey && evt.altKey && (!GM_getValue('ctrl') || !GM_getValue('alt'))) return;
// XOR http://www.howtocreate.co.uk/xor.html
if (evt.ctrlKey ? !GM_getValue('ctrl') : GM_getValue('ctrl')) return;
if (evt.altKey ? !GM_getValue('alt') : GM_getValue('alt')) return;
if (!initialized) {
images();
css();
initialized = true;
}
var divDic = getId('divDic');
var divLookup = getId('divLookup');
txtSel = getSelection();
// Exit if no text is selected
if (!txtSel || txtSel == "") {
if (divDic) {
if (!clickedInsideID(evt.target, 'divDic')) divDic.parentNode.removeChild(divDic);
}
if (divLookup) divLookup.parentNode.removeChild(divLookup);
return;
}
// Possible cleanup
if (divDic) {
if (!clickedInsideID(evt.target, 'divDic')) divDic.parentNode.removeChild(divDic);
return;
}
// Remove div if exists
if (divLookup) {
divLookup.parentNode.removeChild(divLookup);
}
if(context!=null){
context.close();
context = null;
}
if(GM_getValue('tts', false) == true)context = new AudioContext();
// Div container
divLookup = createElement('div', {
id: 'divLookup',
style: 'background-color:transparent; color:#000000; position:absolute; top:' + (evt.clientY + window.pageYOffset + 10) + 'px; left:' + (evt.clientX + window.pageXOffset + 10) + 'px; padding:0px; z-index:10000; border-radius:2px;'
});
divLookup.appendChild(imgLookup.cloneNode(false));
divLookup.addEventListener('mouseover', function(evt){setTimeout(lookup,parseInt(GM_getValue('delay')))}, false);
body.appendChild(divLookup);
}
// 创建提示框和启动谷歌翻译请求来获取翻译
function lookup(evt) {
var divR###lt = null;
var divDic = getId('divDic');
var divLookup = getId('divLookup');
var top = divLookup.style.top;
var left = divLookup.style.left;
// No text selected
if (!txtSel || txtSel == "") {
if (divDic = getId('divDic')) divDic.parentNode.removeChild(divDic);
return;
}
// Cleanup divs
if (divDic = getId('divDic')) {
divDic.parentNode.removeChild(divDic);
}
divLookup.parentNode.removeChild(divLookup);
// Div container
divDic = createElement('div', {
id: 'divDic',
style: 'opacity: 0.9; font-size: ' + GM_getValue('fontsize', 'small') + '; background-color: ' + GM_getValue('backgroundColor', '#EDF4FC') + '; color: ' + GM_getValue('textcolor', 'Gray') + '; position:absolute; top:' + top + '; left:' + left + '; min-width:250px; min-height:50px; max-width:50%; padding:5px; text-align:left; z-index:10000; border-radius:4px; box-shadow: -2px 0px 9px 5px #898D91'
});
divDic.addEventListener('mousedown', dragHandler, false);
body.appendChild(divDic);
// Div r###lt
// This awfull wall of text is the "+" image
divR###lt = createElement('div', {
id: 'divR###lt',
style: 'overflow:auto; padding:3px;'
},
null, '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAJjSURBVDhPdZLdS1NxHMbPoi4SCUlvkqKLELrqtkD6B4ogBAmDCCzCqAiEErKbCheBMsyXsYllKTpjYcisJEuXTdO9z510bu6tuZy6WU736vFp3+/ILrIDD7/D+fF5nuf7Oz8hm44hnV5HKhnFz1iQ18RGBNFlL1aW5rEcnuV9YbeHNiQpDmAzpxSG3r1mkenmeogN/gsT+MUwgieNj6BUKVBZdZ5F7w3yeuh0fchmErvDlEDwvfu1uFJzGa3tTVA0P2YD+jY63A9kN3eHaU4y8HmdDNOsbo8dd1Va9Lt/sfo8KbwJgqXxAZ2e/MrwH1FNSlW+7MLtiTTqTFuongQq9MCZjxJODG2jWCthb68E2YtcG0oiUEouwmQa5bqXbt5g+NrXPCi3xLG65EabNYIDrySU9MZR0L0BYW11ATanBY09gzwjpT9oeYoLnxI7iZ+9YWQiM3D5RBwbyHByQVcMQjI6h1vPDBAuGnjO+JIdZo+LoZPvgaq###9r5eQ8wgEbasaWITzfwP7OFQgdIzYU33Fgz3UniuR2bmHzLzB4dBBclQ6Qqr51iCxK3acKQfAGXbjaNcNwncbBp04wgUcGwC38Xjs05lkYv1kRmp/CqR4XZK0BCNu5eyX+yF2CXO2zTUYegczoVCs+rCEaMKN73Ii2kSmW6DCgYdgKWbMn/+/T2S2UPxyHcE67I1ntNEMm6wQK1YuQKcOcRgYOix6lrfa/F4cM+gwhHK83obBax/NTvTK1yPMVKpycdqjFgtNKPYoap/+9df5oAqRybYQTD6q/43CHj1XaPoeSFpGNytQifgOV017CbdMQtgAAAABJRU5ErkJggg=="/><br/>Loading...');
divDic.appendChild(divR###lt);
// Options link
var optionLink = createElement('a', {
id: 'optionsLink',
href: HREF_NO,
style: 'opacity:0.2; position:absolute; bottom:3px; right:13px; font-size:18px; text-decoration:none!important;background:#528DDF;padding:1px;color:#fff;border-radius:6px 6px 6px 6px;border:2px solid #EEEEEE;font-weight:bold;width:20px;text-align:center;display:block;'
}, {
type: 'click',
handler: openCloseOptions,
capture: false
}, '+');
divDic.appendChild(optionLink);
optionLink.addEventListener('mouseover',
function(e) {
e.target.style.opacity = 1.0
});
optionLink.addEventListener('mouseout',
function(e) {
e.target.style.opacity = 0.2
});
// Send the Google Translate request
if ((txtSel + " ").search(/^\s*https?:\/\//) > -1) {
divR###lt.innerHTML = '<a href="' + txtSel + '" target="_blank" >' + txtSel + '</a>';
} else if ((txtSel + " ").search(/^\s*\S+(\.\S+)+/) > -1) // site.dom
{
divR###lt.innerHTML = '<a style="color:#888;" href="http://' + txtSel + '" target="_blank" >' + txtSel + '</a>';
} else {
var sl, tl;
sl = GM_getValue('from', 'auto');
tl = GM_getValue('to', 'auto');
Request(txtSel, sl, tl, extractR###lt);
if (GM_getValue('to2', 'Disabled') != 'Disabled') {
sl = GM_getValue('from', 'auto');
tl = GM_getValue('to2', 'auto');
Request(txtSel, sl, tl, extractR###lt2);
} else {
translation2Element.innerHTML = '';
}
}
}
// Lanched when we select an other language in the setup menu
// 当我们在设置菜单中选择另一种语言启动
function quickLookup() {
getId('divDic').style.fontSize = getId('optFontSize').value;
getId('divDic').style.color = getId('optTextColor').value;
getId('divR###lt').innerHTML = 'Loading...';
if((context == null) && (GM_getValue('tts', false) == true) ) context = new AudioContext();
var sl, tl;
sl = getId('optSelLangFrom').value;
tl = getId('optSelLangTo').value;
Request(txtSel, sl, tl, extractR###lt);
if (getId('optSelLangTo2').value != 'Disabled') {
var sl, tl;
sl = getId('optSelLangFrom').value;
tl = getId('optSelLangTo2').value;
Request(txtSel, sl, tl, extractR###lt2);
} else {
translation2Element.innerHTML = '';
}
}
function init_google_value_tk() {
var url = "https://" + googleDomain + "/translate_a/element.js";
GM_xmlhttpRequest({
method: "GET",
url: url,
onreadystatechange: function(resp) {
if (resp.readyState == 4) {
clearTimeout(setTimeout( function(){ this.abort(); }, 2000));
if (resp.status == 200) {
init_google_value_tk_parse(resp.responseText);
}
}
}
});
}
function init_google_value_tk_parse(responseText) {
var res = /c\._ctkk='(.+?)'/i.exec(responseText);
if (res != null) {
GM_setValue('google_value_tk', res[1]);
};
}
// return token for the new API
function googleTK(text) {
// view-source:https://translate.google.com/translate/releases/twsfe_w_20160620_RC00/r/js/desktop_module_main.js && TKK from HTML
var uM = GM_getValue('google_value_tk');
if (uM == 'undefined' || uM == null) {
init_google_value_tk();
uM = "427110.1469889687";
} else if (Number(uM.split('.')[0]) !== Math.floor(Date.now() / 3600000)) {
init_google_value_tk();
};
var cb="&";
var k="";
var Gf="=";
var Vb="+-a^+6";
var t="a";
var Yb="+";
var Zb="+-3^+b+-f";
var jd=".";
var sM=function(a){return function(){return a}}
var tM=function(a,b){for(var c=0;c<b.length-2;c+=3){var d=b.charAt(c+2),d=d>=t?d.charCodeAt(0)-87:Number(d),d=b.charAt(c+1)==Yb?a>>>d:a<<d;a=b.charAt(c)==Yb?a+d&4294967295:a^d}return a};
var vM=function(a){
var b;
if(null!==uM) {
b=uM;
}else{
b=sM(String.fromCharCode(84));var c=sM(String.fromCharCode(75));b=[b(),b()];
b[1]=c();
b=(uM=window[b.join(c())]||k)||k
}
var d=sM(String.fromCharCode(116)),c=sM(String.fromCharCode(107)),d=[d(),d()];
d[1]=c();
c=cb+d.join(k)+Gf;
d=b.split(jd);
b=Number(d[0])||0;
for(var e=[],f=0,g=0;g<a.length;g++){
var m=a.charCodeAt(g);
128>m?e[f++]=m:(2048>m?e[f++]=m>>6|192:(55296==(m&64512)&&g+1<a.length&&56320==(a.charCodeAt(g+1)&64512)?(m=65536+((m&1023)<<10)+(a.charCodeAt(++g)&1023),e[f++]=m>>18|240,e[f++]=m>>12&63|128):e[f++]=m>>12|224,e[f++]=m>>6&63|128),e[f++]=m&63|128)
}
a=b||0;
for(f=0;f<e.length;f++) { a+=e[f],a=tM(a,Vb)};
a=tM(a,Zb);
a^=Number(d[1])||0;
0>a&&(a=(a&2147483647)+2147483648);
a%=1E6;
return a.toString()+jd+(a^b);
};
return vM(text);
}
// Google Translate Request
function Request(txt, sl, tl, parse) {
var tk=googleTK(txt);
var Url = dictURL +
"&hl=auto" +
"&sl=" + sl + "&tl=" + tl +
"&dt=bd&dt=ex&dt=ld&dt=md&dt=qca&dt=rw&dt=rm&dt=ss&dt=t&dt=at&ie=UTF-8&oe=UTF-8&otf=2&trs=1&inputm=1&ssel=0&tsel=0&source=btn&kc=3"+
"&tk=" + tk +
"&q="+ encodeURI(txt);
var method='POST';
var Data='';
var Hdr= {
"User-Agent": UA,
"Accept":  "text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8",
"Accept-Encoding":  "gzip, deflate"
}
var Q=Url.split('&q=');
Url=Q[0];
Data='&q='+Q[1];
Hdr["Content-Length"]=Data.length+'';
Hdr["Content-Type"]="application/x-www-form-urlencoded; charset=UTF-8";
GM_xmlhttpRequest({
method: method,
url: Url,
data: Data,
headers: Hdr,
onload: function(resp) {
try{
parse(resp.responseText)
}catch(e){
GM_log(e);
}
}
});
}
function extractR###lt(gTradStringArray) {
var arr = parseTranslationResponse(gTradStringArray);
if (!arr) {
// Handle error case
getId('divR###lt').innerHTML = 'Translation error occurred';
return;
}
/*
Content of the gTrad array :
0 / 0:Translation 1:Source text
1 / i:Grammar / 0:Types (word, verb, ...) 1: Other translations
5 / Array of other translations
*/
var translation = '';
// 0 - Full translation
translation += '<small><a style="color:#1a0dab;" target="_blank" href="https://' + googleDomain + '/#' + GM_getValue('from', 'auto') + '/' + GM_getValue('to', 'auto') + '/' + txtSel + '">[' + arr[2] + '] ';
for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][1] != 'undefined' && arr[0][i][1] != null) translation += arr[0][i][1]; }
translation += '</a> <span id="texttospeechbuttonfrom"></span></small><br/>';
translation += '[' + GM_getValue('to', 'auto') + '] ';
for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0] != null) translation += arr[0][i][0]; }
translation += ' <span id="texttospeechbuttonto"></span><br/>';
translation += '<span id="translation2Element"></span>';
translation += '<a id="toggleShowDetails" style="color:#000;' + (!GM_getValue('details', 'false') ? 'display:none;"' : '"') + '>显示详情▼</a>';
translation += '<span id="divDetails" ' + (GM_getValue('details', 'false') ? 'style="display:none;"' : '') + '><a style="color:#000;" id="toggleHideDetails">隐藏详情▲</a><br/>';
// 1 - Grammar
if (typeof arr[1] != 'undefined' && arr[1] != null ||
typeof arr[5] != 'undefined' && arr[5] != null ||
typeof arr[14] != 'undefined' && arr[14] != null) {
translation += '<strong>翻译</strong><br/>';
}
if (typeof arr[1] != 'undefined' && arr[1] != null) {
for (var i = 0; i < arr[1].length; i++) {
translation += arr[1][i][0] + ': ';
translation += arr[1][i][1].join(', ');
translation += '<br/>';
}
}
// 5 - 备选翻译
if (GM_getValue('alternatives', 'true')) {
if (typeof arr[5] != 'undefined' && arr[5] != null) {
for (var i = 0; i < arr[5].length; i++) {
if (typeof arr[5][i][2] != 'undefined' && arr[5][i][2] != null) { // 5/i/2 array of alternatives, 5/i/0 the part of the text we are studying
translation += '<i>备选: </i>';
for (var j = 0; j < arr[5][i][2].length; j++) {
translation += '<i>' + ((j == 0) ? '': ', ') + arr[5][i][2][j][0] + '</i>';
}
translation += '<br/>';
}
}
}
}
// 14 - 另请参阅
if (typeof arr[14] != 'undefined' && arr[14] != null) {
// for (var i = 0; i < arr[14].length; i++) {
translation += '<i>参阅: </i>';
translation += '<i>' + arr[14][0].join(', ') + '</i>';
translation += '<br/>';
// }
}
// if ((typeof arr[1] != 'undefined' && arr[1] != null ||
//      typeof arr[5] != 'undefined' && arr[5] != null ||
//      typeof arr[14] != 'undefined' && arr[14] != null) &&
//     (typeof arr[12] != 'undefined' && arr[12] != null)) {
//     translation += '<br/>';
// }
// 12 and 11 - 解释 和 同义词
if (typeof arr[12] != 'undefined' && arr[12] != null) {
translation += '<strong>解释</strong><br/>';
for (var i = 0; i < arr[12].length; i++) {
if (typeof arr[12][i][1] != 'undefined' && arr[12][i][1] != null) { // 11/i/1 array of alternatives, 11/i/0 the part of the text we are studying
for (var j = 0; j < arr[12][i][1].length; j++) {
translation += arr[12][i][0] + ': ';
translation += arr[12][i][1][j][0];
translation += '<br/>';
if (GM_getValue('synonyms', 'true')) {
if (typeof arr[11] != 'undefined' && arr[11] != null) {
if (typeof arr[11][i] != 'undefined' && [11][i] != null) {
for (var k = 0; k < arr[11][i][1].length; k++) {
if (arr[12][i][1][j][1] == arr[11][i][1][k][1]) {
translation += '<i>同义: </i> ';
translation += '<i>'+arr[11][i][1][k][0].join(', ')+'</i>';
translation += '<br/>';
break;
}
}
}
}
}
}
}
}
}
translation += '</span>'; // Detail end
getId('divR###lt').innerHTML = '<p style="margin:0px;padding:0px;line-height:150%;text-align:left;">' + translation + '</p>';
getId('translation2Element').appendChild(translation2Element); // Optional second translation
getId('toggleShowDetails').addEventListener('click',
function() {
getId('toggleShowDetails').style.display = 'none';
getId('divDetails').style.display = 'block';
},
false);
getId('toggleHideDetails').addEventListener('click',
function() {
getId('toggleShowDetails').style.display = 'inline';
getId('divDetails').style.display = 'none';
},
false);
// Create the Text to speech
// 转换文本为语音
var fromText = '';
var toText = '';
for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][1] != 'undefined' && arr[0][i][1]!=null) fromText += arr[0][i][1]; }
for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0]!=null) toText += arr[0][i][0]; }
addTextTospeechLink(getId('texttospeechbuttonfrom'), arr[2], fromText); // arr[2] contains the detected input language
addTextTospeechLink(getId('texttospeechbuttonto'), GM_getValue('to', 'auto') == 'auto' ? 'en': GM_getValue('to', 'auto'), toText); // 我不能找到一种方式来获得所检测到的目标语言，所以如果被请求的目标是'自动'，我使用的是英文文本到语音的语言
}
function extractR###lt2(gTradStringArray) {
var arr = parseTranslationResponse(gTradStringArray);
if (!arr) {
// Handle error case
getId('divR###lt').innerHTML = 'Translation error occurred';
return;
}
var translation = '';
translation += '[' + GM_getValue('to2', 'auto') + '] ';
for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0]!=null) translation += arr[0][i][0]; }
translation += ' <span id="texttospeechbuttonto2"></span><br/>';
translation2Element.innerHTML = translation;
var toText2 = '';
for (var i = 0; i < arr[0].length; i++) { if (typeof arr[0][i][0] != 'undefined' && arr[0][i][0]!=null) toText2 += arr[0][i][0]; }
addTextTospeechLink(getId('texttospeechbuttonto2'), GM_getValue('to2', 'auto') == 'auto' ? 'en': GM_getValue('to2', 'auto'), toText2);
}
function parseTranslationResponse(gTradStringArray) {
// If it's already an array, return it
if (Array.isArray(gTradStringArray)) {
return gTradStringArray;
}
// Remove any leading/trailing whitespace
let str = gTradStringArray.trim();
// Handle common escaping issues
str = str
.replace(/\\x/g, '\\u00') // Convert \x escapes to \u escapes
.replace(/\r?\n/g, '\\n') // Handle actual newlines
.replace(/\\/g, '\\\\')   // Escape backslashes
.replace(/\\\\"/g, '\\"') // Fix double-escaped quotes
.replace(/\\\\n/g, '\\n') // Fix double-escaped newlines
.replace(/\\\\/g, '\\');  // Fix over-escaped backslashes
try {
// Try parsing directly
return JSON.parse(str);
} catch (e1) {
try {
// If the string isn't wrapped in brackets, wrap it
if (!str.startsWith('[')) {
str = '[' + str + ']';
}
return JSON.parse(str);
} catch (e2) {
// If both attempts fail, log the error and the string for debugging
console.error('Failed to parse translation response');
console.log('Original string:', gTradStringArray);
console.log('Processed string:', str);
console.error('Parse error:', e2);
return null;
}
}
}
function addTextTospeechLink(element, lang, text) {
if (GM_getValue('tts', false) == false) return;
var img = document.createElement('img');
img.setAttribute('src', "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QEQDhUFQkzk7wAAAIpJREFUOMtj/P//PwNFgAQD3jMwMDRg6MVjwHw0/n4GBob/DAwM5xkYGAQIGTAfqhgdFEDF1+MzAKYZl9P6oXIO2AxA1owsAXc2lH7PwMCwHtmA/zgwPLygYYBi0f///xmYSIgwByT2QxiDiYFCQIoBB5DY8rgSEtmBSLVopEpCokpSJjozMVKanQFy4nkNOfntnwAAAABJRU5ErkJggg==");
img.setAttribute('width', '16');
img.setAttribute('height', '16');
img.setAttribute('align', "top");
element.appendChild(img);
//var context = new AudioContext();
element.addEventListener('click', function() { playTTS(lang, text, context) }, false);
// var speechLink = document.createElement('a');
// speechLink.setAttribute('align', "bottom");
// speechLink.href = Url;
// speechLink.target = '_blank';
// speechLink.innerHTML = '<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACaSURBVDhPvZOBDYAgDARZgVlYgRVYgRVYgZ3YiRVqHml8DRjUxEuItLaftoCRjywLWGslpdStg6lAjLHvdrz3YowR55zUWrt3IoBkBF/JOTd/CKF7BgKaPBIAaAP/SinNPkVxMgtw2fhiHlpFi+IkXgr2mIHCLS4LsK1tgP8EbltQXg+R+XSMCpfILF0kBSLMo6s84vFjWkNkAyh6GkTdlhEPAAAAAElFTkSuQmCC" height="16" width="16"/>';
// element.appendChild(speechLink);
// 原图标url需要##才能显示,换成字符串
}
// play TTS from Google Translator
function playTTS(lang, text, context) {
text = text.replace(/[«»'"]/g, ' ');
tk = googleTK(text);
Url = ttsURL + "&ie=UTF-8&total=1&idx=0" +
"&tl=" + lang +
"&q=" + text +
"&textlen=" + text.length +
"&tk=" + tk;
window.AudioContext = window.AudioContext || window.webkitAudioContext;
//var context = new AudioContext();
var source = context.createBufferSource();
var soundRequest = GM_xmlhttpRequest({
method: "GET",
url: Url,
responseType: 'arraybuffer',
onload: function(response) {
try {
context.decodeAudioData(response.response, function(buffer) {
source.buffer = buffer;
source.connect(context.destination);
source.start(0);
});
} catch(e) {
GM_log(e);
}
}
});
}
function getSelection() {
var text = null;
//get selected text
//获得选中文本
if (window.getSelection && !window.opera) // window.getSelection() bugs with Opera 12.16 and ViolentMonkey
{
if (document.activeElement &&
(document.activeElement.tagName.toLowerCase() == "textarea" ||
document.activeElement.tagName.toLowerCase() == "input")) {
text = document.activeElement.value;
text = text.substring (document.activeElement.selectionStart, document.activeElement.selectionEnd);
} else {
text = window.getSelection().toString();
}
} else if (document.getSelection) {
text = document.getSelection().toString();
} else if (document.selection) {
text = document.selection.createRange().text;
}
// text = text.replace(/[«»'"]/g, ' ');
text = text.replace(/&/g,'\u00E6').replace(/</g,'\u227A').replace(/\+/g,'\u2795');
return text;
}
function openCloseOptions(evt) {
var divOptions = getId('divOpt');
if (!divOptions) //显示选项
{
divOptions = createElement('div', {
id: 'divOpt',
style: 'border-top:2px solid #5A91D8;position:relative; padding:5px;'
});
getId('divDic').appendChild(divOptions);
getId('optionsLink').style.visibility = 'hidden';
//fields container
divOptionsFields = createElement('p', {style: "margin:0px;padding:0px;line-height:160%;"});
divOptions.appendChild(divOptionsFields);
//从
divOptionsFields.appendChild(createElement('span', null, null, '从: &nbsp;&nbsp;&nbsp;&nbsp;'));
divOptionsFields.appendChild(createElement('select', {
id: 'optSelLangFrom'
},
null, languagesGoogle));
getId('optSelLangFrom').value = GM_getValue('from') ? GM_getValue('from') : 'auto';
getId('optSelLangFrom').addEventListener('change', quickLookup, false);
//到
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('span', null, null, '到: &nbsp;&nbsp;&nbsp;&nbsp;'));
divOptionsFields.appendChild(createElement('select', {
id: 'optSelLangTo'
},
null, languagesGoogle));
getId('optSelLangTo').value = GM_getValue('to') ? GM_getValue('to') : 'auto';
getId('optSelLangTo').addEventListener('change', quickLookup, false);
//到2
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('span', null, null, '到(2): '));
divOptionsFields.appendChild(createElement('select', {
id: 'optSelLangTo2'
},
null, '<option value="Disabled">禁用</option>' + languagesGoogle));
getId('optSelLangTo2').value = GM_getValue('to2') ? GM_getValue('to2') : 'Disabled';
getId('optSelLangTo2').addEventListener('change', quickLookup, false);
//转换文本为语音
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('input', {
id: 'checkTTS',
type: 'checkbox',
style: "margin-left:0px;"
}));
divOptionsFields.appendChild(createElement('span', null, null, '<span title="该功能有很多问题。你需要经常刷新页面启动.mp3文件。\n你需要先设置某种语言。\n如果您使用了“自动检测语言”，那么只有英语能够正确发音。"> 转换文本为语音</span>'));
getId('checkTTS').checked = GM_getValue('tts');
//隐藏详细信息
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('input', {
id: 'checkDetails',
type: 'checkbox',
style: "margin-left:0px;"
}));
divOptionsFields.appendChild(createElement('span', null, null, ' 默认隐藏详细信息'));
getId('checkDetails').checked = GM_getValue('details');
//详情中显示备选翻译
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('input', {
id: 'checkAlternatives',
type: 'checkbox',
style: "margin-left:0px;"
}));
divOptionsFields.appendChild(createElement('span', null, null, ' 详情中显示备选翻译'));
getId('checkAlternatives').checked = GM_getValue('alternatives');
//解释中显示同义词
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('input', {
id: 'checkSynonyms',
type: 'checkbox',
style: "margin-left:0px;"
}));
divOptionsFields.appendChild(createElement('span', null, null, ' 解释中显示同义词'));
getId('checkSynonyms').checked = GM_getValue('synonyms');
//字体大小
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('span', null, null, '字体大小: '));
divOptionsFields.appendChild(createElement('select', {
id: 'optFontSize',
style: 'width:141px'
},
null, '<option value="x-small">超小字(12px)</option><option value="small">小(13px)（默认）</option><option value="medium">中等(16px)</option><option value="large">大(18px)</option>'));
getId('optFontSize').value = GM_getValue('fontsize') ? GM_getValue('fontsize') : 'small';
getId('optFontSize').addEventListener('change', quickLookup, false);
//文本颜色
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('span', null, null, '文本颜色: '));
divOptionsFields.appendChild(createElement('select', {
id: 'optTextColor',
style: 'width:141px'
},
null, '<option value="Gray">灰       色(默认)</option><option value="Black">黑       色</option><option value="White">白   色</option><option value="CadetBlue">藏       青</option><option value="ForestGreen">葱     绿</option><option value="FireBrick">砖       红</option>'));
getId('optTextColor').value = GM_getValue('textcolor') ? GM_getValue('textcolor') : 'Gray';
getId('optTextColor').addEventListener('change', quickLookup, false);
//使用ctrl键
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('input', {
id: 'checkCtrl',
type: 'checkbox',
style: "margin-left:0px;"
}));
divOptionsFields.appendChild(createElement('span', null, null, ' 使用ctrl键'));
getId('checkCtrl').checked = GM_getValue('ctrl');
//使用alt键
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('input', {
id: 'checkAlt',
type: 'checkbox',
style: "margin-left:0px;"
}));
divOptionsFields.appendChild(createElement('span', null, null, ' 使用alt键'));
getId('checkAlt').checked = GM_getValue('alt');
//延迟显示
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('span', null, null, '延迟 '));
divOptionsFields.appendChild(createElement('input', {
id: 'delayDisplay',
type: 'text',
style: "height:20px;width:50px;padding:0px;text-align:center;",
}));
divOptionsFields.appendChild(createElement('span', null, null, ' 毫秒显示'));
getId('delayDisplay').value = GM_getValue('delay') ? GM_getValue('delay') : '0';
//保存
divOptionsFields.appendChild(createElement('br'));
divOptionsFields.appendChild(createElement('a', {
href: HREF_NO,
class: "gootranslink"
}, {
type: 'click',
handler: saveOptions,
capture: false
}, '保存'));
//重置
divOptionsFields.appendChild(createElement('span', null, null, ' - '));
divOptionsFields.appendChild(createElement('a', {
href: HREF_NO,
class: "gootranslink"
}, {
type: 'click',
handler: resetOptions,
capture: false
}, '重置'));
//取消
divOptionsFields.appendChild(createElement('span', null, null, ' - '));
divOptionsFields.appendChild(createElement('a', {
href: HREF_NO,
class: "gootranslink"
}, {
type: 'click',
handler: openCloseOptions,
capture: false
}, '取消'));
} else // 隐藏选项
{
divOptions.parentNode.removeChild(divOptions);
getId('optionsLink').style.visibility = 'visible';
}
}
function saveOptions(evt) {
var backgroundColor = getId('divDic').style.backgroundColor;
var from = getId('optSelLangFrom').value;
var to = getId('optSelLangTo').value;
var to2 = getId('optSelLangTo2').value;
var tts = getId('checkTTS').checked;
var details = getId('checkDetails').checked;
var alternatives = getId('checkAlternatives').checked;
var synonyms = getId('checkSynonyms').checked;
var fontsize = getId('optFontSize').value;
var textcolor = getId('optTextColor').value;
var ctrl = getId('checkCtrl').checked;
var alt = getId('checkAlt').checked;
var delay = getId('delayDisplay').value;
GM_setValue('backgroundColor', backgroundColor);
GM_setValue('from', from);
GM_setValue('to', to);
GM_setValue('to2', to2);
GM_setValue('tts', tts);
GM_setValue('details', details);
GM_setValue('alternatives', alternatives);
GM_setValue('synonyms', synonyms);
GM_setValue('fontsize', fontsize);
GM_setValue('textcolor', textcolor);
GM_setValue('ctrl', ctrl);
GM_setValue('alt', alt);
GM_setValue('delay', delay);
quickLookup();
getId('divDic').removeChild(getId('divOpt'));
getId('optionsLink').style.visibility = 'visible';
}
function resetOptions(evt) {
GM_deleteValue('backgroundColor');
GM_deleteValue('from');
GM_deleteValue('to');
GM_deleteValue('to2');
GM_deleteValue('tts');
GM_deleteValue('details');
GM_deleteValue('alternatives');
GM_deleteValue('synonyms');
GM_deleteValue('fontsize');
GM_deleteValue('textcolor');
GM_deleteValue('ctrl');
GM_deleteValue('alt');
GM_deleteValue('delay');
getId('divDic').parentNode.removeChild(getId('divDic'));
}
function css() {
var style = createElement('style', {
type: "text/css"
},
null, "" + 'a.gootranslink:link {color: #0000FF !important; text-decoration: underline !important;}' + 'a.gootranslink:visited {color: #0000FF !important; text-decoration: underline !important;}' + 'a.gootranslink:hover {color: #0000FF !important; text-decoration: underline !important;}' + 'a.gootranslink:active {color: #0000FF !important; text-decoration: underline !important;}' + '.picker-wrapper,.slide-wrapper{position:relative;float:left}.picker-indicator,.slide-indicator{position:absolute;left:0;top:0;pointer-events:none}.picker,.slide{cursor:crosshair;float:left}.cp-default{background-color:gray;padding:12px;box-shadow:0 0 40px #000;border-radius:15px;float:left}.cp-default .picker{width:200px;height:200px}.cp-default .slide{width:30px;height:200px}.cp-default .slide-wrapper{margin-left:10px}.cp-default .picker-indicator{width:5px;height:5px;border:2px solid darkblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:alpha(opacity=50);background-color:white}.cp-default .slide-indicator{width:100%;height:10px;left:-4px;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);filter:alpha(opacity=60);border:4px solid lightblue;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background-color:white}.cp-small{padding:5px;background-color:white;float:left;border-radius:5px}.cp-small .picker{width:100px;height:100px}.cp-small .slide{width:15px;height:100px}.cp-small .slide-wrapper{margin-left:5px}.cp-small .picker-indicator{width:1px;height:1px;border:1px solid black;background-color:white}.cp-small .slide-indicator{width:100%;height:2px;left:0;background-color:black}.cp-fancy{padding:10px;background:-webkit-linear-gradient(top,#aaa 0,#222 100%);float:left;border:1px solid #999;box-shadow:inset 0 0 10px white}.cp-fancy .picker{width:200px;height:200px}.cp-fancy .slide{width:30px;height:200px}.cp-fancy .slide-wrapper{margin-left:10px}.cp-fancy .picker-indicator{width:24px;height:24px;background-image:url(http://cdn1.iconfinder.com/data/icons/fugue/bonus/icons-24/target.png)}.cp-fancy .slide-indicator{width:30px;height:31px;left:30px;background-image:url(http://cdn1.iconfinder.com/data/icons/bluecoral/Left.png)}.cp-normal{padding:10px;background-color:white;float:left;border:4px solid #d6d6d6;box-shadow:inset 0 0 10px white}.cp-normal .picker{width:200px;height:200px}.cp-normal .slide{width:30px;height:200px}.cp-normal .slide-wrapper{margin-left:10px}.cp-normal .picker-indicator{width:5px;height:5px;border:1px solid gray;opacity:.5;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);filter:alpha(opacity=50);background-color:white;pointer-events:none}.cp-normal .slide-indicator{width:100%;height:10px;left:-4px;opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60);filter:alpha(opacity=60);border:4px solid gray;background-color:white;pointer-events:none}');
getTag('head')[0].appendChild(style);
}
/*
*简短的函数来代替 document.createElement document.getElementById 和document.getElementsByTagName
*/
function createElement(type, attrArray, eventObj, html) {
var node = document.createElement(type);
for (var attr in attrArray) if (attrArray.hasOwnProperty(attr)) {
node.setAttribute(attr, attrArray[attr]);
}
if (eventObj) {
node.addEventListener(eventObj.type, eventObj.handler, eventObj.capture || false);
}
if (html) node.innerHTML = html;
return node;
}
function getId(id, parent) {
if (!parent) return document.getElementById(id);
return parent.getElementById(id);
}
function getTag(name, parent) {
if (!parent) return document.getElementsByTagName(name);
return parent.getElementsByTagName(name);
}
/*
* 拖拽支持  改编自 http://www.hunlock.com/blogs/Javascript_Drag_and_Drop
*/
var savedTarget = null; // The target layer (effectively vidPane)
var orgCursor = null; // 原来的鼠标样式因此我们可以还原它？
var dragOK = false; // True if we're allowed to move the element under mouse
var dragXoffset = 0; // How much we've moved the element on the horozontal
var dragYoffset = 0; // How much we've moved the element on the verticle
var didDrag = false; // Set to true when we do a drag
function moveHandler(e) {
if (e == null) return; // { e = window.event }
if (e.button <= 1 && dragOK) {
savedTarget.style.left = e.clientX - dragXoffset + 'px';
savedTarget.style.top = e.clientY - dragYoffset + 'px';
return false;
}
}
function dragCleanup(e) {
document.removeEventListener('mousemove', moveHandler, false);
document.removeEventListener('mouseup', dragCleanup, false);
savedTarget.style.cursor = orgCursor;
dragOK = false; // Its been dragged now
didDrag = true;
}
function dragHandler(e) {
var htype = '-moz-grabbing';
if (e == null) return; // { e = window.event;}  // htype='move';}
var target = e.target; // != null ? e.target : e.srcElement;
orgCursor = target.style.cursor;
if (target.nodeName != 'DIV' && target.nodeName != 'P') return;
if (target = clickedInsideID(target, 'divDic')) {
savedTarget = target;
target.style.cursor = htype;
dragOK = true;
dragXoffset = e.clientX - target.offsetLeft;
dragYoffset = e.clientY - target.offsetTop;
// Set the left before removing the right
target.style.left = e.clientX - dragXoffset + 'px';
target.style.right = null;
document.addEventListener('mousemove', moveHandler, false);
document.addEventListener('mouseup', dragCleanup, false);
return false;
}
}
function clickedInsideID(target, id) {
if (target.getAttribute('id') == id) return getId(id);
if (target.parentNode) {
while (target = target.parentNode) {
try {
if (target.getAttribute('id') == id) return getId(id);
} catch(e) {}
}
}
return null;
}
// End drag code
/*
* 提示框 图片
*/
function images() {
imgLookup = createElement('img', {
border: 0
});
imgLookup.src = 'data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjL/wAARCAAPAA8DASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDvde1PUYfEAgh1ny0Zd0UaQI6rnIZZO/AAK56k+1eaePvh/FrviSXX7nVbi2F8ke1BZK/3I1QnPmDrtz0HWtHQ/FCa9b6pfaRAWtJ3hm1FJZWMtkxyMZICyAlWwVycYyFPFaOr65DqdtNbi2eIiRXtzuzwBtweePlA6dxXqYbB02lJrmT3fbReff8ABHjYzG1YNxi+V20XfV+XZfez/9k=';
}
if (typeof GM_deleteValue == 'undefined') {
GM_addStyle = function(css) {
var style = document.createElement('style');
style.textContent = css;
document.getElementsByTagName('head')[0].appendChild(style);
}
GM_deleteValue = function(name) {
localStorage.removeItem(name);
}
GM_getValue = function(name, defaultValue) {
var value = localStorage.getItem(name);
if (!value) return defaultValue;
var type = value[0];
value = value.substring(1);
switch (type) {
case 'b':
return value == 'true';
case 'n':
return Number(value);
default:
return value;
}
}
GM_log = function(message) {
console.log(message);
}
GM_openInTab = function(url) {
return window.open(url, "_blank");
}
GM_registerMenuCommand = function(name, funk) {
//todo
}
GM_setValue = function(name, value) {
value = (typeof value)[0] + value;
localStorage.setItem(name, value);
}
}
/*
* Cross browser support for GM functions
* http://userscripts.org/topics/41177
*/
function initCrossBrowserSupportForGmFunctions() {
if (typeof GM_deleteValue == 'undefined') {
GM_addStyle = function(css) {
var style = document.createElement('style');
style.textContent = css;
document.getElementsByTagName('head')[0].appendChild(style);
}
GM_deleteValue = function(name) {
localStorage.removeItem(name);
}
GM_getValue = function(name, defaultValue) {
var value = localStorage.getItem(name);
if (!value) return defaultValue;
var type = value[0];
value = value.substring(1);
switch (type) {
case 'b':
return value == 'true';
case 'n':
return Number(value);
default:
return value;
}
}
GM_log = function(message) {
console.log(message);
}
GM_openInTab = function(url) {
return window.open(url, "_blank");
}
GM_registerMenuCommand = function(name, funk) {
//todo
}
GM_setValue = function(name, value) {
value = (typeof value)[0] + value;
localStorage.setItem(name, value);
}
}
}