☰

Sabotage Window/Tab Switch Visibility

Make website completely invisible to the user switching to another window or tab. May break some websites.

  1. // ==UserScript==
  2. // @name        Sabotage Window/Tab Switch Visibility
  3. // @description Make website completely invisible to the user switching to another window or tab. May break some websites.
  4. // @author      owowed <island@owowed.moe>
  5. // @version     0.0.3
  6. // @namespace   util.owowed.moe
  7. // @license     GPL-3.0-or-later
  8. // @match       *://*/*
  9. // @grant       unsafeWindow
  10. // @run-at      document-start
  11. // @copyright   All rights reserved. Licensed under GPL-3.0-or-later. View license at https://spdx.org/licenses/GPL-3.0-or-later.html
  12. // ==/UserScript==
  13.  
  14. !function () {
  15.     /* Disable focus and blur event of document and window */
  16.  
  17.     const windowProto = globalThis.unsafeWindow ?? window;
  18.     
  19.     console.log("Sabotage Window/Tab Switch Visibility is executing...");
  20.     
  21.     disableFocusBlurEvent(Document.prototype);
  22.     disableFocusBlurEvent(windowProto);
  23.     
  24.     function disableFocusBlurEvent(objPrototype) {
  25.         const eventBlocklist = ["focus", "blur"];
  26.  
  27.         for (const event of eventBlocklist) {
  28.             defineGetterSetter(objPrototype, `on${event}`, {
  29.                 set: () => undefined,
  30.             });
  31.         }
  32.  
  33.         const oldEventListener = objPrototype.addEventListener;
  34.     
  35.         objPrototype.addEventListener = function (event, ...args) {
  36.             if (eventBlocklist.includes(event)) return;
  37.             oldEventListener.call(this, event, ...args);
  38.         }
  39.     }
  40.  
  41.     /* Disable Page Visibility API */
  42.  
  43.     defineGetterSetter(Document.prototype, "hidden", {
  44.         get: () => false
  45.     });
  46.     
  47.     defineGetterSetter(Document.prototype, "visibilityState", {
  48.         get: () => "visible"
  49.     });
  50.     
  51.     document.addEventListener("visibilitychange", function(e) {
  52.         e.stopImmediatePropagation();
  53.     }, true);
  54.  
  55.     /* Partially disable blur and focus event (and other events) of element */
  56.  
  57.     const safeBoxSize = 800;
  58.     const elementOldEventListener = Element.prototype.addEventListener;
  59.  
  60.     const eventBlocklist = [
  61.         "blur",
  62.         "focus",
  63.         "mouseleave",
  64.         "hasFocus"
  65.     ];
  66.  
  67.     // Element.on{event} properties, like Element.onfocus, Element.onblur etc.
  68.     for (const event of eventBlocklist) {
  69.         if (event == "hasFocus") continue;
  70.         let registered = false;
  71.         defineGetterSetter(Element.prototype, `on${event}`, {
  72.             set(callback) {
  73.                 if (!registered) {
  74.                     this.addEventListener(event, callback)
  75.                     registered = true;
  76.                 }
  77.             }
  78.         });
  79.     }
  80.     
  81.     // override Element.addEventListener
  82.     Element.prototype.addEventListener = function (event, callback, ...args) {
  83.         if (eventBlocklist.includes(event)) {
  84.             const elem = this;
  85.             elementOldEventListener.call(this, event, (...eventArgs) => {
  86.                 const clientRect = elem.getBoundingClientRect();
  87.     
  88.                 if (clientRect.width >= safeBoxSize || clientRect.height >= safeBoxSize) {
  89.                     return;
  90.                 }
  91.                 callback(...eventArgs);
  92.             }, ...args);
  93.         }
  94.         else elementOldEventListener.call(this, event, callback, ...args);
  95.     };
  96.     
  97.     /* Disable CSS prefers-reduced-motion for JavaScript */
  98.     
  99.     const windowOldMatchMedia = windowProto.matchMedia;
  100.     
  101.     windowProto.matchMedia = function (matchMedia, ...args) {
  102.         if (matchMedia.includes("prefers-reduced-motion") && matchMedia.includes("reduce")) {
  103.             return false;
  104.         }
  105.         return windowOldMatchMedia.call(this, matchMedia, ...args);
  106.     }
  107.  
  108.     console.log("Sabotage Window/Tab Switch Visibility executed");
  109. }();
  110.  
  111. function defineGetterSetter(proto, property, { get, set } = {}) {
  112.     Object.defineProperty(proto, property, {
  113.         get, set,
  114.         enumerable: true, configurable: true
  115.     })
  116. }