以前、alt属性はWeb Developer でチェック!、なんてことを書いていたんだけど、
レイアウトによって、肝心の属性値がうまく表示されずに、隠れちゃったりとか、
画像が連続していて、ホントにこっちの画像に設定されてる??とか、
微妙に使いづらい部分があったので、
もっと確実にそして迅速に、
alt属性が確認できるブックマークレットを作ってみました。

以下のリンクを「お気に入り」とかに追加して、
チェックしたいページを表示させてから、ブックマークレットを実行するだけ。
※1クリックで確認が出来るように、ブックマークバーとかに置いておくのがオススメ。

alt属性の一覧を表示(2009/07/28 更新)(2011/07/26 更新)

ちなみに、alt属性自体の記述が無いと、nullと表示されます。
alt属性はあって、値が空だと何も表示されません。
(IEはどちらとも何も表示されません。)

で、確認が終わって消したい時は、出現したエリア内の何処でも良いので、
クリックしてもらえれば、消すことができます。

かなり、スクリプト的に冗長な部分もありますが、、
外部ファイルにする以外は、IE6の文字制限をクリアするのは、
自分にはムリと判断したので、IE6はゴメンナサイ。
IE7,Firefox,Safari等でご利用下さい。
カスタマイズは、もちろんご自由にどうぞ。

自分で言うのもアレですが、結構重宝します!

一覧出力後に、scrollTo(0,0)を追加しました。

trust said at

いつも便利に使用しています。ありがとうございます。
Lionを入れたところ、使用できなくなってしまいました。
もし、可能でしたら、お手すきの際にLion対応版、アップ頂けると幸いです。

AU said at

AUさん
いつもご利用ありがとうございます。
並びに不具合のご報告もありがとうございました!

私は、まだLionにアップデートしていませんが、
Safari 5.1で動かない事を確認しました。

原因が分かり次第、修正しますのでしばらくお待ち頂けると助かります。
よろしくお願いします。

trust said at

■ブックマークレットご利用の方へ
Safari5.1で動作しない不具合に対応致しました。
お手数ですが、ブックマークレットの更新をお願いします。
また、OSX Lionにて不具合等ありましたら、コメントを頂けると助かります。

trust said at

AUさん
Lionでの動作は如何でしょうか?
お時間ありましたら、ご利用環境での動作結果をお教え頂けますと幸いです!

trust said at

早速のアップ、ありがとうございます。
Lionにて問題なく動作しています!
ありがとうございました。

AU said at

動作確認のご報告ありがとうございました!
問題なく動作したようで、安心しました。
また、何かありましたら、随時ご指摘頂けますと助かります!

trust said at