☰

Tencent Translator Enhancer

在腾讯翻译君中添加往返翻译等功能。

当前为 2020-09-10 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        Tencent Translator Enhancer
  3. // @name:ja     Tencent Translator Enhancer
  4. // @name:zh-CN  Tencent Translator Enhancer
  5. // @description It brings back-and-forth translation to Tencent Translator (腾讯翻译君).
  6. // @description:ja 騰訊翻訳君(腾讯翻译君)に往復翻訳などの機能を追加します。
  7. // @description:zh-CN 在腾讯翻译君中添加往返翻译等功能。
  8. // @namespace   knoa.jp
  9. // @include     https://fanyi.qq.com/
  10. // @version     1.2.0
  11. // @grant       none
  12. // ==/UserScript==
  13.  
  14. (function(){
  15.   const SCRIPTID = 'TencentTranslatorEnhancer';
  16.   const SCRIPTNAME = 'Tencent Translator Enhancer';
  17.   const DEBUG = false;/*
  18. [update] 1.2.0
  19. It automatically reload the page when waking up from computer's sleep.
  20.  
  21. [bug]
  22.  
  23. [todo]
  24.  
  25. [possible]
  26.  
  27. [research]
  28. 効かなくなったら data-selector が付いてるか確認
  29.  
  30. [memo]
  31.   */
  32.   if(window === top && console.time) console.time(SCRIPTID);
  33.   const MS = 1, SECOND = 1000*MS, MINUTE = 60*SECOND, HOUR = 60*MINUTE, DAY = 24*HOUR, WEEK = 7*DAY, MONTH = 30*DAY, YEAR = 365*DAY;
  34.   const LANGUAGES = [/^en/, /^zh/, /^ja/];/* [0] がデフォルト */
  35.   const LABELS = {
  36.     '自动识别':         ['Auto-Detect',          '自动识别',         '自動認識',           ],
  37.     '自动检测':         ['Auto-Detect',          '自动检测',         '自動認識',           ],
  38.     '检测到中文':       ['Chinese detected',     '检测到中文',       '中国語 検出',        ],
  39.     '检测到英语':       ['English detected',     '检测到英语',       '英語 検出',          ],
  40.     '检测到日语':       ['Japanese detected',    '检测到日语',       '日本語 検出',        ],
  41.     '检测到韩语':       ['Korean detected',      '检测到韩语',       '韓国語 検出',        ],
  42.     '检测到法语':       ['French detected',      '检测到法语',       'フランス語 検出',    ],
  43.     '检测到西班牙语':   ['Spanish detected',     '检测到西班牙语',   'スペイン語 検出',    ],
  44.     '检测到意大利语':   ['Italian detected',     '检测到意大利语',   'イタリア語 検出',    ],
  45.     '检测到德语':       ['German detected',      '检测到德语',       'ドイツ語 検出',      ],
  46.     '检测到土耳其语':   ['Turkish detected',     '检测到土耳其语',   'トルコ語 検出',      ],
  47.     '检测到俄语':       ['Russian detected',     '检测到俄语',       'ロシア語 検出',      ],
  48.     '检测到葡萄牙语':   ['Portuguese detected',  '检测到葡萄牙语',   'ポルトガル語 検出',  ],
  49.     '检测到越南语':     ['Vietnamese detected',  '检测到越南语',     'ベトナム語 検出',    ],
  50.     '检测到印尼语':     ['Indonesian detected',  '检测到印尼语',     'インドネシア語 検出',],
  51.     '检测到泰语':       ['Thai detected',        '检测到泰语',       'タイ語 検出',        ],
  52.     '检测到马来西亚语': ['Malaysian detected',   '检测到马来西亚语', 'マレーシア語 検出',  ],
  53.     '检测到阿拉伯语':   ['Arabic detected',      '检测到阿拉伯语',   'アラビア語 検出',    ],
  54.     '检测到印地语':     ['Hindi detected',       '检测到印地语',     'ヒンディー語 検出',  ],
  55.     '中文':       ['Chinese',     '中文',       '中国語',        ],
  56.     '英语':       ['English',     '英语',       '英語',          ],
  57.     '日语':       ['Japanese',    '日语',       '日本語',        ],
  58.     '韩语':       ['Korean',      '韩语',       '韓国語',        ],
  59.     '法语':       ['French',      '法语',       'フランス語',    ],
  60.     '西班牙语':   ['Spanish',     '西班牙语',   'スペイン語',    ],
  61.     '意大利语':   ['Italian',     '意大利语',   'イタリア語',    ],
  62.     '德语':       ['German',      '德语',       'ドイツ語',      ],
  63.     '土耳其语':   ['Turkish',     '土耳其语',   'トルコ語',      ],
  64.     '俄语':       ['Russian',     '俄语',       'ロシア語',      ],
  65.     '葡萄牙语':   ['Portuguese',  '葡萄牙语',   'ポルトガル語',  ],
  66.     '越南语':     ['Vietnamese',  '越南语',     'ベトナム語',    ],
  67.     '印尼语':     ['Indonesian',  '印尼语',     'インドネシア語',],
  68.     '泰语':       ['Thai',        '泰语',       'タイ語',        ],
  69.     '马来西亚语': ['Malaysian',   '马来西亚语', 'マレーシア語',  ],
  70.     '阿拉伯语':   ['Arabic',      '阿拉伯语',   'アラビア語',    ],
  71.     '印地语':     ['Hindi',       '印地语',     'ヒンディー語',  ],
  72.     '翻译':       ['Translate',   '翻译',       '翻訳',          ],
  73.     '人工翻译':   ['by Human',    '人工翻译',   '翻訳家に依頼',  ],
  74.   };
  75.   const CORRECTIONS = [
  76.     (s) => s.replace(/h?tt?p(s?)[:：]\/\/([^\s。]+)([。. ]*)/ig, 'http$1://$2'),/* for URL */
  77.     (s) => s.replace(/([0-9]+)：([0-9]+)/g, '$1:$2'),/* for 12:30 format */
  78.     (s) => s.replace(/，([0-9]{3})/g, ',$1'),/* for 1,000,000 format */
  79.     (s) => s.replace(/？=/g, '?='),/* for URL */
  80.     (s) => s.replace(/：/g, ':'),/* : */
  81.     (s) => s.replace(/\.。/g, '。'),/* may be a bug */
  82.   ];
  83.   const SEPARATORS = ['\n:\n', '\n：\n', '：'];/*翻訳元, 翻訳先, 翻訳先span.textContent */
  84.   const RETRY = 10;
  85.   let site = {
  86.     targets: {
  87.       textpanelSource: () => $('.textpanel-source'),
  88.       sourceTextarea: () => $('[node-type="source-textarea"]'),
  89.       textpanelTargetTextblock: () => $('[node-type="textpanel-target-textblock"]'),
  90.       sourceLanguageButton: () => $('[node-type="source_language_button"]'),
  91.       exchangeLanguageButton: () => $('[node-type="exchange_language_button"]'),
  92.       targetLanguageButton: () => $('[node-type="target_language_button"]'),
  93.       sourceLanguageList: () => $('[node-type="source_language_list"]'),
  94.       targetLanguageList: () => $('[node-type="target_language_list"]'),
  95.       translateButton: () => $('[node-type="translate_button"]'),
  96.       humanTranslation: () => $('[node-type="human-translation"]'),
  97.     },
  98.     get: {
  99.       labels: () => {
  100.         let index = LANGUAGES.findIndex(regexp => regexp.test(window.navigator.language)) || 0;
  101.         let labels = LABELS;
  102.         Object.keys(labels).forEach(key => labels[key] = labels[key][index]);
  103.         return labels;
  104.       },
  105.       textSrcs: (textpanelTargetTextblock) => textpanelTargetTextblock.querySelectorAll('.text-src'),
  106.       textDsts: (textpanelTargetTextblock) => textpanelTargetTextblock.querySelectorAll('.text-dst'),
  107.       textMatrix: (textpanelTargetTextblock) => {
  108.         return {
  109.           srcs: Array.from(site.get.textSrcs(textpanelTargetTextblock)).map(e => e.textContent),
  110.           dsts: Array.from(site.get.textDsts(textpanelTargetTextblock)).map(e => e.textContent),
  111.         };
  112.       },
  113.     },
  114.     set: {
  115.       languageLabel: (node, labels) => {
  116.         let span = node.querySelector('span'), label = span.textContent.replace(/\s/g, '');
  117.         let replaced = createElement(core.html.languageLabel(labels[label] || span.textContent))
  118.         span.parentNode.insertBefore(replaced, span);
  119.       },
  120.       languageButtonLabel: (button, labels) => {
  121.         let label = button.textContent.replace(/\s/g, '');
  122.         let buttonTextSpan = button.querySelector('.language-button-text');
  123.         if(buttonTextSpan) buttonTextSpan.textContent = labels[label] || buttonTextSpan.textContent;
  124.         else button.firstChild.data = labels[label] || button.firstChild.data;
  125.       },
  126.       translateButtonLabel: (button, labels) => {
  127.         let label = button.textContent.replace(/\s/g, '');
  128.         button.textContent = labels[label] || button.textContent;
  129.       },
  130.       humanTranslationLabel: (button, labels) => {
  131.         let label = button.textContent.replace(/\s/g, '');
  132.         button.lastChild.data = labels[label] || button.lastChild.data;
  133.       },
  134.     },
  135.   };
  136.   let html, elements = {}, timers = {}, sizes = {};
  137.   let core = {
  138.     initialize: function(){
  139.       html = document.documentElement;
  140.       html.classList.add(SCRIPTID);
  141.       core.ready();
  142.       core.addStyle();
  143.     },
  144.     ready: function(){
  145.       core.getTargets(site.targets, RETRY).then(() => {
  146.         log("I'm ready.");
  147.         core.restoreMode();
  148.         core.listenUserActions();
  149.         core.replaceLabels();
  150.         core.expandClickableArea();
  151.         core.reloadOnWakeUp();
  152.       });
  153.     },
  154.     restoreMode: function(){
  155.       /* ページ読み込んだ時点で往復翻訳を有効に */
  156.       let sourceTextarea = elements.sourceTextarea, translateButton = elements.translateButton;
  157.       if(sourceTextarea.value.includes(SEPARATORS[0]) === true){
  158.         translateButton.click();
  159.         setTimeout(core.translateBackSwitch, 1000);
  160.       }
  161.     },
  162.     listenUserActions: function(){
  163.       window.addEventListener('keypress', function(e){
  164.         switch(true){
  165.           case(e.key === 'Enter' && e.shiftKey === true):
  166.             core.translateSwitch();
  167.             return e.preventDefault();
  168.           case(e.key === 'Enter' && e.ctrlKey === true):
  169.             core.translateBackSwitch();
  170.             return e.preventDefault();
  171.         }
  172.       });
  173.     },
  174.     translateSwitch: function(){
  175.       /* 翻訳言語の向きを入れ替える */
  176.       let exchangeLanguageButton = elements.exchangeLanguageButton, sourceTextarea = elements.sourceTextarea;
  177.       exchangeLanguageButton.click();
  178.       sourceTextarea.focus();
  179.     },
  180.     translateBackSwitch: function(){
  181.       /* 往復翻訳の有効無効を切り替える */
  182.       let exchangeLanguageButton = elements.exchangeLanguageButton;
  183.       if(exchangeLanguageButton.dataset.translateBack === 'true'){
  184.         exchangeLanguageButton.dataset.translateBack = 'false';
  185.       }else{
  186.         exchangeLanguageButton.dataset.translateBack = 'true';
  187.         core.translateBack();
  188.       }
  189.     },
  190.     translateBack: function(){
  191.       /* 往復翻訳する */
  192.       let exchangeLanguageButton = elements.exchangeLanguageButton;
  193.       let sourceTextarea = elements.sourceTextarea, textpanelTargetTextblock = elements.textpanelTargetTextblock;
  194.       let sourceText = sourceTextarea.value, targetText = textpanelTargetTextblock.innerText, result = '';
  195.       /* まだ往復翻訳してなければ */
  196.       let selectionStart = sourceTextarea.selectionStart, selectionEnd = sourceTextarea.selectionEnd;/*カーソル位置を記憶*/
  197.       if(sourceTextarea.value.includes(SEPARATORS[0]) === false){
  198.         result = sourceText + SEPARATORS[0] + targetText;
  199.       /* すでに往復翻訳済みなら */
  200.       }else{
  201.         sourceText = sourceText.slice(0, sourceText.indexOf(SEPARATORS[0]));
  202.         targetText = targetText.slice(0, targetText.indexOf(SEPARATORS[1]));
  203.         result = sourceText + SEPARATORS[0] + targetText;
  204.       }
  205.       /* 左辺の表示を完成させる */
  206.       CORRECTIONS.forEach(c => result = c(result));
  207.       sourceTextarea.value = result;
  208.       sourceTextarea.dispatchEvent(new Event('input'));
  209.       sourceTextarea.setSelectionRange(selectionStart, selectionEnd);
  210.       /* 右辺の表示を追従させる */
  211.       core.translateSwitch();
  212.       if(textpanelTargetTextblock.dataset.status !== undefined) return;
  213.       let compositing = false;
  214.       let observer = observe(textpanelTargetTextblock, function(records){
  215.         log(textpanelTargetTextblock.dataset.status, compositing, sourceTextarea.value.replace(/\n/g, ' '), textpanelTargetTextblock.innerText.replace(/\n/g, ' '));
  216.         /* セパレータが消されたら往復翻訳モードを終了する */
  217.         if(sourceTextarea.value.includes(SEPARATORS[0]) === false){
  218.           exchangeLanguageButton.dataset.translateBack = 'false';
  219.           delete(textpanelTargetTextblock.dataset.status);
  220.           observer.disconnect();
  221.           return;
  222.         }
  223.         switch(textpanelTargetTextblock.dataset.status){
  224.           /* 往復を終えた最終翻訳が取得できたタイミング */
  225.           case(undefined):
  226.           case('back'):
  227.             textpanelTargetTextblock.textMatrix = site.get.textMatrix(textpanelTargetTextblock);
  228.             core.translateSwitch();
  229.             textpanelTargetTextblock.dataset.status = 'go';
  230.             break;
  231.           /* 往路スタンバイに戻ったタイミング */
  232.           case('go'):
  233.             setTimeout(function(){
  234.               let textDsts = site.get.textDsts(textpanelTargetTextblock);
  235.               for(let i = Array.from(textDsts).findIndex(t => t.textContent === SEPARATORS[2]) + 1; textDsts[i]; i++){
  236.                 textDsts[i].textContent = textpanelTargetTextblock.textMatrix.dsts[i];
  237.               }
  238.               textpanelTargetTextblock.dataset.status = 'done';
  239.             }, 1000);/*再度更新される場合があるので*/
  240.             break;
  241.           /* テキスト変更を検知して自動翻訳されたタイミング */
  242.           case('done'):
  243.             /* 原文も訳文も変化していなければ何も処理しない */
  244.             if(sourceTextarea.value === sourceText && textpanelTargetTextblock.innerText === targetText) return;
  245.             if(compositing === true) return;/*sourceTextとtargetTextは更新させない！*/
  246.             sourceText = sourceTextarea.value, targetText = textpanelTargetTextblock.innerText;
  247.             core.translateBack();
  248.             textpanelTargetTextblock.dataset.status = 'back';
  249.             break;
  250.         }
  251.       });
  252.       sourceTextarea.addEventListener('compositionstart', function(e){
  253.         compositing = true;
  254.       });
  255.       sourceTextarea.addEventListener('compositionend', function(e){
  256.         compositing = false;
  257.       });
  258.     },
  259.     replaceLabels: function(){
  260.       let labels = site.get.labels();
  261.       /* 翻訳言語リスト */
  262.       let sourceLanguageList = elements.sourceLanguageList, targetLanguageList = elements.targetLanguageList;
  263.       [sourceLanguageList, targetLanguageList].forEach(list => {
  264.         Array.from(list.children).forEach(li => site.set.languageLabel(li, labels));
  265.       });
  266.       observe(targetLanguageList, function(records){
  267.         Array.from(targetLanguageList.children).forEach(li => site.set.languageLabel(li, labels));
  268.       });
  269.       /* 翻訳言語 */
  270.       let sourceLanguageButton = elements.sourceLanguageButton, targetLanguageButton = elements.targetLanguageButton;
  271.       [sourceLanguageButton, targetLanguageButton].forEach(button => {
  272.         site.set.languageButtonLabel(button, labels);
  273.         observe(button, function(records){
  274.           site.set.languageButtonLabel(button, labels);
  275.         });
  276.       });
  277.       /* 翻訳ボタン */
  278.       site.set.translateButtonLabel(elements.translateButton, labels);
  279.       site.set.humanTranslationLabel(elements.humanTranslation, labels);
  280.     },
  281.     expandClickableArea: function(){
  282.       let textpanelSource = elements.textpanelSource, sourceTextarea = elements.sourceTextarea;
  283.       textpanelSource.addEventListener('click', function(e){
  284.         sourceTextarea.focus();
  285.       }, true);
  286.     },
  287.     reloadOnWakeUp: function(){
  288.       let lastTime = Date.now();
  289.       setInterval(function(){
  290.         let now = Date.now();
  291.         if(lastTime + 3*MINUTE < now) return location.reload();
  292.         else lastTime = now;
  293.       }, 1*MINUTE);
  294.     },
  295.     getTargets: function(targets, retry = 0){
  296.       const get = function(resolve, reject, retry){
  297.         for(let i = 0, keys = Object.keys(targets), key; key = keys[i]; i++){
  298.           let selected = targets[key]();
  299.           if(selected){
  300.             if(selected.length) selected.forEach((s) => s.dataset.selector = key);
  301.             else selected.dataset.selector = key;
  302.             elements[key] = selected;
  303.           }else{
  304.             if(--retry < 0) return reject(log(`Not found: ${key}, I give up.`));
  305.             log(`Not found: ${key}, retrying... (left ${retry})`);
  306.             return setTimeout(get, 1000, resolve, reject, retry);
  307.           }
  308.         }
  309.         resolve();
  310.       };
  311.       return new Promise(function(resolve, reject){
  312.         get(resolve, reject, retry);
  313.       });
  314.     },
  315.     addStyle: function(name = 'style'){
  316.       if(core.html[name] === undefined) return;
  317.       let style = createElement(core.html[name]());
  318.       document.head.appendChild(style);
  319.       if(elements[name] && elements[name].isConnected) document.head.removeChild(elements[name]);
  320.       elements[name] = style;
  321.     },
  322.     html: {
  323.       languageLabel: (label) => `<span class="replaced">${label}</span>`,
  324.       style: () => `
  325.         <style type="text/css">
  326.           /* 翻訳方向スイッチボタン */
  327.           [data-selector="exchangeLanguageButton"]{
  328.             border: 1px solid transparent;
  329.             border-radius: 100%;
  330.             width: 36px;
  331.             height: 36px;
  332.           }
  333.           [data-selector="exchangeLanguageButton"][data-translate-back="true"]{
  334.             border: 1px solid rgb(160, 76, 247);
  335.           }
  336.           /* クリッカブル領域を広げる */
  337.           [data-selector="textpanelSource"]{
  338.             cursor: text;
  339.           }
  340.           dummy/*core.expandClickableAreaでやる*/ [data-selector="sourceTextarea"]{
  341.             height: 100% !important;
  342.           }
  343.           /* 往復翻訳処理中 */
  344.           [data-selector="textpanelTargetTextblock"]{
  345.             transition: opacity 125ms;
  346.           }
  347.           [data-selector="textpanelTargetTextblock"][data-status="back"],
  348.           [data-selector="textpanelTargetTextblock"][data-status="go"]{
  349.             animation: ${SCRIPTID}-blink 500ms ease infinite;
  350.           }
  351.           @keyframes ${SCRIPTID}-blink{
  352.               0%{opacity: .250}
  353.             100%{opacity: .125}
  354.           }
  355.           /* 翻訳言語リスト */
  356.           [data-selector="sourceLanguageList"] > li > span.replaced,
  357.           [data-selector="targetLanguageList"] > li > span.replaced{
  358.             display: block;
  359.             padding: 0 !important;
  360.             margin: 0 1px !important;
  361.           }
  362.           [data-selector="sourceLanguageList"] > li > span.replaced + span,
  363.           [data-selector="targetLanguageList"] > li > span.replaced + span{
  364.             display: none;
  365.           }
  366.           /* 翻訳ボタン */
  367.           [data-selector="humanTranslation"]{
  368.             text-align: center;
  369.           }
  370.           [data-selector="humanTranslation"] .human-translation{
  371.             display: inline-block;
  372.             margin-left: auto;
  373.             float: none;
  374.           }
  375.         </style>
  376.       `,
  377.     },
  378.   };
  379.   const setTimeout = window.setTimeout.bind(window), clearTimeout = window.clearTimeout.bind(window), setInterval = window.setInterval.bind(window), clearInterval = window.clearInterval.bind(window), requestAnimationFrame = window.requestAnimationFrame.bind(window);
  380.   const alert = window.alert.bind(window), confirm = window.confirm.bind(window), prompt = window.prompt.bind(window), getComputedStyle = window.getComputedStyle.bind(window), fetch = window.fetch.bind(window);
  381.   if(!('isConnected' in Node.prototype)) Object.defineProperty(Node.prototype, 'isConnected', {get: function(){return document.contains(this)}});
  382.   class Storage{
  383.     static key(key){
  384.       return (SCRIPTID) ? (SCRIPTID + '-' + key) : key;
  385.     }
  386.     static save(key, value, expire = null){
  387.       key = Storage.key(key);
  388.       localStorage[key] = JSON.stringify({
  389.         value: value,
  390.         saved: Date.now(),
  391.         expire: expire,
  392.       });
  393.     }
  394.     static read(key){
  395.       key = Storage.key(key);
  396.       if(localStorage[key] === undefined) return undefined;
  397.       let data = JSON.parse(localStorage[key]);
  398.       if(data.value === undefined) return data;
  399.       if(data.expire === undefined) return data;
  400.       if(data.expire === null) return data.value;
  401.       if(data.expire < Date.now()) return localStorage.removeItem(key);
  402.       return data.value;
  403.     }
  404.     static delete(key){
  405.       key = Storage.key(key);
  406.       delete localStorage.removeItem(key);
  407.     }
  408.     static saved(key){
  409.       key = Storage.key(key);
  410.       if(localStorage[key] === undefined) return undefined;
  411.       let data = JSON.parse(localStorage[key]);
  412.       if(data.saved) return data.saved;
  413.       else return undefined;
  414.     }
  415.   }
  416.   const $ = function(s, f){
  417.     let target = document.querySelector(s);
  418.     if(target === null) return null;
  419.     return f ? f(target) : target;
  420.   };
  421.   const $$ = function(s){return document.querySelectorAll(s)};
  422.   const animate = function(callback, ...params){requestAnimationFrame(() => requestAnimationFrame(() => callback(...params)))};
  423.   const wait = function(ms){return new Promise((resolve) => setTimeout(resolve, ms))};
  424.   const createElement = function(html = '<span></span>'){
  425.     let outer = document.createElement('div');
  426.     outer.innerHTML = html;
  427.     return outer.firstElementChild;
  428.   };
  429.   const observe = function(element, callback, options = {childList: true, attributes: false, characterData: false, subtree: false}){
  430.     let observer = new MutationObserver(callback.bind(element));
  431.     observer.observe(element, options);
  432.     return observer;
  433.   };
  434.   const normalize = function(string){
  435.     return string.replace(/[！-～]/g, function(s){
  436.       return String.fromCharCode(s.charCodeAt(0) - 0xFEE0);
  437.     }).replace(normalize.RE, function(s){
  438.       return normalize.KANA[s];
  439.     }).replace(/　/g, ' ').replace(/～/g, '〜');
  440.   };
  441.   normalize.KANA = {
  442.     ｶﾞ:'ガ', ｷﾞ:'ギ', ｸﾞ:'グ', ｹﾞ:'ゲ', ｺﾞ: 'ゴ',
  443.     ｻﾞ:'ザ', ｼﾞ:'ジ', ｽﾞ:'ズ', ｾﾞ:'ゼ', ｿﾞ: 'ゾ',
  444.     ﾀﾞ:'ダ', ﾁﾞ:'ヂ', ﾂﾞ:'ヅ', ﾃﾞ:'デ', ﾄﾞ: 'ド',
  445.     ﾊﾞ:'バ', ﾋﾞ:'ビ', ﾌﾞ:'ブ', ﾍﾞ:'ベ', ﾎﾞ: 'ボ',
  446.     ﾊﾟ:'パ', ﾋﾟ:'ピ', ﾌﾟ:'プ', ﾍﾟ:'ペ', ﾎﾟ: 'ポ',
  447.     ﾜﾞ:'ヷ', ｦﾞ:'ヺ', ｳﾞ:'ヴ',
  448.     ｱ:'ア', ｲ:'イ', ｳ:'ウ', ｴ:'エ', ｵ:'オ',
  449.     ｶ:'カ', ｷ:'キ', ｸ:'ク', ｹ:'ケ', ｺ:'コ',
  450.     ｻ:'サ', ｼ:'シ', ｽ:'ス', ｾ:'セ', ｿ:'ソ',
  451.     ﾀ:'タ', ﾁ:'チ', ﾂ:'ツ', ﾃ:'テ', ﾄ:'ト',
  452.     ﾅ:'ナ', ﾆ:'ニ', ﾇ:'ヌ', ﾈ:'ネ', ﾉ:'ノ',
  453.     ﾊ:'ハ', ﾋ:'ヒ', ﾌ:'フ', ﾍ:'ヘ', ﾎ:'ホ',
  454.     ﾏ:'マ', ﾐ:'ミ', ﾑ:'ム', ﾒ:'メ', ﾓ:'モ',
  455.     ﾔ:'ヤ', ﾕ:'ユ', ﾖ:'ヨ',
  456.     ﾗ:'ラ', ﾘ:'リ', ﾙ:'ル', ﾚ:'レ', ﾛ:'ロ',
  457.     ﾜ:'ワ', ｦ:'ヲ', ﾝ:'ン',
  458.     ｧ:'ァ', ｨ:'ィ', ｩ:'ゥ', ｪ:'ェ', ｫ:'ォ',
  459.     ｯ:'ッ', ｬ:'ャ', ｭ:'ュ', ｮ:'ョ',
  460.     "｡":'。', "､":'、', "ｰ":'ー', "｢":'「', "｣":'」', "･":'・',
  461.   };
  462.   normalize.RE = new RegExp('(' + Object.keys(normalize.KANA).join('|') + ')', 'g');
  463.   const log = function(){
  464.     if(!DEBUG) return;
  465.     let l = log.last = log.now || new Date(), n = log.now = new Date();
  466.     let error = new Error(), line = log.format.getLine(error), callers = log.format.getCallers(error);
  467.     //console.log(error.stack);
  468.     console.log(
  469.       (SCRIPTID || '') + ':',
  470.       /* 00:00:00.000  */ n.toLocaleTimeString() + '.' + n.getTime().toString().slice(-3),
  471.       /* +0.000s       */ '+' + ((n-l)/1000).toFixed(3) + 's',
  472.       /* :00           */ ':' + line,
  473.       /* caller.caller */ (callers[2] ? callers[2] + '() => ' : '') +
  474.       /* caller        */ (callers[1] || '') + '()',
  475.       ...arguments
  476.     );
  477.   };
  478.   log.formats = [{
  479.       name: 'Firefox Scratchpad',
  480.       detector: /MARKER@Scratchpad/,
  481.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  482.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  483.     }, {
  484.       name: 'Firefox Console',
  485.       detector: /MARKER@debugger/,
  486.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  487.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  488.     }, {
  489.       name: 'Firefox Greasemonkey 3',
  490.       detector: /\/gm_scripts\//,
  491.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1],
  492.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  493.     }, {
  494.       name: 'Firefox Greasemonkey 4+',
  495.       detector: /MARKER@user-script:/,
  496.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 500,
  497.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  498.     }, {
  499.       name: 'Firefox Tampermonkey',
  500.       detector: /MARKER@moz-extension:/,
  501.       getLine: (e) => e.stack.split('\n')[1].match(/([0-9]+):[0-9]+$/)[1] - 6,
  502.       getCallers: (e) => e.stack.match(/^[^@]*(?=@)/gm),
  503.     }, {
  504.       name: 'Chrome Console',
  505.       detector: /at MARKER \(<anonymous>/,
  506.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  507.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(<anonymous>)/gm),
  508.     }, {
  509.       name: 'Chrome Tampermonkey',
  510.       detector: /at MARKER \(chrome-extension:.*?\/userscript.html\?id=/,
  511.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1] - 6,
  512.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  513.     }, {
  514.       name: 'Chrome Extension',
  515.       detector: /at MARKER \(chrome-extension:/,
  516.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)?$/)[1],
  517.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(chrome-extension:)/gm),
  518.     }, {
  519.       name: 'Edge Console',
  520.       detector: /at MARKER \(eval/,
  521.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1],
  522.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(eval)/gm),
  523.     }, {
  524.       name: 'Edge Tampermonkey',
  525.       detector: /at MARKER \(Function/,
  526.       getLine: (e) => e.stack.split('\n')[2].match(/([0-9]+):[0-9]+\)$/)[1] - 4,
  527.       getCallers: (e) => e.stack.match(/[^ ]+(?= \(Function)/gm),
  528.     }, {
  529.       name: 'Safari',
  530.       detector: /^MARKER$/m,
  531.       getLine: (e) => 0,/*e.lineが用意されているが最終呼び出し位置のみ*/
  532.       getCallers: (e) => e.stack.split('\n'),
  533.     }, {
  534.       name: 'Default',
  535.       detector: /./,
  536.       getLine: (e) => 0,
  537.       getCallers: (e) => [],
  538.     }];
  539.   log.format = log.formats.find(function MARKER(f){
  540.     if(!f.detector.test(new Error().stack)) return false;
  541.     //console.log('////', f.name, 'wants', 0/*line*/, '\n' + new Error().stack);
  542.     return true;
  543.   });
  544.   const time = function(label){
  545.     if(!DEBUG) return;
  546.     const BAR = '|', TOTAL = 100;
  547.     switch(true){
  548.       case(label === undefined):/* time() to output total */
  549.         let total = 0;
  550.         Object.keys(time.records).forEach((label) => total += time.records[label].total);
  551.         Object.keys(time.records).forEach((label) => {
  552.           console.log(
  553.             BAR.repeat((time.records[label].total / total) * TOTAL),
  554.             label + ':',
  555.             (time.records[label].total).toFixed(3) + 'ms',
  556.             '(' + time.records[label].count + ')',
  557.           );
  558.         });
  559.         time.records = {};
  560.         break;
  561.       case(!time.records[label]):/* time('label') to create and start the record */
  562.         time.records[label] = {count: 0, from: performance.now(), total: 0};
  563.         break;
  564.       case(time.records[label].from === null):/* time('label') to re-start the lap */
  565.         time.records[label].from = performance.now();
  566.         break;
  567.       case(0 < time.records[label].from):/* time('label') to add lap time to the record */
  568.         time.records[label].total += performance.now() - time.records[label].from;
  569.         time.records[label].from = null;
  570.         time.records[label].count += 1;
  571.         break;
  572.     }
  573.   };
  574.   time.records = {};
  575.   core.initialize();
  576.   if(window === top && console.timeEnd) console.timeEnd(SCRIPTID);
  577. })();