Skip to content

Instantly share code, notes, and snippets.

@oliveratgithub

oliveratgithub/html_element_overflow_debug_bookmarklet.js

Created June 29, 2022 15:14
Show Gist options
  • Save oliveratgithub/d1f2f02077c7e3a44eab009ff45c5fc2 to your computer and use it in GitHub Desktop.
Save oliveratgithub/d1f2f02077c7e3a44eab009ff45c5fc2 to your computer and use it in GitHub Desktop.
Download ZIP
🪟 HTML element size overflow debugging: browser bookmarklet to add colorful borders around all DOM elements on a page using CSS.
Raw
html_element_overflow_debug_bookmarklet.js
javascript:document.querySelectorAll(%22*%22).forEach(function(a)%7Ba.style.outline%3D%221px%20solid%20%23%22%2B(~~(Math.random()*(1%3C%3C%2024))).toString(16)%7D)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment