ProjectVisBug icon indicating copy to clipboard operation
ProjectVisBug copied to clipboard

New plugin: Body overflow element highlighter / debugger

Open argyleink opened this issue 4 years ago • 1 comments

here's a script starter https://davidwalsh.name/detect-overflow-elements

document.querySelectorAll('*').forEach(el => {
  if (el.offsetWidth > document.documentElement.offsetWidth) {
      console.log('Found the worst element ever: ', el);
  }
});

Seems like a nice plugin to be able to run 👍🏻

argyleink avatar Apr 12 '21 17:04 argyleink

i'll take a look into this. i'll refer to some old code of mine: https://github.com/hchiam/in-browser-style-linter/blob/master/linter.js#L163

hchiam avatar Jun 24 '21 03:06 hchiam