const getDataOfHtmlElements=()=>{
var dataOfElements = [];
var elems = document.querySelectorAll("*");
for(let i=0;i<elems.length;i++){
var rect = elems[i].getBoundingClientRect();
var src = elems[i].getAttribute("src");
var href = elems[i].getAttribute("href");
var tag = elems[i].tagName;
var title = elems[i].getAttribute("title");
var id = elems[i].getAttribute("id");
var name = elems[i].getAttribute("name");
var data ={
id: i,
rect: rect,
src: src,
href: href,
tag: tag,
title: title,
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter