Skip to content

Instantly share code, notes, and snippets.

@scottjehl

scottjehl/whichones.js

Created August 21, 2020 15:40
Show Gist options
  • Star 63 You must be signed in to star a gist
  • Fork 8 You must be signed in to fork a gist
  • Save scottjehl/032966e6be88d4859bf3423df93ea5ba to your computer and use it in GitHub Desktop.
Save scottjehl/032966e6be88d4859bf3423df93ea5ba to your computer and use it in GitHub Desktop.
Download ZIP
which elements are wider than the viewport?
Raw
whichones.js
var list = [];
document.querySelectorAll("body *")
.forEach(function(elem){
if(elem.getBoundingClientRect().width > document.body.getBoundingClientRect().width){
list.push(elem.outerHTML.split('>')[0] + '>');
}
});
confirm( "these elements are wider than the viewport:\n\n " + list.join("\n") )
@BethuelHeldt
Copy link

Thank you... Really helpful script for my students.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment