Poor mans jQuery element inspector.
In case you do not have access to Firebug or any other quick element inspector- I have created a very quick and very dirty Javascript only element inspector- well actually Javascript and jQuery.
You need to have access to your own code though. Just past this here snippet anywhere in html file and the title of your document will show the ID and the CLASS of any element you are hovering over.
CSS (add this to give the element you are hovering over some style)
Javascript (Omit the script tags if you are placing this outside your HTML)
Like I said, it is very quick- and probably too dirty to touch. Let me know if this works- or not or if you can make this shorter. say; tweet sized.
update: Changed border: property into outline: so the border width does not play a role in the layout.
.m0 { outline:solid red 1px; }$(document).ready(function(){
$("*").hover(
function () {
var c = $(this).attr('class');
$(this).addClass('m0');
document.title = "ID: " + $(this).attr('id') + " CLASS:" + c;
},
function () {
$(this).removeClass('m0');
}
);
});