Clickable Elements Highlighter

Highlights clickable elements on web pages.

Versione datata 29/05/2023. Vedi la nuova versione l'ultima versione.

Fai una domanda, pubblica una recensione, oppure segnala lo script.

Manda a capo le linee

// ==UserScript==
// @name         Clickable Elements Highlighter
// @namespace    http://your-namespace-here
// @version      1.0.1
// @description  Highlights clickable elements on web pages.
// @match        http*://*/*
// ==/UserScript==


(function() {
  const clickableElements = document.querySelectorAll("a, button, input, select, textarea, [role=button], [role=link], [role=checkbox], [role=radio], [role=menuitem], [contenteditable=true]");

  clickableElements.forEach(element => {
    element.addEventListener("click", function(event) {
      this.style.border = "";
      event.stopPropagation();
    });
    element.addEventListener("mousedown", function(event) {
      if (event.which === 2) {
        this.style.border = "";
        event.stopPropagation();
      }
    });
    element.style.border = "1px solid red";
  });

  document.addEventListener("click", function() {
    clickableElements.forEach(element => {
      element.style.border = "1px solid red";
    });
  });
})();