HTMLで画像のサイズが実際のサイズと異なる場合に赤枠を付け、console.logに書き出しするブックマークレット用JS

img_size_checker.js

javascript: (function(){
    var d = window.document;
    var s = d.createElement('script');
    s.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js';
    d.body.appendChild(s);
    setTimeout(function(){
	$("img").each(function(){
		var src = $(this).attr("src");
		var img = new Image();
		img.src = src;
		if(img.width != $(this).width() || img.height != $(this).height()){
			console.log("サイズが違います", src, "now:" + $(this).width() + "/" + $(this).height() + " real:" + img.width + "/" + img.height);
			$(this).css("border", "3px solid red");
		}
	});
    }, 1000);
})();