Write Better Markup with HTML Inspector

HTML & CSS
8

@muhamedhashem & @louislazaris
You can use this snippet:

function _loadScript(url, callback) {
    // Adding the script tag to the head as suggested before
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
 
    // Then bind the event to the callback function.
    // There are several events for cross browser compatibility.
    script.onreadystatechange = callback;
    script.onload = callback;
 
    // Fire the loading
    head.appendChild(script);
}
 
var HTMLInspector = {
  url: '//cdnjs.cloudflare.com/ajax/libs/html-inspector/0.8.1/html-inspector.js',
  init: function () {
    HTMLInspector.inspect();
  }
};
 
_loadScript(HTMLInspector.url, HTMLInspector.init);

I use it as a snippet in Chrome. It’s pretty handy.
Snippet: https://gist.github.com/boriskaiser/d3835111498ae0ea09f2
Screenshot: http://i.imgur.com/laD3yxt.png