☰

Greasy Fork镜像 支持简体中文。

划词翻译：多词典查询

划词翻译调用“有道词典（有道翻译）、金山词霸、Bing 词典（必应词典）、剑桥高阶、沪江小D、谷歌翻译”

目前為 2019-04-14 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name         划词翻译：多词典查询
  3. // @namespace    http://tampermonkey.net/
  4. // @version      4.4
  5. // @description  划词翻译调用“有道词典（有道翻译）、金山词霸、Bing 词典（必应词典）、剑桥高阶、沪江小D、谷歌翻译”
  6. // @author       https://github.com/barrer
  7. // @match        http://*/*
  8. // @include      https://*/*
  9. // @include      file:///*
  10. // @run-at       document-start
  11. // @connect      youdao.com
  12. // @connect      iciba.com
  13. // @connect      translate.google.cn
  14. // @connect      hjenglish.com
  15. // @connect      bing.com
  16. // @connect      chinacloudapi.cn
  17. // @connect      cambridge.org
  18. // @grant        GM_xmlhttpRequest
  19. // ==/UserScript==
  20.  
  21. (function () {
  22.     'use strict';
  23.  
  24.     // Your code here...
  25.     /**样式*/
  26.     var style = document.createElement('style');
  27.     style.textContent = `
  28.     /*组件样式*/
  29.     :host{all:unset!important}
  30.     :host{all:initial!important}
  31.     *{word-wrap:break-word!important;word-break:break-word!important}
  32.     a{color:#36f;text-decoration:none;cursor:pointer}
  33.     a:hover{text-decoration:underline}
  34.     img{cursor:pointer;display:inline-block;width:16px;height:16px;border:1px solid #dfe1e5;background-color:rgba(255,255,255,1);padding:2px;margin:0;margin-right:5px;box-sizing:content-box;vertical-align:middle}
  35.     img:last-of-type{margin-right:auto}
  36.     img:hover{border:1px solid #c6c6c6}
  37.     img[activate]{border:1px solid #f90}
  38.     img[activate]:hover{border:1px solid #f90}
  39.     tr-icon{display:none;position:absolute;padding:0;margin:0;cursor:move;box-sizing:content-box;font-size:13px;text-align:left;border:0;color:black;z-index:2147483647;background:transparent}
  40.     tr-icon[activate]{background:#fff;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.08);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.08)}
  41.     tr-audio{display:block;margin-bottom:5px}
  42.     tr-audio a{margin-right:1em;font-size:80%}
  43.     tr-audio a:last-of-type{margin-right:auto}
  44.     tr-content{display:block;max-width:300px;max-height:200px;width:300px;height:200px;overflow-x:auto;overflow-y:scroll;background:white;padding:2px 8px;margin-top:5px;box-sizing:content-box;font-family:"Helvetica Neue","Helvetica","Arial","sans-serif";font-size:13px;font-weight:normal;line-height:normal;-webkit-font-smoothing:auto;font-smoothing:auto;text-rendering:auto}
  45.     .list-title~.list-title{margin-top:1em}
  46.     .list-title{color:#00c;display:inline-block}
  47.     .list-title:hover{text-decoration:none}
  48.     /*各引擎样式*/
  49.     .google .sentences,.google .trans,.google .orig,.google .dict,.google .pos,.none{display:block}
  50.     .google .backend,.google .entry,.google .base_form,.google .pos_enum,.google .src,.google .confidence,.google .ld_result,.none{display:none}
  51.     .google .orig{font-style:italic;color:#777}
  52.     .google .pos{margin-top:1em}
  53.     .google .pos:before{content:"<"}
  54.     .google .pos:after{content:">"}
  55.     .google .terms:before{content:"【"}
  56.     .google .terms:after{content:"】"}
  57.     .google .terms{margin-right:.2em}
  58.     .youdao .pron{margin-right:1em}
  59.     .youdao .phone{color:#777;margin-right:1em}
  60.     .youdao .phone:before{content:"["}
  61.     .youdao .phone:after{content:"]"}
  62.     .youdao .pos:before{content:"<"}
  63.     .youdao .pos:after{content:">"}
  64.     .youdao .phrs{display:none}
  65.     .youdao .trs>.tr>.exam{display:none}
  66.     .youdao .trs>.tr>.l{display:block;margin-left:1em}
  67.     .youdao [class="#text"]{font-style:italic}
  68.     .youdao .return-phrase,.youdao [class="@action"],.none{display:none}
  69.     .hjenglish dl,.hjenglish dt,.hjenglish dd,.hjenglish p,.hjenglish ul,.hjenglish li,.hjenglish h3{margin:0;padding:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}
  70.     .hjenglish h3{font-size:1em;font-weight:normal}
  71.     .hjenglish .detail-pron,.hjenglish .pronounces{color:#777}
  72.     .hjenglish ul{margin-left:2em}
  73.     .hjenglish .def-sentence-from,.hjenglish .def-sentence-to{display:none}
  74.     .hjenglish .detail-groups dd h3:before{counter-increment:eq;content:counter(eq) ".";display:block;width:22px;float:left}
  75.     .hjenglish .detail-groups dl{counter-reset:eq;margin-bottom:.5em;clear:both}
  76.     .hjenglish ol,.hjenglish ul{list-style:none}
  77.     .hjenglish dd{margin-left:1em}
  78.     .hjenglish dd>p{margin-left:2.5em}
  79.     .bing h1,.bing strong{font-size:1em;font-weight:normal;margin:0;padding:0}
  80.     .bing .concise ul{list-style:none;margin:0;padding:0}
  81.     .bing .hd_tf{margin-right:1em}
  82.     .bing .concise .pos{margin-right:.2em}
  83.     .bing .concise .web{margin-right:auto}
  84.     .bing .concise .web:after{content:"："}
  85.     .bing .oald{margin-top:.4em}
  86.     .bing .hd_tf_lh div{display:inline;color:#777}
  87.     .bing #authid td:first-child{width:22px;margin:0;padding:0}
  88.     .bing .def_row{vertical-align:top}
  89.     .bing .bil_dis,.bing .val_dis{padding-right:.25em}
  90.     .bing .li_exs{display:none}
  91.     .bing .li_id{border:0;padding:.2em}
  92.     .bing .infor,.bing .sen_com,.bing .com_sep,.bing .bil,.bing .gra{padding-right:.25em}
  93.     .bing .infor,.bing .label{padding-left:.25em}
  94.     .bing .each_seg+.each_seg{margin-top:.5em}
  95.     .bing .de_co div{display:inline}
  96.     .bing .idm_seg,.bing .li_ids_co{margin-left:1em}
  97.     .bing .sim{display:inline}
  98.     .cambridge .entry~.entry{margin-top:1em}
  99.     .cambridge p,.cambridge h2,.cambridge h3{padding:0;margin:0}
  100.     .cambridge h2,.cambridge h3{font-size:1em;font-weight:normal}
  101.     .cambridge .headword .hw{display:block}
  102.     .cambridge .pron{color:#777;margin-right:1em}
  103.     .cambridge b.def{font-weight:normal}
  104.     .cambridge .epp-xref{border:1px solid #777;border-radius:.5em;padding:0 2px;font-size:80%}
  105.     .cambridge .examp,.cambridge .extraexamps,.cambridge .cols,.cambridge .xref,.cambridge .fcdo{display:none}
  106.     .cambridge .entry-body__el+.entry-body__el{margin-top:1em}
  107.     .cambridge .pos-body{margin-left:1em}
  108.     .iciba strong{font-size:1em;font-weight:normal}
  109.     .iciba p{padding:0;margin:0}
  110.     .iciba .icIBahyI-footer,.iciba .icIBahyI-suggest{display:none}
  111.     .iciba .icIBahyI-prons{color:#777}
  112.     .iciba .icIBahyI-eg{margin-right:1em}
  113.     `;
  114.     // iframe 工具库
  115.     var iframe = document.createElement('iframe');
  116.     var iframeWin = null;
  117.     var iframeDoc = null;
  118.     iframe.style.display = 'none';
  119.     var icon = document.createElement('tr-icon'), //翻译图标
  120.         content = document.createElement('tr-content'), // 内容面板
  121.         contentList = document.createElement('div'), //翻译内容结果集（HTML内容）列表
  122.         selected, // 当前选中文本
  123.         engineId, // 当前翻译引擎
  124.         engineTriggerTime, // 引擎触发时间（milliseconds）
  125.         idsType; // 当前翻译面板内容列表数组
  126.     // 初始化内容面板
  127.     content.appendChild(contentList);
  128.     // 发音引擎
  129.     var audioEngines = []; // [{name: 'abc', url: 'https://*.mp3', ...}, ...]
  130.     // 发音缓存
  131.     var audioCache = {}; // {'mp3 download url': blob}
  132.     // 翻译引擎结果集
  133.     var engineResult = {}; // id: DOM 
  134.     // 唯一 ID
  135.     var ids = {
  136.         ICIBA: 'iciba',
  137.         ICIBA_LOWER_CASE: 'icibaLowerCase',
  138.         YOUDAO: 'youdao',
  139.         YOUDAO_LOWER_CASE: 'youdaoLowerCase',
  140.         BING: 'bing',
  141.         HJENGLISH: 'hjenglish',
  142.         GOOGLE: 'google',
  143.         CAMBRIDGE: 'cambridge'
  144.     };
  145.     // 唯一 ID 扩展
  146.     var idsExtension = {
  147.         // ID 组
  148.         LIST_DICT: [ids.ICIBA, ids.YOUDAO, ids.BING, ids.HJENGLISH, ids.CAMBRIDGE],
  149.         LIST_DICT_LOWER_CASE: [ids.ICIBA, ids.ICIBA_LOWER_CASE, ids.YOUDAO, ids.YOUDAO_LOWER_CASE, ids.BING, ids.HJENGLISH, ids.CAMBRIDGE],
  150.         LIST_GOOGLE: [ids.GOOGLE],
  151.         // 去重比对（大小写翻译可能一样）
  152.         lowerCaseMap: (function () {
  153.             var obj = {};
  154.             obj[ids.ICIBA_LOWER_CASE] = ids.ICIBA;
  155.             obj[ids.YOUDAO_LOWER_CASE] = ids.YOUDAO;
  156.             return obj;
  157.         })(),
  158.         // 标题
  159.         names: (function () {
  160.             var obj = {};
  161.             obj[ids.ICIBA] = '《金山词霸》';
  162.             obj[ids.ICIBA_LOWER_CASE] = '';
  163.             obj[ids.YOUDAO] = '《有道词典》';
  164.             obj[ids.YOUDAO_LOWER_CASE] = '';
  165.             obj[ids.BING] = '《Bing 词典》';
  166.             obj[ids.HJENGLISH] = '《沪江小D》';
  167.             obj[ids.GOOGLE] = '《谷歌翻译》';
  168.             obj[ids.CAMBRIDGE] = '《剑桥高阶》';
  169.             return obj;
  170.         })(),
  171.         // 跳转到网站（“%q%”占位符或者 function text -> return URL）
  172.         links: (function () {
  173.             var obj = {};
  174.             obj[ids.ICIBA] = 'http://www.iciba.com/%q%';
  175.             obj[ids.ICIBA_LOWER_CASE] = '';
  176.             obj[ids.YOUDAO] = 'https://dict.youdao.com/w/eng/%q%';
  177.             obj[ids.YOUDAO_LOWER_CASE] = '';
  178.             obj[ids.BING] = 'https://cn.bing.com/dict/search?q=%q%';
  179.             obj[ids.HJENGLISH] = 'https://dict.hjenglish.com/w/%q%';
  180.             obj[ids.GOOGLE] = function (text) {
  181.                 var rst = '';
  182.                 if (hasChineseByRange(text)) {
  183.                     rst = 'https://translate.google.cn/#view=home&op=translate&sl=auto&tl=en&text=' + encodeURIComponent(text);
  184.                 } else {
  185.                     rst = 'https://translate.google.cn/#view=home&op=translate&sl=auto&tl=zh-CN&text=' + encodeURIComponent(text);
  186.                 }
  187.                 return rst;
  188.             };
  189.             obj[ids.CAMBRIDGE] = 'https://dictionary.cambridge.org/dictionary/english-chinese-simplified/%q%';
  190.             return obj;
  191.         })(),
  192.         // 翻译引擎
  193.         engines: (function () {
  194.             var obj = {};
  195.             obj[ids.ICIBA] = function (text, time) {
  196.                 ajax('http://open.iciba.com/huaci_v3/dict.php?word=' + encodeURIComponent(text), function (rst) {
  197.                     putEngineResult(ids.ICIBA, parseIciba(rst), time);
  198.                     showContent();
  199.                 }, function (rst) {
  200.                     putEngineResult(ids.ICIBA, htmlToDom('error: 无法连接翻译服务'), time);
  201.                     showContent();
  202.                 });
  203.             };
  204.             obj[ids.ICIBA_LOWER_CASE] = function (text, time) {
  205.                 ajax('http://open.iciba.com/huaci_v3/dict.php?word=' + encodeURIComponent(text.toLowerCase()), function (rst) {
  206.                     putEngineResult(ids.ICIBA_LOWER_CASE, parseIciba(rst), time);
  207.                     showContent();
  208.                 }, function (rst) {
  209.                     putEngineResult(ids.ICIBA_LOWER_CASE, htmlToDom('error: 无法连接翻译服务'), time);
  210.                     showContent();
  211.                 });
  212.             };
  213.             obj[ids.YOUDAO] = function (text, time) {
  214.                 ajax('https://dict.youdao.com/jsonapi?xmlVersion=5.1&jsonversion=2&q=' + encodeURIComponent(text), function (rst) {
  215.                     putEngineResult(ids.YOUDAO, parseYoudao(rst), time)
  216.                     showContent();
  217.                 }, function (rst) {
  218.                     putEngineResult(ids.YOUDAO, htmlToDom('error: 无法连接翻译服务'), time);
  219.                     showContent();
  220.                 });
  221.             };
  222.             obj[ids.YOUDAO_LOWER_CASE] = function (text, time) {
  223.                 ajax('https://dict.youdao.com/jsonapi?xmlVersion=5.1&jsonversion=2&q=' + encodeURIComponent(text.toLowerCase()), function (rst) {
  224.                     putEngineResult(ids.YOUDAO_LOWER_CASE, parseYoudao(rst), time);
  225.                     showContent();
  226.                 }, function (rst) {
  227.                     putEngineResult(ids.YOUDAO_LOWER_CASE, htmlToDom('error: 无法连接翻译服务'), time)
  228.                     showContent();
  229.                 });
  230.             };
  231.             obj[ids.BING] = function (text, time) {
  232.                 ajax('https://cn.bing.com/dict/search?q=' + encodeURIComponent(text), function (rst) {
  233.                     putEngineResult(ids.BING, parseBing(rst), time);
  234.                     showContent();
  235.                 }, function (rst) {
  236.                     putEngineResult(ids.BING, htmlToDom('error: 无法连接翻译服务'), time);
  237.                     showContent();
  238.                 });
  239.             };
  240.             obj[ids.HJENGLISH] = function (text, time) {
  241.                 ajax('https://dict.hjenglish.com/w/' + encodeURIComponent(text), function (rst) {
  242.                     putEngineResult(ids.HJENGLISH, parseHjenglish(rst), time);
  243.                     showContent();
  244.                 }, function (rst) {
  245.                     putEngineResult(ids.HJENGLISH, htmlToDom('error: 无法连接翻译服务'), time);
  246.                     showContent();
  247.                 }, {
  248.                     headers: {
  249.                         'Cookie': 'HJ_SID=' + uuid() + '; HJ_SSID_3=' + uuid() + '; HJ_CST=1; HJ_CSST_3=1; HJ_UID=' + uuid()
  250.                     }
  251.                 });
  252.             };
  253.             obj[ids.GOOGLE] = function (text, time) {
  254.                 var url = 'https://translate.google.cn/translate_a/single?client=gtx&dt=t&dt=bd&dj=1&source=input&hl=zh-CN&sl=auto';
  255.                 url += '&tk=' + token(text);
  256.                 if (hasChineseByRange(text)) {
  257.                     url += '&tl=en&q=' + encodeURIComponent(text);
  258.                 } else {
  259.                     url += '&tl=zh-CN&q=' + encodeURIComponent(text);
  260.                 }
  261.                 ajax(url, function (rst) {
  262.                     putEngineResult(ids.GOOGLE, parseGoogle(rst), time);
  263.                     showContent();
  264.                 }, function (rst) {
  265.                     putEngineResult(ids.GOOGLE, htmlToDom('error: 无法连接翻译服务'), time);
  266.                     showContent();
  267.                 });
  268.             };
  269.             obj[ids.CAMBRIDGE] = function (text, time) {
  270.                 var url = 'https://dictionary.cambridge.org/dictionary/english-chinese-simplified/' + encodeURIComponent(text);
  271.                 ajax(url, function (rst) {
  272.                     putEngineResult(ids.CAMBRIDGE, parseCambridge(rst), time);
  273.                     showContent();
  274.                 }, function (rst) {
  275.                     putEngineResult(ids.CAMBRIDGE, htmlToDom('error: 无法连接翻译服务'), time);
  276.                     showContent();
  277.                 });
  278.             };
  279.             return obj;
  280.         })()
  281.     }
  282.     // 绑定图标拖动事件
  283.     var iconDrag = new Drag(icon);
  284.     // 图标数组
  285.     var iconArray = [{
  286.         name: '多词典查询',
  287.         id: 'icon-dict',
  288.         image: 'data:image/png;base64,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',
  289.         trigger: function (text, time) {
  290.             idsType = idsExtension.LIST_DICT;
  291.             if (text != text.toLowerCase()) {
  292.                 idsType = idsExtension.LIST_DICT_LOWER_CASE; // 改为大小写 ID 组（大小写各请求一次）
  293.             }
  294.             idsType.forEach(function (id) {
  295.                 idsExtension.engines[id](text, time);
  296.             });
  297.         }
  298.     }, {
  299.         name: '谷歌翻译',
  300.         id: 'icon-google',
  301.         image: 'data:image/png;base64,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',
  302.         trigger: function (text, time) {
  303.             idsType = idsExtension.LIST_GOOGLE;
  304.             idsType.forEach(function (id) {
  305.                 idsExtension.engines[id](text, time);
  306.             });
  307.         }
  308.     }];
  309.     // 添加翻译引擎图标
  310.     iconArray.forEach(function (obj) {
  311.         var img = document.createElement('img');
  312.         img.setAttribute('src', obj.image);
  313.         img.setAttribute('alt', obj.name);
  314.         img.setAttribute('title', obj.name);
  315.         img.setAttribute('icon-id', obj.id);
  316.         img.addEventListener('mouseup', function () {
  317.             if (engineId == obj.id) {
  318.                 // 已经是当前翻译引擎，不做任何处理
  319.             } else {
  320.                 icon.setAttribute('activate', 'activate'); // 标注面板展开
  321.                 contentList.innerHTML = ''; // 清空翻译内容列表
  322.                 displayContent(); // 立马显示翻译面板
  323.                 content.scrollTop = 0; // 翻译面板滚动到顶端
  324.                 content.scrollLeft = 0; // 翻译面板滚动到左端
  325.                 engineId = obj.id; // 翻译引擎 ID
  326.                 engineTriggerTime = new Date().getTime(); // 引擎触发时间
  327.                 engineActivateShow(); // 显示翻译引擎指示器
  328.                 audioEngines = []; // 清空发音引擎
  329.                 audioCache = {}; // 清空发音缓存
  330.                 engineResult = {}; // 清空翻译引擎结果集
  331.                 obj.trigger(selected, engineTriggerTime); // 启动翻译引擎
  332.             }
  333.         });
  334.         icon.appendChild(img);
  335.     });
  336.     // 添加内容面板（放图标后面）
  337.     icon.appendChild(content);
  338.     // 添加样式、翻译图标到 DOM
  339.     var root = document.createElement('div');
  340.     document.documentElement.appendChild(root);
  341.     var shadow = root.attachShadow({
  342.         mode: 'closed'
  343.     });
  344.     // iframe 工具库加入 Shadow
  345.     shadow.appendChild(iframe);
  346.     iframeWin = iframe.contentWindow;
  347.     iframeDoc = iframe.contentDocument;
  348.     // 外部样式表
  349.     var link = document.createElement('link');
  350.     link.rel = 'stylesheet';
  351.     link.type = 'text/css';
  352.     link.href = createObjectURLWithTry(new Blob(['\ufeff', style.textContent], {
  353.         type: 'text/css;charset=UTF-8'
  354.     }));
  355.     // 多种方式最大化兼容：Content Security Policy
  356.     // https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy
  357.     shadow.appendChild(style); // 内部样式表
  358.     shadow.appendChild(link); // 外部样式表
  359.     // 翻译图标加入 Shadow
  360.     shadow.appendChild(icon);
  361.     // 鼠标事件：防止选中的文本消失
  362.     document.addEventListener('mousedown', function (e) {
  363.         log('mousedown event:', e);
  364.         if (e.target == icon || (e.target.parentNode && e.target.parentNode == icon)) { // 点击了翻译图标
  365.             e.preventDefault();
  366.         }
  367.     });
  368.     // 鼠标事件：防止选中的文本消失；显示、隐藏翻译图标
  369.     document.addEventListener('mouseup', function (e) {
  370.         log('mouseup event:', e);
  371.         if (e.target == icon || (e.target.parentNode && e.target.parentNode == icon)) { // 点击了翻译图标
  372.             e.preventDefault();
  373.             return;
  374.         }
  375.         selected = window.getSelection().toString().trim(); // 当前选中文本
  376.         log('click text:' + selected);
  377.         if (selected && icon.style.display == 'none') { // 显示翻译图标
  378.             log('show icon');
  379.             log(selected + ' | ' + e.pageX + ' | ' + e.pageY);
  380.             icon.style.top = e.pageY + 10 + 'px';
  381.             icon.style.left = e.pageX + 10 + 'px';
  382.             icon.style.display = 'block';
  383.             // 兼容部分 Content Security Policy
  384.             icon.style.position = 'absolute';
  385.             icon.style.zIndex = '2147483647';
  386.         } else if (!selected) { // 隐藏翻译图标
  387.             log('hide icon:mouseup');
  388.             hideIcon();
  389.         }
  390.     });
  391.     // 选中变化事件：当点击已经选中的文本的时候，隐藏翻译图标（此时浏览器动作是：选中的文本已经取消选中了）
  392.     document.addEventListener('selectionchange', function (e) {
  393.         log('selectionchange event:', e);
  394.         log('selectionchange:' + window.getSelection().toString());
  395.         if (!window.getSelection().toString().trim()) {
  396.             log('hide icon:selectionchange');
  397.             hideIcon();
  398.         }
  399.     });
  400.     // 内容面板滚动事件
  401.     content.addEventListener('scroll', function (e) {
  402.         if (content.scrollHeight - content.scrollTop === content.clientHeight) {
  403.             log('scroll bottom', e);
  404.             e.preventDefault();
  405.             e.stopPropagation();
  406.         } else if (content.scrollTop === 0) {
  407.             log('scroll top', e);
  408.             e.preventDefault();
  409.             e.stopPropagation();
  410.         }
  411.     });
  412.     /**日志输出*/
  413.     function log() {
  414.         var debug = false;
  415.         if (!debug) {
  416.             return;
  417.         }
  418.         if (arguments) {
  419.             for (var i = 0; i < arguments.length; i++) {
  420.                 console.log(arguments[i]);
  421.             }
  422.         }
  423.     }
  424.     /**鼠标拖动*/
  425.     function Drag(element) {
  426.         this.dragging = false;
  427.         this.startDragTime = 0;
  428.         this.stopDragTime = 0;
  429.         this.mouseDownPositionX = 0;
  430.         this.mouseDownPositionY = 0;
  431.         this.elementOriginalLeft = parseInt(element.style.left);
  432.         this.elementOriginalTop = parseInt(element.style.top);
  433.         var ref = this;
  434.         this.startDrag = function (e) {
  435.             e.preventDefault();
  436.             ref.dragging = true;
  437.             ref.startDragTime = new Date().getTime();
  438.             ref.mouseDownPositionX = e.clientX;
  439.             ref.mouseDownPositionY = e.clientY;
  440.             ref.elementOriginalLeft = parseInt(element.style.left);
  441.             ref.elementOriginalTop = parseInt(element.style.top);
  442.             // set mousemove event
  443.             window.addEventListener('mousemove', ref.dragElement);
  444.             log('startDrag');
  445.         };
  446.         this.unsetMouseMove = function () {
  447.             // unset mousemove event
  448.             window.removeEventListener('mousemove', ref.dragElement);
  449.         };
  450.         this.stopDrag = function (e) {
  451.             e.preventDefault();
  452.             ref.dragging = false;
  453.             ref.stopDragTime = new Date().getTime();
  454.             ref.unsetMouseMove();
  455.             log('stopDrag');
  456.         };
  457.         this.dragElement = function (e) {
  458.             log('dragging');
  459.             if (!ref.dragging) {
  460.                 return;
  461.             }
  462.             e.preventDefault();
  463.             // move element
  464.             element.style.left = ref.elementOriginalLeft + (e.clientX - ref.mouseDownPositionX) + 'px';
  465.             element.style.top = ref.elementOriginalTop + (e.clientY - ref.mouseDownPositionY) + 'px';
  466.             log('dragElement');
  467.         };
  468.         element.onmousedown = this.startDrag;
  469.         element.onmouseup = this.stopDrag;
  470.     }
  471.     /**是否拖动图标*/
  472.     function isDrag() {
  473.         return iconDrag.elementOriginalLeft != parseInt(icon.style.left) ||
  474.             iconDrag.elementOriginalTop != parseInt(icon.style.top);
  475.     }
  476.     /**强制结束拖动*/
  477.     function forceStopDrag() {
  478.         if (iconDrag) {
  479.             // 强制设置鼠标拖动事件结束，防止由于网页本身的其它鼠标事件冲突而导致没有侦测到：mouseup
  480.             iconDrag.dragging = false;
  481.             iconDrag.unsetMouseMove();
  482.         }
  483.     }
  484.     /**是否包含汉字*/
  485.     function hasChineseByRange(str) {
  486.         return /[\u4e00-\u9fa5]/ig.test(str);
  487.     }
  488.     /**uuid*/
  489.     function uuid() {
  490.         return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
  491.             var r = Math.random() * 16 | 0,
  492.                 v = c == 'x' ? r : (r & 0x3 | 0x8);
  493.             return v.toString(16);
  494.         });
  495.     }
  496.     /**对象转 xml*/
  497.     function objToXml(obj) {
  498.         var xml = '';
  499.         for (var prop in obj) {
  500.             if (obj[prop] instanceof iframeWin.Function) {
  501.                 continue;
  502.             }
  503.             xml += obj[prop] instanceof iframeWin.Array ? '' : '<' + prop + '>';
  504.             if (obj[prop] instanceof iframeWin.Array) {
  505.                 for (var array in obj[prop]) {
  506.                     if (obj[prop][array] instanceof iframeWin.Function) {
  507.                         continue;
  508.                     }
  509.                     xml += '<' + prop + '>';
  510.                     xml += objToXml(new iframeWin.Object(obj[prop][array]));
  511.                     xml += '</' + prop + '>';
  512.                 }
  513.             } else if (obj[prop] instanceof iframeWin.Object) {
  514.                 xml += objToXml(new iframeWin.Object(obj[prop]));
  515.             } else {
  516.                 xml += obj[prop];
  517.             }
  518.             xml += obj[prop] instanceof iframeWin.Array ? '' : '</' + prop + '>';
  519.         }
  520.         var xml = xml.replace(/<\/?[0-9]{1,}>/g, '');
  521.         return xml
  522.     }
  523.     /**xml 转 html*/
  524.     function xmlToHtml(xml, tag) {
  525.         return xml.replace(/<([^/]+?)>/g, '<' + tag + ' class="$1">')
  526.             .replace(/<\/(.+?)>/g, '</' + tag + '>');
  527.     }
  528.     // html 字符串转 DOM
  529.     function htmlToDom(html) {
  530.         var div = document.createElement('div');
  531.         div.innerHTML = html;
  532.         return div;
  533.     }
  534.     /**清理 html*/
  535.     function cleanHtml(html) {
  536.         html = html.replace(/<script[\s\S]*?<\/script>/ig, '')
  537.             .replace(/<link[\s\S]*?>/ig, '')
  538.             .replace(/<style[\s\S]*?<\/style>/ig, '')
  539.             .replace(/<img[\s\S]*?>/ig, '');
  540.         html = cleanAttr(html, 'on[a-z]*');
  541.         return html;
  542.     }
  543.     /**
  544.      * 清理指定属性（忽略大小写）
  545.      * @param attr 支持正则表示（如“on[a-z]*”，表示清理“on”开头的属性：onclick、onmove等）
  546.      */
  547.     function cleanAttr(html, attr) {
  548.         var regex = ' ' + attr + '="([^"<>]*)"';
  549.         return html.replace(new RegExp(regex, 'ig'), '');
  550.     }
  551.     /**带异常处理的 createObjectURL*/
  552.     function createObjectURLWithTry(blob) {
  553.         try {
  554.             return iframeWin.URL.createObjectURL(blob);
  555.         } catch (error) {
  556.             log(error);
  557.         }
  558.         return '';
  559.     }
  560.     /**ajax 跨域访问公共方法*/
  561.     function ajax(url, success, error, obj) {
  562.         if (!!!obj) {
  563.             obj = {};
  564.         }
  565.         if (!!!obj.method) {
  566.             obj.method = 'GET';
  567.         }
  568.         // >>>因为Tampermonkey跨域访问(a.com)时会自动携带对应域名(a.com)的对应cookie
  569.         // 不会携带当前域名的cookie
  570.         // 所以，GM_xmlhttpRequest【不存在】cookie跨域访问安全性问题
  571.         // 以下设置的cookie会添加到已有cookie的后面<<<
  572.         if (!!!obj.headers) {
  573.             obj.headers = {
  574.                 'cookie': ''
  575.             };
  576.         }
  577.         GM_xmlhttpRequest({
  578.             method: obj.method,
  579.             url: url,
  580.             headers: obj.headers,
  581.             responseType: obj.responseType,
  582.             data: obj.data,
  583.             onload: function (res) {
  584.                 success(res.responseText, res, obj);
  585.             },
  586.             onerror: function (res) {
  587.                 error(res.responseText, res, obj);
  588.             },
  589.             onabort: function (res) {
  590.                 error('the request was aborted', res, obj);
  591.             },
  592.             ontimeout: function (res) {
  593.                 error('the request failed due to a timeout', res, obj);
  594.             },
  595.             onreadystatechange: function () {
  596.                 log('ajax:', arguments);
  597.             }
  598.         });
  599.     }
  600.     /**放入翻译引擎结果集*/
  601.     function putEngineResult(id, value, time) {
  602.         if (time == engineTriggerTime) { // 是本次触发的异步ajax请求
  603.             engineResult[id] = value;
  604.         }
  605.     }
  606.     /**显示内容面板*/
  607.     function displayContent() {
  608.         var panelWidth = 316 + 8; // icon 展开后总宽度
  609.         var panelHeight = 231 + 8; // icon 展开后总高度
  610.         // 计算位置
  611.         log('content position:',
  612.             'window.scrollY', window.scrollY,
  613.             'document.documentElement.scrollTop', document.documentElement.scrollTop,
  614.             'document.body.scrollTop', document.body.scrollTop,
  615.             'window.innerHeight', window.innerHeight,
  616.             'document.documentElement.clientHeight', document.documentElement.clientHeight,
  617.             'document.body.clientHeight', document.body.clientHeight,
  618.             'icon.style.top', icon.style.top,
  619.             'window.scrollX', window.scrollX,
  620.             'document.documentElement.scrollLeft', document.documentElement.scrollLeft,
  621.             'document.body.scrollLeft', document.body.scrollLeft,
  622.             'window.innerWidth', window.innerWidth,
  623.             'document.documentElement.clientWidth', document.documentElement.clientWidth,
  624.             'document.body.clientWidth', document.body.clientWidth,
  625.             'icon.style.left', icon.style.left
  626.         );
  627.         var scrollTop = Math.max(parseInt(document.documentElement.scrollTop), parseInt(document.body.scrollTop));
  628.         var scrollLeft = Math.max(parseInt(document.documentElement.scrollLeft), parseInt(document.body.scrollLeft));
  629.         var clientHeight = [parseInt(document.documentElement.clientHeight), parseInt(document.body.clientHeight)].filter(function (x) {
  630.             return x <= parseInt(window.innerHeight);
  631.         }).sort(function (a, b) {
  632.             return a > b ? -1 : (a == b ? 0 : 1);
  633.         })[0]; // 找出最大值且小于等于 window 的高度
  634.         if (!clientHeight) { // 网页缩放导致可能数组为空（[0] 为 undefined）
  635.             clientHeight = parseInt(window.innerHeight);
  636.         }
  637.         var clientWidth = [parseInt(document.documentElement.clientWidth), parseInt(document.body.clientWidth)].filter(function (x) {
  638.             return x <= parseInt(window.innerWidth);
  639.         }).sort(function (a, b) {
  640.             return a > b ? -1 : (a == b ? 0 : 1);
  641.         })[0]; // 找出最大值且小于等于 window 的宽度
  642.         if (!clientWidth) { // 网页缩放导致可能数组为空（[0] 为 undefined）
  643.             clientWidth = parseInt(window.innerWidth);
  644.         }
  645.         var iconNewTop = -1;
  646.         if (parseInt(icon.style.top) < scrollTop) {
  647.             log('Y adjust top');
  648.             iconNewTop = scrollTop;
  649.         } else if (parseInt(icon.style.top) + panelHeight > scrollTop + clientHeight) {
  650.             log('Y adjust bottom');
  651.             iconNewTop = parseInt(scrollTop + clientHeight - panelHeight);
  652.         }
  653.         if (iconNewTop != -1 && Math.abs(iconNewTop - parseInt(icon.style.top)) <= panelHeight) {
  654.             log('Y set iconNewTop', iconNewTop);
  655.             icon.style.top = iconNewTop + 'px';
  656.         }
  657.         var iconNewLeft = -1;
  658.         if (parseInt(icon.style.left) < scrollLeft) {
  659.             log('X adjust left');
  660.             iconNewLeft = scrollLeft;
  661.         } else if (parseInt(icon.style.left) + panelWidth > scrollLeft + clientWidth) {
  662.             log('X adjust right');
  663.             iconNewLeft = parseInt(scrollLeft + clientWidth - panelWidth);
  664.         }
  665.         if (iconNewLeft != -1 && Math.abs(iconNewLeft - parseInt(icon.style.left)) <= panelWidth) {
  666.             log('X set iconNewLeft', iconNewLeft);
  667.             icon.style.left = iconNewLeft + 'px';
  668.         }
  669.         content.style.display = 'block';
  670.     }
  671.     /**内容面板填充数据*/
  672.     function showContent() {
  673.         log('showContent rendering');
  674.         // 发音
  675.         audioEngines = []; // 清空防止多次渲染
  676.         audioEngines.push({
  677.             name: '♪US',
  678.             url: 'https://dict.youdao.com/dictvoice?audio=' + selected + '&type=2'
  679.         });
  680.         audioEngines.push({
  681.             name: '♪UK',
  682.             url: 'https://dict.youdao.com/dictvoice?audio=' + selected + '&type=1'
  683.         });
  684.         var audio = document.createElement('tr-audio');
  685.         audioEngines.forEach(function (obj) {
  686.             audio.appendChild(getPlayButton(obj));
  687.         });
  688.         contentList.innerHTML = ''; // 清空翻译内容列表
  689.         // 比较大小写内容
  690.         var needDel = {};
  691.         for (var key in idsExtension.lowerCaseMap) {
  692.             if (engineResult[key] &&
  693.                 engineResult[idsExtension.lowerCaseMap[key]] &&
  694.                 (engineResult[key].innerHTML == engineResult[idsExtension.lowerCaseMap[key]].innerHTML ||
  695.                     engineResult[key].innerHTML.toLowerCase() == engineResult[idsExtension.lowerCaseMap[key]].innerHTML.toLowerCase())) {
  696.                 needDel[key] = key;
  697.             }
  698.         }
  699.         idsType.forEach(function (id) {
  700.             if (engineResult[id] && !(id in needDel)) {
  701.                 if (idsExtension.names[id]) {
  702.                     var title = document.createElement('a');
  703.                     title.innerHTML = idsExtension.names[id];
  704.                     title.setAttribute('class', 'list-title');
  705.                     // 添加跳转
  706.                     var href = 'javascript:void(0)';
  707.                     if (idsExtension.links[id]) {
  708.                         var link = idsExtension.links[id];
  709.                         if (typeof link == 'string') {
  710.                             if (link.length > 0) {
  711.                                 href = link.replace(/%q%/ig, encodeURIComponent(selected));
  712.                             }
  713.                         } else if (typeof link == 'function') {
  714.                             var fnHref = link(selected);
  715.                             if (fnHref.length > 0) {
  716.                                 href = fnHref;
  717.                             }
  718.                         }
  719.                     }
  720.                     title.setAttribute('rel', 'noreferrer noopener');
  721.                     title.setAttribute('target', '_blank');
  722.                     title.setAttribute('href', href);
  723.                     title.setAttribute('title', '打开源网站');
  724.                     contentList.appendChild(title);
  725.                 }
  726.                 contentList.appendChild(engineResult[id]);
  727.             }
  728.         });
  729.         if (engineId != 'icon-google') { // 谷歌翻译不显示发音图标
  730.             contentList.insertBefore(audio, contentList.childNodes[0]);
  731.         }
  732.     }
  733.     /**隐藏翻译引擎指示器*/
  734.     function engineActivateHide() {
  735.         icon.querySelectorAll('img[activate]').forEach(function (ele) {
  736.             ele.removeAttribute('activate');
  737.         });
  738.     }
  739.     /**显示翻译引擎指示器*/
  740.     function engineActivateShow() {
  741.         engineActivateHide();
  742.         icon.querySelector('img[icon-id="' + engineId + '"]').setAttribute('activate', 'activate');
  743.     }
  744.     /**隐藏 icon*/
  745.     function hideIcon() {
  746.         icon.style.display = 'none';
  747.         icon.removeAttribute('activate'); // 标注面板关闭
  748.         content.style.display = 'none';
  749.         engineId = '';
  750.         engineTriggerTime = 0;
  751.         audioEngines = [];
  752.         audioCache = {};
  753.         engineResult = {};
  754.         engineActivateHide();
  755.         forceStopDrag();
  756.     }
  757.     /**发音*/
  758.     function play(obj) {
  759.         if (obj.url in audioCache) { // 查找缓存
  760.             log('audio in cache', obj, audioCache);
  761.             playArrayBuffer(audioCache[obj.url]); // 播放
  762.         } else {
  763.             ajax(obj.url, function (rst, res) {
  764.                 audioCache[obj.url] = res.response; // 放入缓存
  765.                 playArrayBuffer(audioCache[obj.url]); // 播放
  766.             }, function (rst) {
  767.                 log(rst);
  768.             }, {
  769.                 responseType: 'arraybuffer'
  770.             });
  771.         }
  772.     }
  773.     /**播放 ArrayBuffer 音频*/
  774.     function playArrayBuffer(arrayBuffer) {
  775.         var context = new iframeWin.AudioContext() || new iframeWin.webkitAudioContext();
  776.         context.decodeAudioData(arrayBuffer.slice(0), function (audioBuffer) { // `slice(0)`克隆一份（`decodeAudioData`后原数组清空）
  777.             var bufferSource = context.createBufferSource();
  778.             bufferSource.buffer = audioBuffer;
  779.             bufferSource.connect(context.destination);
  780.             bufferSource.start();
  781.         });
  782.     }
  783.     /**得到发音按钮*/
  784.     function getPlayButton(obj) {
  785.         var type = document.createElement('a');
  786.         type.innerHTML = obj.name;
  787.         type.setAttribute('href', 'javascript:void(0)');
  788.         type.setAttribute('class', 'audio-button');
  789.         type.setAttribute('title', '点击发音');
  790.         type.addEventListener('mouseup', function () {
  791.             play(obj);
  792.         });
  793.         return type;
  794.     }
  795.     /**有道词典排版*/
  796.     function parseYoudao(rst) {
  797.         var html = '';
  798.         try {
  799.             var rstJson = iframeWin.JSON.parse(rst),
  800.                 phoneStyle = 'color:#777;';
  801.             if (rstJson.ec) {
  802.                 var word = rstJson.ec.word[0],
  803.                     tr = '';
  804.                 var trs = word.trs,
  805.                     ukphone = word.ukphone,
  806.                     usphone = word.usphone,
  807.                     phone = word.phone,
  808.                     returnPhrase = word['return-phrase'];
  809.                 if (returnPhrase && returnPhrase.l && returnPhrase.l.i) {
  810.                     html += '<div>' + returnPhrase.l.i + '</div>';
  811.                 }
  812.                 html += '<div>';
  813.                 if (ukphone && ukphone.length != 0) {
  814.                     html += '<span class="pron" style="' + phoneStyle + '">英 [' + ukphone + '] </span>';
  815.                 }
  816.                 if (usphone && usphone.length != 0) {
  817.                     html += '<span class="pron" style="' + phoneStyle + '">美 [' + usphone + '] </span>';
  818.                 }
  819.                 html += '</div>';
  820.                 if (phone && phone.length != 0) {
  821.                     html += '<div class="pron" style="' + phoneStyle + '">[' + phone + '] </div>';
  822.                 }
  823.                 trs.forEach(element => {
  824.                     tr += '<div>' + element.tr[0].l.i[0] + '</div>';
  825.                 });
  826.                 html += tr;
  827.             }
  828.             // 中英翻译
  829.             if (rstJson.ce_new && rstJson.ce_new.word) {
  830.                 html += '<div>' +
  831.                     '《新汉英大辞典》<br>' + xmlToHtml(objToXml(rstJson.ce_new.word), 'div') +
  832.                     '</div>';
  833.             }
  834.             // 中文翻译
  835.             if (rstJson.hh && rstJson.hh.word) {
  836.                 html += '<div>' +
  837.                     '《现代汉语大词典》<br>' + xmlToHtml(objToXml(rstJson.hh.word), 'span') +
  838.                     '</div>';
  839.             }
  840.             // 长句翻译
  841.             if (rstJson.fanyi && rstJson.fanyi.tran) {
  842.                 html += rstJson.fanyi.tran;
  843.             }
  844.         } catch (error) {
  845.             log(error);
  846.             html += error;
  847.         }
  848.         var dom = document.createElement('div');
  849.         dom.setAttribute('class', ids.YOUDAO);
  850.         dom.innerHTML = html;
  851.         return dom;
  852.     }
  853.     /**金山词霸排版*/
  854.     function parseIciba(rst) {
  855.         var dom = document.createElement('div');
  856.         dom.setAttribute('class', ids.ICIBA);
  857.         try {
  858.             rst = rst.replace(/\n/g, ' ');
  859.             rst = /dict.innerHTML='(.*)';    \tdict.style.display = "block";/g.exec(rst)[1];
  860.             rst = rst
  861.                 .replace(/\\"/g, '"')
  862.                 .replace(/\\'/g, '\'')
  863.                 .replace(/onclick=/g, 'data-onclick=');
  864.             rst = cleanAttr(rst, 'style');
  865.             // 标识符处理
  866.             var symbolRegex = /(<span class="icIBahyI-fl">.*?(?: xml:lang=).*?<\/span>)/ig;
  867.             var symbolMatch;
  868.             var symbolResult = [];
  869.             while ((symbolMatch = symbolRegex.exec(rst)) != null) {
  870.                 symbolResult.push(symbolMatch[1]);
  871.             }
  872.             symbolResult.forEach(function (str) {
  873.                 rst = rst.replace(str,
  874.                     str.replace(/\[英\]/g, '英')
  875.                     .replace(/\[美\]/g, '美')
  876.                 );
  877.             });
  878.             rst = cleanHtml(rst)
  879.                 .replace(/(?:a>)/ig, 'span>')
  880.                 .replace(/(?:<a)/ig, '<span');
  881.             var doc = htmlToDom(rst);
  882.             // 发音
  883.             doc.querySelectorAll('[title="真人发音"],[title="机器发音"]').forEach(function (ele) {
  884.                 var str = ele.getAttribute('data-onclick');
  885.                 var regex = /'(http:\/\/.*?)'/ig;
  886.                 var match = regex.exec(str);
  887.                 if (match && match.length >= 1) {
  888.                     ele.appendChild(getPlayButton({
  889.                         name: '♫',
  890.                         url: match[1]
  891.                     }));
  892.                 }
  893.             });
  894.             // 内容
  895.             dom.appendChild(doc);
  896.         } catch (error) {
  897.             log(error);
  898.             dom.appendChild(htmlToDom(error));
  899.         }
  900.         return dom;
  901.     }
  902.     /**沪江小D排版*/
  903.     function parseHjenglish(rst) {
  904.         var dom = document.createElement('div');
  905.         dom.setAttribute('class', ids.HJENGLISH);
  906.         try {
  907.             var doc = htmlToDom(cleanHtml(rst));
  908.             var label = doc.querySelector('.word-details-item-content header');
  909.             var entry = doc.querySelector('.word-text h2');
  910.             var collins = doc.querySelector('div[data-id="detail"] .word-details-item-content .detail-groups');
  911.             if (entry) {
  912.                 var entryDom = document.createElement('div');
  913.                 entryDom.setAttribute('class', 'entry');
  914.                 entryDom.innerHTML = entry.innerHTML;
  915.                 dom.appendChild(entryDom);
  916.                 if (collins) {
  917.                     if (label) {
  918.                         var regex = /(《.*?》)/ig;
  919.                         var match = regex.exec(label.innerHTML);
  920.                         if (match && match[1]) {
  921.                             dom.appendChild(htmlToDom('<div>' + match[1] + '</div>'));
  922.                         }
  923.                     }
  924.                     dom.appendChild(collins);
  925.                 }
  926.             }
  927.         } catch (error) {
  928.             log(error);
  929.             dom.appendChild(htmlToDom(error));
  930.         }
  931.         return dom;
  932.     }
  933.     /**必应词典排版*/
  934.     function parseBing(rst) {
  935.         var html = '';
  936.         try {
  937.             rst = rst.replace(/onmouseover/ig, 'data-sound'); // 发音链接预处理
  938.             rst = cleanHtml(rst)
  939.                 .replace(/(?:a>)/ig, 'span>')
  940.                 .replace(/(?:<a)/ig, '<span');
  941.             var doc = htmlToDom(rst);
  942.             doc.querySelectorAll('.hw_ti').forEach(function (ele) { // 牛津词头（不准）
  943.                 ele.remove();
  944.             });
  945.             var entry = doc.querySelector('.qdef .hd_area');
  946.             var concise = doc.querySelector('.qdef ul');
  947.             var tense = doc.querySelector('.qdef .hd_div1');
  948.             var oald = doc.querySelector('#authid');
  949.             if (entry) {
  950.                 html += '<div class="entry">' + entry.innerHTML + '</div>';
  951.                 if (concise) {
  952.                     html += '<div class="concise">' + concise.outerHTML + '</div>';
  953.                 }
  954.                 if (tense) {
  955.                     html += '<div class="tense">' + tense.outerHTML + '</div>';
  956.                 }
  957.                 if (oald) {
  958.                     html += '<div class="oald">《牛津高阶英汉双解词典第八版》<br>' + oald.outerHTML + '</div>';
  959.                 }
  960.             }
  961.             // 计算机翻译
  962.             var machineTrans = doc.querySelector('.smt_hw');
  963.             if (machineTrans && machineTrans.innerHTML.indexOf('计算机翻译') != -1) {
  964.                 var parent = machineTrans.parentNode;
  965.                 var zhText = parent.querySelector('.p1-11');
  966.                 if (zhText) {
  967.                     html += '<div class="machine-trans">' + zhText.outerHTML + '</div>';;
  968.                 }
  969.             }
  970.         } catch (error) {
  971.             log(error);
  972.             html += error;
  973.         }
  974.         var dom = document.createElement('div');
  975.         dom.setAttribute('class', ids.BING);
  976.         dom.innerHTML = html;
  977.         // 发音
  978.         dom.querySelectorAll('[data-sound]').forEach(function (ele) {
  979.             var str = ele.getAttribute('data-sound');
  980.             var regex = /'(https:\/\/.*?)'/ig;
  981.             var match = regex.exec(str);
  982.             if (match && match.length >= 1) {
  983.                 ele.appendChild(getPlayButton({
  984.                     name: '♫',
  985.                     url: match[1]
  986.                 }));
  987.             }
  988.         });
  989.         return dom;
  990.     }
  991.     /**谷歌翻译排版*/
  992.     function parseGoogle(rst) {
  993.         var dom = document.createElement('div');
  994.         dom.setAttribute('class', ids.GOOGLE);
  995.         try {
  996.             dom.appendChild(htmlToDom(xmlToHtml(objToXml(iframeWin.JSON.parse(rst)), 'span')));
  997.         } catch (error) {
  998.             log(error);
  999.             dom.appendChild(htmlToDom(error));
  1000.         }
  1001.         return dom;
  1002.     }
  1003.     /**剑桥高阶排版*/
  1004.     function parseCambridge(rst) {
  1005.         var dom = document.createElement('div');
  1006.         dom.setAttribute('class', ids.CAMBRIDGE);
  1007.         try {
  1008.             rst = cleanHtml(rst).replace(/(?:a>)/ig, 'span>')
  1009.                 .replace(/(?:<a)/ig, '<span');
  1010.             var doc = htmlToDom(rst);
  1011.             // 发音
  1012.             doc.querySelectorAll('.audio_play_button').forEach(function (ele) {
  1013.                 ele.appendChild(getPlayButton({
  1014.                     name: '♫',
  1015.                     url: 'https://dictionary.cambridge.org/' + ele.getAttribute('data-src-mp3')
  1016.                 }));
  1017.             });
  1018.             // 内容
  1019.             doc.querySelectorAll('.entry').forEach(function (ele) {
  1020.                 dom.appendChild(ele);
  1021.             });
  1022.         } catch (error) {
  1023.             log(error);
  1024.             dom.appendChild(htmlToDom(error));
  1025.         }
  1026.         return dom;
  1027.     }
  1028.     /**
  1029.      * 谷歌翻译 token 计算
  1030.      * https://github.com/hujingshuang/MTrans
  1031.      * */
  1032.     function token(a) {
  1033.         var k = "";
  1034.         var b = 406644;
  1035.         var b1 = 3293161072;
  1036.  
  1037.         var jd = ".";
  1038.         var sb = "+-a^+6";
  1039.         var Zb = "+-3^+b+-f";
  1040.  
  1041.         for (var e = [], f = 0, g = 0; g < a.length; g++) {
  1042.             var m = a.charCodeAt(g);
  1043.             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)
  1044.         }
  1045.         a = b;
  1046.         for (f = 0; f < e.length; f++) a += e[f],
  1047.             a = RL(a, sb);
  1048.         a = RL(a, Zb);
  1049.         a ^= b1 || 0;
  1050.         0 > a && (a = (a & 2147483647) + 2147483648);
  1051.         a %= 1E6;
  1052.         return a.toString() + jd + (a ^ b)
  1053.     };
  1054.  
  1055.     function RL(a, b) {
  1056.         var t = "a";
  1057.         var Yb = "+";
  1058.         for (var c = 0; c < b.length - 2; c += 3) {
  1059.             var d = b.charAt(c + 2),
  1060.                 d = d >= t ? d.charCodeAt(0) - 87 : Number(d),
  1061.                 d = b.charAt(c + 1) == Yb ? a >>> d : a << d;
  1062.             a = b.charAt(c) == Yb ? a + d & 4294967295 : a ^ d
  1063.         }
  1064.         return a
  1065.     }
  1066. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址