Wikipedia Narrow - wikipedia.org

9.4.2021, 23:41:54

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name        Wikipedia Narrow - wikipedia.org
// @namespace   Violentmonkey Scripts
// @match       https://*.wikipedia.org/wiki/*
// @grant       none
// @version     1.5
// @author      -
// @description 9.4.2021, 23:41:54
// ==/UserScript==

class wikiNarrow
{
  run()
  {
    const selectors = '.mw-body-content p, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4';
    const newWidth = '750px';
    const newTSize = '2vw';
    const newH2Size = '2.2vw';
    const newH3Size = '2.1vw';
    const newH4Size = '1.8vw';
    let s = null;
    let nodes = null;
    
    s = document.querySelector('#content').style;
    s.width = newWidth;
    s.marginLeft = 'auto';
    s.marginRight = 'auto';
    
    nodes = document.querySelectorAll(selectors);
    nodes.forEach((node) => 
    {
      switch (node.tagName)
      {
        case 'P':
          node.style.fontSize = newTSize;
        break;
          
        case 'H2':
          node.style.fontSize = newH2Size;
        break;
          
        case 'H3':
          node.style.fontSize = newH3Size;
        break;
          
        case 'H4':
          node.style.fontSize = newH4Size;
        break;
          
      }
    });
  }
}

let wN = new wikiNarrow();
wN.run();