划词翻译,自动切换谷歌翻译和有道词典
Från och med
// ==UserScript==
// @name 智能划词翻译
// @namespace translate.xinggsf
// @version 1.6.6
// @description 划词翻译,自动切换谷歌翻译和有道词典
// @author xinggsf 田雨菲
// @include http*
// @include file://*
// @exclude https://www.nnyy6*.html
// @exclude https://www.dandanzan1*.html
// @run-at document-body
// @connect fanyi.youdao.com
// @connect translate.google.com
// @connect translate.google.cn
// @grant GM_xmlhttpRequest
// ==/UserScript==
'use strict';
// const youdaoUrl = 'http://dict.youdao.com/jsonapi?jsonversion=2&client=mobile&dicts=%7B%22count%22%3A99%2C%22dicts%22%3A%5B%5B%22ec%22%2C%22ce%22%2C%22newcj%22%2C%22newjc%22%2C%22kc%22%2C%22ck%22%2C%22fc%22%2C%22cf%22%2C%22multle%22%2C%22jtj%22%2C%22pic_dict%22%2C%22tc%22%2C%22ct%22%2C%22typos%22%2C%22special%22%2C%22tcb%22%2C%22baike%22%2C%22lang%22%2C%22simple%22%2C%22wordform%22%2C%22exam_dict%22%2C%22ctc%22%2C%22web_search%22%2C%22auth_sents_part%22%2C%22ec21%22%2C%22phrs%22%2C%22input%22%2C%22wikipedia_digest%22%2C%22ee%22%2C%22collins%22%2C%22ugc%22%2C%22media_sents_part%22%2C%22syno%22%2C%22rel_word%22%2C%22longman%22%2C%22ce_new%22%2C%22le%22%2C%22newcj_sents%22%2C%22blng_sents_part%22%2C%22hh%22%5D%2C%5B%22ugc%22%5D%2C%5B%22longman%22%5D%2C%5B%22newjc%22%5D%2C%5B%22newcj%22%5D%2C%5B%22web_trans%22%5D%2C%5B%22fanyi%22%5D%5D%7D&keyfrom=mdict.7.2.0.android&model=honor&mid=5.6.1&imei=659135764921685&vendor=wandoujia&screen=1080x1800&ssid=superman&network=wifi&abtest=2&xmlVersion=5.1&q='
const youdaoUrl = 'http://fanyi.youdao.com/translate?&doctype=json&type=AUTO&i=';
// const googleUrl = 'https://translate.google.cn/translate_a/single?client=gtx&dt=t&dt=bd&dj=1&source=input&hl=zh-CN&sl=auto&tl=';
const googleUrl = 'http://translate.google.com/translate_a/single?client=gtx&dt=t&dj=1&ie=UTF-8&sl=auto&tl=';
const reHZ = /^[\u4E00-\u9FA5\uFF00-\uFF20\u3000-\u301C]/;
const countOfWord = s => s ? s.split(/\s+/).length : 0;
const isChina = s => reHZ.test(s);
const sleep = ms => new Promise(resolve => { setTimeout(resolve, ms) });
const xfetch = (url, type = 'json') => new Promise((success, fail) => {
GM_xmlhttpRequest({
method: 'GET',
timeout: 3000,
url: url,
responseType: type,
onload: success,
onerror: fail,
ontimeout: fail
});
});
// 翻译结果面板
class TranslateTip {
constructor() {
const div = document.createElement('div');
div.hidden = true;
div.setAttribute('style',
`position:absolute!important;
font-size:13px!important;
overflow:auto!important;
background:#fff!important;
font-family:sans-serif,Arial!important;
font-weight:normal!important;
text-align:left!important;
color:#000!important;
padding:0.5em 1em!important;
line-height:1.5em!important;
border-radius:5px!important;
border:1px solid #ccc!important;
box-shadow:4px 4px 8px #888!important;
max-width:450px!important;
max-height:333px!important;
z-index:2147483647!important;`
);
document.body.appendChild(div);
//点击了翻译内容面板，不再创建翻译图标
div.addEventListener('mouseup', e => e.stopPropagation());
this._tip = div;
}
showText(text) { //显示翻译文本
if (!this._tip.innerHTML) this._tip.innerHTML = text;
else this._tip.innerHTML += '<br /><hr>'+ text;
this._tip.hidden = !1;
}
hide() {
this._tip.innerHTML = '';
this._tip.hidden = true;
}
pop(ev) {
this._tip.style.top = Math.min(ev.pageY, document.body.clientHeight - 338) + 'px';
this._tip.style.left = Math.min(ev.pageX, document.body.clientWidth - 450) + 'px';
}
}
const tip = new TranslateTip();
class Icon {
constructor() {
const icon = document.createElement('span');
icon.hidden = true;
icon.innerHTML = `<svg style="margin:4px !important;" "width="24" height="24" viewBox="0 0 768 768">
<path d="M672 640.5v-417c0-18-13.5-31.5-31.5-31.5h-282l37.5 129h61.5v-33h34.5v33h115.5v33h-40.5c-10.5 40.5-33 79.5-61.5 112.5l87 85.5-22.5 24-87-85.5-28.5 28.5 25.5 88.5-64.5 64.5h225c18 0 31.5-13.5 31.5-31.5zM447 388.5c7.5 15 19.5 34.5 36 54 39-46.5 49.5-88.5 49.5-88.5h-127.5l10.5 34.5h31.5zM423 412.5l19.5 70.5 18-16.5c-15-16.5-27-34.5-37.5-54zM355.5 339c0-7.381-0.211-16.921-3-22.5h-126v49.5h70.5c-4.5 19.5-24 48-67.5 48-42 0-76.5-36-76.5-78s34.5-78 76.5-78c24 0 39 10.5 48 19.5l3 1.5 39-37.5-3-1.5c-24-22.5-54-34.5-87-34.5-72 0-130.5 58.5-130.5 130.5s58.5 130.5 130.5 130.5c73.5 0 126-52.5 126-127.5zM640.5 160.5c34.5 0 63 28.5 63 63v417c0 34.5-28.5 63-63 63h-256.5l-31.5-96h-225c-34.5 0-63-28.5-63-63v-417c0-34.5 28.5-63 63-63h192l28.5 96h292.5z" style="fill:#3e84f4;"></svg>`;
icon.setAttribute('style',
`width:32px!important;
height:32px!important;
background:#fff!important;
border-radius:50%!important;
box-shadow:4px 4px 8px #888!important;
position:absolute!important;
z-index:2147483647!important;`
);
document.body.appendChild(icon);
const interceptor = ev => {
ev.preventDefault();
ev.stopPropagation();
};
//拦截二个鼠标事件，以防止选中的文本消失
icon.addEventListener('mousedown', interceptor);
icon.addEventListener('mouseup', interceptor);
icon.addEventListener('click', async ev => {
let text;
if (ev.ctrlKey) text = await readClipboard();
else text = window.getSelection();
text = String(text).trim().replace(/\s{2,}/g, ' ');
text && this.queryText(text, ev);
});
this._icon = icon;
}
async pop(ev) {
const icon = this._icon;
icon.style.top = ev.pageY + 12 + 'px';
icon.style.left = ev.pageX + 'px';
icon.hidden = !1;
await sleep(2000);
this.hide();
}
get hidden() {
return this._icon.hidden
}
hide() {
this._icon.hidden = true;
}
queryText(text,ev) {
if (!text) return;
this._icon.hidden = true;
tip.hide(); // 清空翻译结果面板
tip.pop(ev);
const enc = encodeURIComponent(text);
const url = googleUrl + (isChina(text) ? 'en&q=' : 'zh-CN&q=') + enc;
xfetch(url).then(r => {
const ra = r.response.sentences; // 翻译结果数组
if (ra) tip.showText(ra.map(s => s.trans).join(''));
})
.catch(e => {
tip.showText("谷歌服务器连接失败");
});
xfetch(youdaoUrl + enc, 'text').then(r => {
const ro = JSON.parse(r.responseText.trim());
youdao(ro);
})
.catch(e => {
tip.showText("有道服务器连接失败");
});
}
}
const icon = new Icon();
document.addEventListener('mouseup', function(e) {
const text = window.getSelection().toString().trim();
if (text) icon.pop(e);
else {
icon.hide();
tip.hide();
}
});
function youdao(rst) {
if (!rst || rst.errorCode != 0) return;
const html = rst.translateResult.reduce((a, b, i, arr) => {
const content = b.map(s => s.tgt).join('<br />');
return `${a}<p>${content}</p>`;
}, '有道翻译结果：<br /><hr>');
tip.showText(html);
}
async function readClipboard() {
if (!window.isSecureContext) {
alert('不安全页面不允许读取剪贴板！');
return
}
await navigator.permissions.query({name: 'clipboard-read'});
try {
return await navigator.clipboard.readText();
} catch (ex) {
alert('请允许读取剪贴板！')
}
}