debugCSS.min.js

var infoBar=document.getElementById("debugCSSInfoBar");function init(){infoBar.innerHTML="<p>Hold Ctrl Key & hover on any element for detail</p>"}function updateinfoBar(e){var n=e.target.id.toString()||"",t=e.target.classList.toString()||"",o=e.target.nodeName.toLowerCase()||"";if(!infoBar)return!1;infoBar.innerHTML="<p>Hovered Element Detail(s)= { Element Type: <b> "+o+"</b>; Class(es) Applied: <b> "+t+"</b>; Element Id: <b> "+n+"</b>; }</p>"}function showinfoBar(e){infoBar.className="",e.ctrlKey&&(infoBar.className="show")}init(),document.addEventListener("mouseover",updateinfoBar,!1),window.addEventListener("keydown",showinfoBar,!1),window.addEventListener("keyup",showinfoBar,!1);