☰

Enhance!

Enlarge all p tags on a page with AltGr+p (reset with AltGr-o)

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

  1. // ==UserScript==
  2. // @name        Enhance!
  3. // @namespace   meyerk.com
  4. // @match       *://*/*
  5. // @grant       none
  6. // @version     1.1
  7. // @author      MeyerK
  8. // @description Enlarge all p tags on a page with AltGr+p (reset with AltGr-o)
  9. // ==/UserScript==
  10.  
  11. class enhance
  12. {
  13.   constructor()
  14.   {
  15.     this.isRightAltKey = false;
  16.     this.zoomInc = 3;
  17.     this.currentZoomStep = 0;
  18.     this.maxZoomSteps = 6;
  19.   }
  20.   
  21.   toggleAltGr(ev)
  22.   {
  23.     if ((ev.key == 'AltGraph') && (ev.location == 2))
  24.     {
  25.       this.isRightAltKey = (ev.type == 'keydown') ? true : false; 
  26.     }    
  27.   }
  28.   
  29.   zoom(ev)
  30.   {
  31.     var pElems = null;
  32.     var i = 0;
  33.     var newSize = 0; 
  34.     
  35.     if (this.isRightAltKey)
  36.     {
  37.       if (ev.which == 80)
  38.       {
  39.         pElems = document.querySelectorAll('p');
  40.         this.currentZoomStep = (this.currentZoomStep < this.maxZoomSteps) ? this.currentZoomStep + 1 : 0;
  41.  
  42.         for (i=0; i<pElems.length; i++)
  43.         {
  44.           var originalSize = parseInt(window.getComputedStyle(pElems[i]).fontSize, 10);
  45.  
  46.           if (this.currentZoomStep === 0)
  47.           {
  48.             newSize = '';
  49.           }
  50.           else
  51.           {
  52.             newSize = originalSize + this.zoomInc + 'px';
  53.           }
  54.  
  55.           pElems[i].style.fontSize = newSize;
  56.         }
  57.       }
  58.  
  59.       if (ev.which == 79)
  60.       {
  61.         pElems = document.querySelectorAll('p');
  62.         this.currentZoomStep = 0;
  63.  
  64.         for (i=0; i<pElems.length; i++)
  65.         {
  66.           pElems[i].style.fontSize = '';
  67.         }
  68.       }
  69.     }
  70.   }
  71. }
  72.  
  73. var e = new enhance();
  74. document.addEventListener('keydown', e.toggleAltGr.bind(e));
  75. document.addEventListener('keyup',   e.toggleAltGr.bind(e));
  76. document.addEventListener('keyup',   e.zoom.bind(e));