izilla.mq.debug.bookmarklet.min.js

/*
 * Izilla Media Query Debugger Bookmarklet v1.0
 * Adds the viewport width and height as a :before pseudo element on the body to help with obtaining values for responsive breakpoints if a url parameter of mqdebug=true exists.
 * 
 * Copyright (c) 2012 Izilla Partners Pty Ltd
 *
 * http://www.izilla.com.au
 *
 * Licensed under the MIT license
 *
 */

(function(){if(typeof(window.innerWidth)!="undefined"){var a=document.head,b=document.createElement("style"),c=document.createTextNode('body[data-mqd]:before {background:red;border:1px solid #900;color:#fff;content:attr(data-mqd);font-family:"Courier New",Courier,monospace;font-size:12px;left:0;line-height: 16px;padding:3px 6px 5px 6px;position:fixed;top:0;z-index:9999;}');b.type="text/css";if(b.styleSheet){b.styleSheet.cssText=c.nodeValue}else{b.appendChild(c)}a.appendChild(b);document.body.setAttribute("data-mqd",window.innerWidth+" x "+window.innerHeight);window.onresize=function(d){document.body.setAttribute("data-mqd",window.innerWidth+" x "+window.innerHeight)}}})();