IDEA*IDEAさんに、ページ内のJavaScriptイベントをマウスオーバーで一発表示するFirefoxのアドオンが紹介されていました。
ページ内で発生するイベントの詳細をマウスオーバーで表示する『Obtrusive JavaScript Checker』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/11/obtrusive_javascript_checker.html
実際にインストールしてみましたが、これはすごい!
画面の左下にページ内のイベントの数↓

イベントが発生する箇所には四角の枠が表示され、マウスオーバーするとその内容がすぐわかります。↓

Webページで気になった動きの確認や、Webアプリケーションのテストなどに利用できそうです。
インストールの手順も簡単ですが、一応メモしておきます。
1.まずはGreasemonkeyをインストールしましょう
Greasemonkey :: Firefox Add-ons
https://addons.mozilla.org/ja/firefox/addon/748
2.Obtrusive JavaScript Checkerの紹介ページにある以下のリンクから、userscriptをインストール
ObtrusiveJavaScriptChecker-0.7.user.js - obtrusivejavascriptchecker - Google Code - Obtrusive JavaScript Checker Greasemonkey user script, version 0.7
http://code.google.com/p/obtrusivejavascriptchecker/downloads/detail?name=ObtrusiveJavaScriptChecker-0.7.user.js&can=2
3.同じく以下のリンクから、Obtrusive JavaScript Checkerアドオンをインストール
Obtrusive JavaScript Checker
https://addons.mozilla.org/en-US/firefox/addon/9505
これでインストールは完了です。


コメントする