Chrome Get dimensions info about elements from selector

ChromeGetInfoAboutDimensionsjs

var CSSSelector = window.localStorage.getItem('CSSSelector');
CSSSelector = prompt('Enter a selector', (window.localStorage.getItem('CSSSelector').toString()!=='null') ? CSSSelector : 'body');
window.localStorage.setItem('CSSSelector', CSSSelector);
var elements = document.querySelectorAll(CSSSelector);
var q = '`';
var report = `Selector: ${q}${CSSSelector}${(elements.length>1) ? ' (FOUND '+elements.length+' OCCURANCES)' : ''}${q}\n------------\n`;
if (elements.length>0) {
  var element = elements[0];
  var computedRules = window.getComputedStyle(element);
  report+=`${q}${q}${q}\npadding: ${computedRules['padding']}\nmargin: ${computedRules['margin']}\nwidth:${computedRules['width']}\nheight:${computedRules['height']}\nbox-sizing:${computedRules['box-sizing']}\n${q}${q}${q}\n`;
} else {
  report+= '## Not found';
}
copy(report);
console.log(report);

exampleOutput.md

Selector: .KAF-AppNavigation

padding: 4px
margin: 0px
width:254px
height:811px
box-sizing:border-box