☰

Doppelte Fenster

Synchronisiert Aktionen über Fenster/Tabs der gleichen Domain hinweg. Drücke C L O N E, um zu (de)aktivieren

  1. // ==UserScript==
  2. // @name         Doppelte Fenster
  3. // @name:en      Clone windows
  4. // @namespace    http://tampermonkey.net/
  5. // @version      0.1
  6. // @description  Synchronisiert Aktionen über Fenster/Tabs der gleichen Domain hinweg. Drücke C L O N E, um zu (de)aktivieren
  7. // @description:en Synchronizes actions across windows and tabs with the same domain. Press C L O N E to disable/re-enable
  8. // @author       Aloso
  9. // @match        https://www.google.com
  10. // @include      https://*
  11. // @include      http://*
  12. // @grant        none
  13. // ==/UserScript==
  14.  
  15. (function () {
  16.     "use strict";
  17.     
  18.     let lsp = "ls-clone-windows-" + encodeURI(window.location.hostname) + "-";
  19.     
  20.     let root = document.documentElement;
  21.     
  22.     let pressed = "";
  23.     let last_press = 0;
  24.     let initialized = false;
  25.     
  26.     let scrolled_here = false;
  27.     let clicked_here = false;
  28.     let inputTed_here = false;
  29.     
  30.     const msgStyle = {
  31.         backgroundColor: "white",
  32.         color: "black",
  33.         fontSize: "18px",
  34.         lineHeight: "initial",
  35.         textShadow: "none",
  36.         border: "none",
  37.         borderRadius: "4px",
  38.         boxShadow: "0 1px 30px rgba(0, 0, 0, 0.5)",
  39.         boxSizing: "border-box",
  40.         position: "fixed",
  41.         opacity: "1",
  42.         transform: "none",
  43.         right: "5px",
  44.         top: "5px",
  45.         padding: "15px 20px",
  46.         zIndex: "100000"
  47.     };
  48.     
  49.     function msg(text) {
  50.         let msg = document.createElement("div");
  51.         msg.innerHTML = text;
  52.         for (let x in msgStyle) if (msgStyle.hasOwnProperty(x)) {
  53.             msg.style[x] = msgStyle[x];
  54.         }
  55.         document.body.appendChild(msg);
  56.         setTimeout(() => document.body.removeChild(msg), 1300);
  57.     }
  58.     
  59.     function keypress(event) {
  60.         if (+new Date() - last_press > 600) pressed = "";
  61.         last_press = +new Date();
  62.  
  63.         pressed += event.key;
  64.         if (pressed.length > 5) pressed = pressed.substr(pressed.length - 5);
  65.         if (pressed === "clone") {
  66.             pressed = "";
  67.             if (!initialized) {
  68.                 init("event");
  69.                 msg("<span style='color:#007b20'>CLONING ENABLED</span>");
  70.             } else {
  71.                 deInit();
  72.                 msg("<span style='color:red'>CLONING DISABLED</span>");
  73.             }
  74.         }
  75.     }
  76.     
  77.     function storage(event) {
  78.         if (event.newValue !== null && event.key.startsWith(lsp)) {
  79.             let type = event.key.substring(lsp.length);
  80.             if (type === "init") {
  81.                 if (!initialized) {
  82.                     init();
  83.                     msg("<span style='color:#007b20'>CLONING ENABLED</span>");
  84.                 }
  85.             } else if (type === "forbid") {
  86.                 if (initialized) {
  87.                     deInit();
  88.                     msg("<span style='color:red'>CLONING DISABLED</span>");
  89.                 }
  90.             } else if (initialized) {
  91.                 if (type === "scroll") {
  92.                     if (!scrolled_here) {
  93.                         let [x, y] = event.newValue.split(" ").map(x => +x);
  94.                         root.scrollTo(x, y);
  95.                     }
  96.                     scrolled_here = false;
  97.                 } else if (type === "click") {
  98.                     if (!clicked_here) {
  99.                         let [xs, ys, val] = event.newValue.split(" ");
  100.                         let x = +xs;
  101.                         let y = +ys;
  102.                         let el = document.elementFromPoint(x, y);
  103.                         if (el != null) {
  104.                             fireMouseEvent(el, "click", x, y);
  105.                         }
  106.                     }
  107.                     clicked_here = false;
  108.                 } else if (type === "input") {
  109.                     if (!inputTed_here) {
  110.                         let [xs, ys, val] = event.newValue.split(" ");
  111.                         let x = +xs;
  112.                         let y = +ys;
  113.                         val = decodeURIComponent(val);
  114.                         let el = document.elementFromPoint(x, y);
  115.                         if (el.nodeName === "INPUT" || el.nodeName === "TEXTAREA" || el.nodeName === "SELECT") {
  116.                             if (el.getAttribute("type") === "checkbox") {
  117.                                 el.checked = val !== "false";
  118.                             } else {
  119.                                 el.value = val;
  120.                             }
  121.                         }
  122.                     }
  123.                     inputTed_here = false;
  124.                 } else if (type === "back") {
  125.                     window.removeEventListener("popstate", popstate);
  126.                     setTimeout(() => {
  127.                         while (event.state === lsp + "back") history.go(-1);
  128.                         history.go(-1);
  129.                         while (event.state === lsp + "back") history.go(-1);
  130.                         window.addEventListener("popstate", popstate);
  131.                     }, 80);
  132.                 }
  133.             }
  134.         }
  135.     }
  136.     
  137.     function init(option) {
  138.         initialized = true;
  139.         if (option === "event") {
  140.             localStorage.setItem(lsp + "init", "1");
  141.         }
  142.         localStorage.removeItem(lsp + "forbid");
  143.         if (history.state !== lsp + "back") {
  144.             history.pushState(lsp + "back", "Go back");
  145.         }
  146.     }
  147.     
  148.     function deInit() {
  149.         initialized = false;
  150.         for (let x in localStorage) {
  151.             if (x.startsWith(lsp) && localStorage.hasOwnProperty(x)) {
  152.                 localStorage.removeItem(x);
  153.             }
  154.         }
  155.         localStorage.setItem(lsp + "forbid", "1");
  156.     }
  157.     
  158.     function scroller() {
  159.         if (initialized) {
  160.             scrolled_here = true;
  161.             localStorage.setItem(lsp + "scroll", root.scrollLeft + " " + root.scrollTop);
  162.         }
  163.     }
  164.     
  165.     function clicker(event) {
  166.         if (initialized) {
  167.             clicked_here = true;
  168.             let x = event.clientX;
  169.             let y = event.clientY;
  170.             localStorage.setItem(lsp + "click", x + " " + y);
  171.         }
  172.     }
  173.  
  174.     function inputTer(event) {
  175.         if (initialized) {
  176.             inputTed_here = true;
  177.             let el = event.target;
  178.             let rect = el.getBoundingClientRect();
  179.             let x = Math.round((rect.left + rect.right) / 2);
  180.             let y = Math.round((rect.top + rect.bottom) / 2);
  181.             let val;
  182.             if (el.getAttribute("type") === "checkbox") {
  183.                 val = "" + el.checked;
  184.             } else {
  185.                 val = "" + el.value;
  186.             }
  187.             localStorage.setItem(lsp + "input", x + " " + y + " " + encodeURIComponent(val));
  188.         }
  189.     }
  190.     
  191.     function popstate(event) {
  192.         window.removeEventListener("popstate", popstate);
  193.         if (initialized) {
  194.             localStorage.setItem(lsp + "back", "" + +new Date());
  195.         }
  196.         while (event.state === lsp + "back") history.go(-1);
  197.         history.go(-1);
  198.         while (event.state === lsp + "back") history.go(-1);
  199.         window.addEventListener("popstate", popstate);
  200.     }
  201.     
  202.     
  203.     root.addEventListener("keypress", keypress);
  204.     root.addEventListener("click", clicker);
  205.     window.addEventListener("scroll", scroller);
  206.     window.addEventListener("input", inputTer);
  207.     window.addEventListener("storage", storage);
  208.     
  209.     window.addEventListener("popstate", popstate);
  210.  
  211.     if (localStorage.getItem(lsp + "forbid") == null) {
  212.         init("event");
  213.     }
  214.     
  215.     function fireMouseEvent(node, eventName, x, y) {
  216.         node.dispatchEvent(new MouseEvent(eventName, {
  217.             altKey: false,
  218.             ctrlKey: false,
  219.             shiftKey: false,
  220.             metaKey: false,
  221.             bubbles: true,
  222.             cancelable: true,
  223.             button: 0,
  224.             detail: 1,
  225.             x: x,
  226.             y: y,
  227.             clientX: x,
  228.             clientY: y,
  229.         }));
  230.     }
  231.     
  232.  
  233. })();