☰

英文前部加粗

网页英文前部加粗脚本

当前为 2022-05-21 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         英文前部加粗
  3. // @namespace    https://github.com/itorr/bionic-reading.user.js
  4. // @version      0.8.1
  5. // @description  网页英文前部加粗脚本
  6. // @author       itorr
  7. // @match        *://*/*
  8. // @grant        none
  9. // @license      MIT
  10. // @run-at       document-idle
  11. // @supportURL   https://github.com/itorr/bionic-reading.user.js/issues
  12. // ==/UserScript==
  13.  
  14. const enCodeHTML = s=> s.replace(/[\u00A0-\u9999<>\&]/g,w=>'&#'+w.charCodeAt(0)+';');
  15.  
  16. let body = document.body;
  17.  
  18. if(/weibo/.test(location.hostname)){
  19.     const wbMainEl = document.querySelector('.WB_main');
  20.     if(wbMainEl) body = wbMainEl;
  21.  
  22.     // 修复旧版微博自定义样式失效 bug
  23.     const customStyleEl = document.querySelector('#custom_style');
  24.     if(customStyleEl)customStyleEl.removeAttribute('id');
  25. }
  26.  
  27. const styleEl = document.createElement('style');
  28. styleEl.innerHTML = `
  29. bbb{
  30.     font-weight:bold;
  31. }
  32. a spann{
  33.     pointer-events: none;
  34. }
  35. `;
  36.  
  37. const excludeTagNames = [
  38.     'script','style','xmp',
  39.     'input','textarea','select',
  40.     'pre','code',
  41.     'h1','h2','h3','h4',
  42.     'b','strong'
  43. ].map(a=>a.toUpperCase());
  44.  
  45. const gather = el=>{
  46.     let textEls = [];
  47.     el.childNodes.forEach(el=>{
  48.         if(el.isEnB) return;
  49.  
  50.         if(el.nodeType === 3){
  51.             textEls.push(el);
  52.         }else if(el.childNodes){
  53.             if(excludeTagNames.includes(el.tagName)) return;
  54.  
  55.             // Skip DIV Code Frame
  56.             if(el.getAttribute('class').includes('highlight')) return;
  57.             
  58.             textEls = textEls.concat(gather(el))
  59.         }
  60.     })
  61.     return textEls;
  62. };
  63.  
  64. const engRegexi  = /[a-z][a-z0-9]+/i;
  65. const engRegexig = /[a-z][a-z0-9]+/ig;
  66. let replaceTextByEl = el=>{
  67.     const text = el.data;
  68.     if(!engRegexi.test(text))return;
  69.  
  70.     const spanEl = document.createElement('spann');
  71.     spanEl.isEnB = true;
  72.     spanEl.innerHTML = enCodeHTML(text).replace(engRegexig,word=>{
  73.         let halfLength;
  74.         if(/ing$/.test(word)){
  75.             halfLength = word.length - 3;
  76.         }else if(word.length<5){
  77.             halfLength = Math.floor(word.length/2);
  78.         }else{
  79.             halfLength = Math.ceil(word.length/2);
  80.         }
  81.  
  82.         return '<bbb>'+word.substr(0,halfLength)+'</bbb>'+word.substr(halfLength)
  83.     })
  84.     el.after(spanEl);
  85.     el.remove();
  86. };
  87.  
  88. //     replaceTextByEl = el=>{
  89. //         el.data = el.data.replace(engRegexig,word=>{
  90. //             let halfLength;
  91. //             if(/ing$/.test(word)){
  92. //                 halfLength = word.length - 3;
  93. //             }else if(word.length<5){
  94. //                 halfLength = Math.floor(word.length/2);
  95. //             }else{
  96. //                 halfLength = Math.ceil(word.length/2);
  97. //             }
  98. //             const a = word.substr(0,halfLength).
  99. //                 replace(/[a-z]/g,w=>'\uD835' + String.fromCharCode(w.charCodeAt(0)+56717)).
  100. //                 replace(/[A-Z]/g,w=>'\uD835' + String.fromCharCode(w.charCodeAt(0)+56723));
  101. //             const b = word.substr(halfLength).
  102. //                 replace(/[a-z]/g,w=> String.fromCharCode(55349,w.charCodeAt(0)+56665)).
  103. //                 replace(/[A-Z]/g,w=> String.fromCharCode(55349,w.charCodeAt(0)+56671));
  104. //             return a + b;
  105. //         })
  106. //     }
  107.  
  108. const bionic = _=>{
  109.     const textEls = gather(body);
  110.  
  111.     textEls.forEach(replaceTextByEl);
  112.     document.head.appendChild(styleEl);
  113. }
  114.  
  115. const lazy = (func,ms = 0)=> {
  116.     return _=>{
  117.         clearTimeout(func.T)
  118.         func.T = setTimeout(func,ms)
  119.     }
  120. };
  121. lazy(bionic)();
  122.  
  123. if(window.ResizeObserver){
  124.     (new ResizeObserver(lazy(bionic,100))).observe(body);
  125. }else{
  126.     const {open,send} = XMLHttpRequest.prototype;
  127.     XMLHttpRequest.prototype.open = function(){
  128.         this.addEventListener('load',lazy(bionic));
  129.         return open.apply(this,arguments);
  130.     };
  131.     document.addEventListener('click',lazy(bionic));
  132.  
  133.     window.addEventListener('load',lazy(bionic));
  134.     document.addEventListener("DOMContentLoaded",lazy(bionic));
  135. }