Share

森です。

制作を行っているとimg要素のalt属性値がなにであるかを知りたい時があります。ちょっと前のブラウザではカーソルをimg要素に重ねるとツールチップがポップアップしてalt属性値をすぐに知ることが出来ましたが、新し目のブラウザではこれがでません。

替わりというとおかしいですが、title属性値であればポップアップして表示するので、これを利用してalt属性値を知ることにします。

img要素のalt属性値をtitle属性値に代入するbookmarkletを作りました。

javascript:(function($){if(!window.jQuery){node=document.createElement('SCRIPT');node.type='text/javascript';node.src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js';document.body.appendChild(node)}$('img').each(function(){var%20alt=$(this).attr('alt');if(alt){$(this).attr('title',alt);}});alert('Done!');})(window.jQuery);

これを利用すれば無駄なプラグインを入れなくて済みますね。