Clickable Elements Highlighter

Highlights clickable elements on web pages.

2023-05-29 기준 버전입니다. 최신 버전을 확인하세요.

줄 바꿈

// ==UserScript==
// @name         Clickable Elements Highlighter
// @namespace    http://your-namespace-here
// @version      1.0.0
// @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.style.border = "1px solid red";
  });

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