Home > 開発ツール・技術 > ページ内で発生するイベントの詳細をマウスオーバーで表示する『Obtrusive JavaScript Checker』

• Newer
• Older

ページ内で発生するイベントの詳細をマウスオーバーで表示する『Obtrusive JavaScript Checker』

• 2008-11-05 (Wed) 10:32
• 開発ツール・技術
• 
• 

最近はインライン要素から複雑なイベントを発生させるページが多いですよね。インタラクティブだったり画面遷移なしで操作できたりと便利ですが、ぱっとソースを見ただけだと何をやっているかさっぱり？？ということも少なくありません。

そこでObtrusive JavaScript Checkerをご紹介。Firefox限定ですが、これを有効にしておくと、ページ内の要素にマウスオーバーするだけでそこに仕込まれたイベントが何であるかがわかります。

↑ 例えばYouTube。

↑ さらにページの左下にはそのページで発生するイベントのサマリーも見られます。

万人向けではないですが、インタラクティブなページを作りたいと思っている人には便利なのではないでしょうか。ブックマークレット、Greasemonkey、アドオンのどのやり方でも導入できますよ。

詳細＆インストールは以下からどうぞ。

» Obtrusive JavaScript Checker 0.7 – support for JavaScript links, inline event information and summary report – Robert’s talk – Web development and Internet trends

■ 関連記事

• テーブルの列をドラッグ＆ドロップで入れ替え可能にするJavaScriptライブラリ『dragtable』 | IDEA*IDEA
• さまざまなフォーマットで日時を表示させるためのJavaScriptの記法いろいろ | IDEA*IDEA
• JavaScriptでカレンダーを実現するための38のスクリプト | IDEA*IDEA

こちらもあわせてどうぞ

• マウス操作に疲れたら・・・実に気持ち良さそうなリストレスト
• 今見ているページに対応するGreasemonkeyを自動検出してくれる『Greasefire』
• クリック一発でページ内の画像をごっそり最適化してくれる『smush.it』
• IDEA*PAD開発で使ったツールいろいろ
• JavaScriptでカレンダーを実現するための38のスクリプト

Twitterもやっています！

• Newer: .htaccessに関する覚え書き
• Older: 【東京ブック】 ユーザーの生の声を聞くには？

Posted on November 5th, 2008

Comments:0

Comment Form

Name (必須)

Mail address (非公開) (必須)

URI

Remember personal info

Yes No

Commentスタイル指定用の一部の HTMLタグが使用できます。

Add Your Comment

Trackbacks:0

Trackback URL for this entry

http://www.ideaxidea.com/archives/2008/11/obtrusive_javascript_checker.html/trackback

Listed below are links to weblogs that reference

ページ内で発生するイベントの詳細をマウスオーバーで表示する『Obtrusive JavaScript Checker』 from IDEA*IDEA ～ 百式管理人のライフハックブログ

Home > 開発ツール・技術 > ページ内で発生するイベントの詳細をマウスオーバーで表示する『Obtrusive JavaScript Checker』

ブログ内検索

IDEA*IDEA ～ 百式管理人のライフハックブログ内の検索

百式ジョブボード（求人情報）

ケータイ会議５参加中！

TwitterCounter

人気の記事

• Photoshop CS5なんて目じゃなくね？落書きからそれっぽい写真を合成する『Photosketch』がやばすぎる件・・・
• 【死因別】 「死ぬ」ときにどう感じるか？
• YouTubeのURLを細工して使える小技をざくざくまとめてみた
• YouTubeをiPod用に一発変換してくれる『PODTUBE』が便利だった件
• YouTubeをiPod用に一発変換してくれる『PODTUBE』が便利だった件
• 最初の30秒で話しかけないとずっと話しかけられないの法則（＝30秒ルール）
• インストールされているソフトのライセンスキーをぶっこ抜いてくれるフリーウェア『LicenseCrawler』
• 氷河が泣いている・・・衝撃的な一枚の画像が話題に。
• 暗記しておくとなにかと便利なプチ公式まとめ
• URLにあるキーワードを追加するだけでYouTubeの動画が高画質になる、という裏技

最近のつぶやき

follow me on Twitter

Powered by…

『IDEA*IDEA』のユーザビリティは、ユーザー中心のウェブサイト構築を手がけるビービット社によって検証・改善されています。

いろいろ

