☰

PageAutomator

Automate the actions on the page

目前為 2023-01-27 提交的版本，檢視 最新版本。

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.cn-greasyfork.org/scripts/458951/1142583/PageAutomator.js 

  1. // ==UserScript==
  2. // @name         PageAutomator
  3. // @description  Automate the actions on the page
  4. // @version      1.0.4
  5. // @author       aolko
  6. // @match        *
  7. // @namespace    https://greasyfork.org/ru/users/5008-aolko
  8. // @grant        none
  9. // @require      https://cdnjs.cloudflare.com/ajax/libs/mousetrap/1.6.5/mousetrap.min.js
  10. // ==/UserScript==
  11.  
  12. function PageAutomator() {
  13.     
  14.     // Animate the cursor movement
  15.     function animateCursor(x, y) {
  16.     var startX = cursorX;
  17.     var startY = cursorY;
  18.     var distanceX = x - startX;
  19.     var distanceY = y - startY;
  20.     var startTime = null;
  21.     
  22.     function step(timeStamp) {
  23.       if (!startTime) startTime = timeStamp;
  24.       var progress = timeStamp - startTime;
  25.       cursorX = startX + (distanceX * progress) / 200;
  26.       cursorY = startY + (distanceY * progress) / 200;
  27.       updateCursor(cursorX, cursorY);
  28.       if (progress < 200) {
  29.         requestAnimationFrame(step);
  30.       }
  31.     }
  32.     requestAnimationFrame(step);
  33.     }
  34.  
  35.     // Mouse events
  36.     mouse: {
  37.     
  38.     this.hover = function (selector) {
  39.       var element = document.querySelector(selector);
  40.       element.dispatchEvent(new MouseEvent("mouseover"));
  41.       return this;
  42.     };
  43.     
  44.     this.click = function (selector, button = "left") {
  45.       var element = document.querySelector(selector);
  46.       if (!element) {
  47.         console.log("Error: element not found");
  48.         return this;
  49.       }
  50.       if (button === "left") {
  51.         element.dispatchEvent(new MouseEvent("click"));
  52.       } else if (button === "right") {
  53.         element.dispatchEvent(new MouseEvent("contextmenu"));
  54.       }
  55.       return this;
  56.     };
  57.     
  58.     this.scroll = function (amount) {
  59.       window.scrollBy(0, amount);
  60.       return this;
  61.     };
  62.     
  63.     this.scrollTo = function (element) {
  64.       element.scrollIntoView({
  65.         behavior: "smooth",
  66.         block: "start",
  67.         inline: "nearest",
  68.       });
  69.       return this;
  70.     };
  71.     
  72.     this.hold = function (selector, button) {
  73.       var element = document.querySelector(selector);
  74.       if (button === "left") {
  75.         element.dispatchEvent(new MouseEvent("mousedown"));
  76.       } else if (button === "right") {
  77.         element.dispatchEvent(
  78.           new MouseEvent("mousedown", {
  79.             button: 2,
  80.           })
  81.         );
  82.       }
  83.       return this;
  84.     };
  85.     
  86.     this.moveToPosition = function (x, y) {
  87.       window.dispatchEvent(
  88.         new MouseEvent("mousemove", {
  89.           clientX: x,
  90.           clientY: y,
  91.         })
  92.       );
  93.       
  94.       return this;
  95.     };
  96.     this.moveToElement = function (selector) {
  97.       var element = document.querySelector(selector);
  98.       if(!element) {
  99.          console.log("Error: element not found");
  100.          return this;
  101.       }
  102.       var rect = element.getBoundingClientRect();
  103.       var x = rect.left + window.pageXOffset + rect.width / 2;
  104.       var y = rect.top + window.pageYOffset + rect.height / 2;
  105.       window.dispatchEvent(
  106.         new MouseEvent("mousemove", {
  107.           clientX: x,
  108.           clientY: y,
  109.         })
  110.       );
  111.       
  112.       return this;
  113.     };
  114.     
  115.     this.getPosition = function () {
  116.       var position = {
  117.         x: 0,
  118.         y: 0,
  119.       };
  120.       document.addEventListener("mousemove", function (event) {
  121.         position.x = event.clientX;
  122.         position.y = event.clientY;
  123.       });
  124.       return position;
  125.       return this;
  126.     };
  127.     }
  128.     
  129.     // Keyboard events
  130.     keyboard: {
  131.     this.keyPress = function (key) {
  132.       var event = new KeyboardEvent("keypress", {
  133.         key: key,
  134.       });
  135.       document.dispatchEvent(event);
  136.       return this;
  137.     };
  138.     
  139.     this.keyUp = function (key) {
  140.       var event = new KeyboardEvent("keyup", {
  141.         key: key,
  142.       });
  143.       document.dispatchEvent(event);
  144.       return this;
  145.     };
  146.     
  147.     this.keyDown = function (key) {
  148.       var event = new KeyboardEvent("keydown", {
  149.         key: key,
  150.       });
  151.       document.dispatchEvent(event);
  152.       return this;
  153.     };
  154.     
  155.     this.holdKey = function (key, action) {
  156.       var keys = {
  157.         ctrl: 17,
  158.         shift: 16,
  159.         alt: 18,
  160.         win: 91,
  161.       };
  162.       var event = new KeyboardEvent("keydown", {
  163.         keyCode: keys[key],
  164.         which: keys[key],
  165.       });
  166.       document.dispatchEvent(event);
  167.       action();
  168.       var event = new KeyboardEvent("keyup", {
  169.         keyCode: keys[key],
  170.         which: keys[key],
  171.       });
  172.       document.dispatchEvent(event);
  173.       return this;
  174.     };
  175.     
  176.     this.holdKeySequence = function (sequence, action) {
  177.       Mousetrap.bind(
  178.         sequence,
  179.         function () {
  180.           action();
  181.           Mousetrap.unbind(sequence);
  182.         },
  183.         "keydown"
  184.       );
  185.       return this;
  186.     };
  187.     
  188.     this.setKeyState = function (key, state) {
  189.       if (key === "numlock") {
  190.         var event = new KeyboardEvent("keydown", {
  191.           key: "NumLock",
  192.           code: "NumLock",
  193.         });
  194.         document.dispatchEvent(event);
  195.       } else if (key === "scrolllock") {
  196.         var event = new KeyboardEvent("keydown", {
  197.           key: "ScrollLock",
  198.           code: "ScrollLock",
  199.         });
  200.         document.dispatchEvent(event);
  201.       } else if (key === "capslock") {
  202.         var event = new KeyboardEvent("keydown", {
  203.           key: "CapsLock",
  204.           code: "CapsLock",
  205.         });
  206.         document.dispatchEvent(event);
  207.       }
  208.       return this;
  209.     };
  210.     }
  211.     
  212.     input: {
  213.     // Block input
  214.     this.blockInput = function () {
  215.       document.addEventListener("keydown", function (event) {
  216.         event.preventDefault();
  217.       });
  218.       document.addEventListener("mousedown", function (event) {
  219.         event.preventDefault();
  220.       });
  221.       return this;
  222.     };
  223.     }
  224.     
  225.     timer: {
  226.     // Timer events
  227.     this.wait = function (ms) {
  228.       var start = new Date().getTime();
  229.       var end = start;
  230.       while (end < start + ms) {
  231.         end = new Date().getTime();
  232.       }
  233.       return this;
  234.     };
  235.     
  236.     this.waitForElement = function (selector) {
  237.       var element = document.querySelector(selector);
  238.       while (!element) {
  239.         element = document.querySelector(selector);
  240.       }
  241.       return this;
  242.     };
  243.     
  244.     this.waitForMouse = function (cursor) {
  245.       var currentCursor = document.body.style.cursor;
  246.       while (currentCursor !== cursor) {
  247.         currentCursor = document.body.style.cursor;
  248.       }
  249.       return this;
  250.     };
  251.     }
  252.     
  253.     // Conditionals
  254.     this.ifElement = function (selector, condition, value) {
  255.     var element = document.querySelector(selector);
  256.     if (condition === "contains") {
  257.       if (element.innerHTML.includes(value)) {
  258.         return true;
  259.       } else {
  260.         return false;
  261.       }
  262.     } else if (condition === "does not contain") {
  263.       if (!element.innerHTML.includes(value)) {
  264.         return true;
  265.       } else {
  266.         return false;
  267.       }
  268.     } else if (condition === "is") {
  269.       if (element.innerHTML === value) {
  270.         return true;
  271.       } else {
  272.         return false;
  273.       }
  274.     } else if (condition === "is not") {
  275.       if (element.innerHTML !== value) {
  276.         return true;
  277.       } else {
  278.         return false;
  279.       }
  280.     }
  281.     return this;
  282.     };
  283.     
  284.     this.onElement = function(selector, callback) {
  285.     var observer = new MutationObserver(function(mutations) {
  286.         mutations.forEach(function(mutation) {
  287.           if (mutation.addedNodes && mutation.addedNodes.length > 0) {
  288.             for (var i = 0; i < mutation.addedNodes.length; i++) {
  289.               var node = mutation.addedNodes[i];
  290.               if (node.matches && node.matches(selector)) {
  291.                 observer.disconnect();
  292.                 callback(node);
  293.               }
  294.             }
  295.           }
  296.         });
  297.     });
  298.         observer.observe(document.documentElement, {
  299.             childList: true,
  300.             subtree: true
  301.         });
  302.     };
  303.  
  304.     
  305.     dialogs: {
  306.     // Dialogs/Message Boxes
  307.     this.showNotification = function (title, text) {
  308.       var notification = new Notification(title, {
  309.         body: text,
  310.       });
  311.       return this;
  312.     };
  313.     
  314.     this.showDialog = function (title, text) {
  315.       var dialog = document.createElement("dialog");
  316.       var titleElement = document.createElement("strong");
  317.       titleElement.innerHTML = title;
  318.       var textElement = document.createElement("p");
  319.       textElement.innerHTML = text;
  320.       dialog.appendChild(titleElement);
  321.       dialog.appendChild(textElement);
  322.       document.body.appendChild(dialog);
  323.       dialog.show();
  324.       return this;
  325.     };
  326.     
  327.     this.showCustomDialog = function (html) {
  328.       var dialog = document.createElement("dialog");
  329.       dialog.innerHTML = html;
  330.       document.body.appendChild(dialog);
  331.       dialog.show();
  332.       return this;
  333.     };
  334.     }
  335.     
  336.     clipboard: {
  337.     // Clipboard
  338.     this.getClipboardText = function () {
  339.       return navigator.clipboard.readText().then((text) => {
  340.         return text;
  341.       });
  342.       return this;
  343.     };
  344.     
  345.     this.setClipboardText = function (text) {
  346.       navigator.clipboard.writeText(text);
  347.       return this;
  348.     };
  349.     
  350.     this.clearClipboard = function () {
  351.       navigator.clipboard.writeText("");
  352.       return this;
  353.     };
  354.     }
  355.     router: {
  356.     // function to handle different actions based on URL
  357.     this.ifUrl = function(url, action) {
  358.         if (url.startsWith("/") && window.location.pathname === url) {
  359.             action();
  360.         }else if (url === '/' && window.location.pathname === '/') {
  361.             action();
  362.         } else if (window.location.href === url) {
  363.             action();
  364.         }
  365.     };
  366.     // function to navigate to a specified URL
  367.     this.navigate = function(url) {
  368.         window.location.href = url;
  369.     };
  370.     // function to expose current URL
  371.     currentUrl: {
  372.       this.get_domain = function get_domain() {
  373.           return window.location.hostname;
  374.       };
  375.       this.get_protocol =function get_protocol() {
  376.           return window.location.protocol;
  377.       };
  378.       this.get_page = function get_page() {
  379.           return window.location.pathname;
  380.       };
  381.       this.get_query = function get_query() {
  382.           return window.location.search;
  383.       };
  384.     }
  385.     }
  386.  
  387. }