metaQuery Bookmarklet

gistfile1.html

<!-- Bookmarklet -->
<a href='javascript:var _metaQueryDiv = document.createElement("div");_metaQueryDiv.id = "_metaQueryBookmarklet";document.getElementsByTagName("body")[0].appendChild(_metaQueryDiv);var _metaQuery_style = document.createElement("style");_metaQuery_style.type = "text/css";_metaQuery_style.innerHTML = "#_metaQueryBookmarklet{position:fixed; bottom:-1px;right: -1px;border-radius:3px 0 0 0;background-color:#ddd;color:#666;border:1px solid;padding:8px;font-family:sans-serif;font-size:12px;}";document.getElementsByTagName("body")[0].appendChild(_metaQuery_style);metaQuery.onBreakpointChange( function (activeBreakpoints) {document.getElementById( "_metaQueryBookmarklet").innerHTML = activeBreakpoints.join(", ");});'>metaQuery Bookmarklet</a>

<!-- Source -->
<script>
	// Create the div
	var _metaQueryDiv = document.createElement("div");
	_metaQueryDiv.id = "_metaQueryBookmarklet";
	document.getElementsByTagName("body")[0].appendChild(_metaQueryDiv);

	// Create the style element
	var _metaQuery_style = document.createElement("style");
	_metaQuery_style.type = "text/css";
	_metaQuery_style.innerHTML = "#_metaQueryBookmarklet{position:fixed; bottom:-1px;right: -1px;border-radius:3px 0 0 0;background-color:#ddd;color:#666;border:1px solid;padding:8px;font-family:sans-serif;font-size:12px;}";
	document.getElementsByTagName("body")[0].appendChild(_metaQuery_style);

	// Update values
	metaQuery.onBreakpointChange( function (activeBreakpoints) {
		document.getElementById( "_metaQueryBookmarklet").innerHTML = activeBreakpoints.join(', ');
	});
</script>

Ugly as sin, dumb as a box of hammers, but working for me for now.