誠Biz.IDの「Webサービス図鑑」を応援中です！

人気の商品

楽ワード

管理人の著書

最近の写真

モバイル版

最近の記事

• プラナフ・ミストリーさんのSixthSenseテクノロジーで鳥肌がたった件・・・
• WWF(自然環境保護団体）のキャンペーン画像がちょっとうまい・・・
• 『朝会議 ～ Kickstart Morning powered by Apple Store, Shibuya』へのお誘い！（第一回ゲストはnanapiのけんすうさん）
• eBayのバイラルビデオが良く出来ている件
• 【今週の小技】 最近効果的な僕なりの早起き術
• なぜ作った？！突飛な熱気球のデザインいろいろｗ
• 成毛さんの『内モンゴル小旅行記』が必読な件
• 使い捨てサングラスだと・・・？？
• ギフトアイデアとして『カップルの横顔からマグカップを作る！』はどうだろう
• 素早くいろいろなことを考えると幸せになれるってさ

カテゴリー別

• ACTION*PAD関連 (8)
• Apple関連 (35)
• CakePHP関連 (52)
• check*pad関連 (54)
• Firefox関連 (34)
• Fireworks (2)
• FOMA F-01Aレビュー (20)
• FOMA F-01Bレビュー (20)
• FOMA F-02Aレビュー (11)
• FOMA F-02Bレビュー (9)
• FOMA F-03Aレビュー (10)
• FOMA F-03Bレビュー (13)
• FOMA F-04Aレビュー (3)
• FOMA F-08Aレビュー (12)
• FOMA F-09Aレビュー (13)
• FOMA F905iレビュー (15)
• FOMA F906iレビュー (13)
• Google関連 (90)
• GTD関連 (13)
• IDEA*PAD関連 (4)
• iPhone関連 (21)
• jQuery関連 (36)
• PR記事 (9)
• R*PAD関連 (6)
• task*pad関連 (3)
• Twitter関連 (98)
• WordPress関連 (31)
• おもしろネタ (869)
• おもしろ動画 (317)
• その他 (136)
• アート・デザイン (3)
• イベント情報 (79)
• ガジェット (39)
• クリエイティブな広告 (29)
• ゲーム (33)
• シャングリラ・ダイエット (10)
• デザイナー修行日記 (1)
• ハイビジョンサウンド会議 (5)
• マーケティング (88)
• メディア掲載実績 (29)
• ライフハック (528)
• レストラン・カフェ (43)
• 今週の小技 (10)
• 便利ツール (232)
• 個人的ないろいろ (76)
• 勉強会 (6)
• 旅行記 (21)
• 映画 (13)
• 書評 (92)
• 未分類 (3)
• 東京ブック (197)
• 百式ジョブボード (36)
• 百式企画塾 (41)
• 自炊生活 (45)
• 開発ツール・技術 (197)
• 開発合宿 (23)

過去記事一覧

• February 2010 (38)
• January 2010 (135)
• December 2009 (140)
• November 2009 (114)
• October 2009 (97)
• September 2009 (101)
• August 2009 (106)
• July 2009 (120)
• June 2009 (157)
• May 2009 (123)
• April 2009 (124)
• March 2009 (123)
• February 2009 (136)
• January 2009 (138)
• December 2008 (101)
• November 2008 (106)
• October 2008 (164)
• September 2008 (120)
• August 2008 (91)
• July 2008 (117)
• June 2008 (100)
• May 2008 (109)
• April 2008 (105)
• March 2008 (113)
• February 2008 (93)
• January 2008 (96)
• December 2007 (69)
• November 2007 (68)
• October 2007 (43)
• September 2007 (5)
• August 2007 (20)
• July 2007 (30)
• June 2007 (28)
• May 2007 (7)
• April 2007 (11)
• March 2007 (32)
• February 2007 (29)
• January 2007 (14)
• December 2006 (31)
• November 2006 (26)
• October 2006 (25)
• September 2006 (40)
• August 2006 (32)
• July 2006 (21)
• June 2006 (16)
• May 2006 (16)
• April 2006 (20)
• March 2006 (14)
• February 2006 (11)
• January 2006 (11)
• December 2005 (9)
• November 2005 (18)
• October 2005 (12)
• September 2005 (17)
• August 2005 (16)
• July 2005 (18)
• June 2005 (12)
• May 2005 (16)