FC2ブログ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

【Javascript】デバッガFirebug

ちょっとJavascriptを勉強しているのですが、普通にテキストとして書いている
だけだとやっぱり難しい・・・「なんでこんな表示に?!」なんてことが多発。
そんなときのためにもデバッガがあると全然違いますね。

昔はVisual Studioとか使ってましたけど、今そんなツールとはほとんど無縁で。
今はMacを使っていますし^^;
でも変数に今何が格納されているのかとか見たかった・・・

何かないもんかと思って探してみたらすぐに見つかりました!! 
firefoxのアドオン、「Firebug

こんなツールが無料で使えるなんて嬉しいですね!
(昔のVisual Studioはものすごく高かった気がする・・・確か。)


結構使い勝手がいいです。

私はMac版のFirefoxなので、Windowsとちと違うかもしれませんが。
アドオンとしてインストール後、右上に出てくる虫のマークをクリックするとコンソール画面が開きます。

スクリーンショット(2011-07-05 10.32.00)

うちの会社のHPを開いてみました。

スクリーンショット(2011-07-05 10.34.44)

ステップ実行、ブレイクポイントも設定できるので、とっても簡単にバグを発見できます。
昔使っていたVisual Studioの感覚でいける感じ。


またまた自分でやり方忘れない為の覚書を。

【ステップ実行】
スクリーンショット(2011-07-05 10.41.58)

ステップイン、ステップオーバー、ステップアウトは赤いところの「→」で。
もし読み込みがうまくいかず実行状態にならなければ、Firefoxの通常の更新ボタンで再読み込みを
すると実行状態になります。

【ブレイクポイントの設定】
スクリーンショット(2011-07-05 10.45.27)

濃くなっている数字の箇所はjavascriptとして認識されているので、
その行番号をくりっくすると赤丸が出てきます。
それがブレイクポイントとして設定されているので、実行後、そのステップでストップすることが出来ます。

【変数の内容確認】
変数にどんな値が格納されているのか見たい場合にはその変数をマウスオーバーするとぽこっと表示されます。

これでだいたいバグ解析は出来るかと。



願わくばこの虫のマークがもう少し可愛ければいいんですけど・・・



草間企画 ジーフロイデ株式会社


【PR】
佐々木歯科医院 埼玉県 大宮
東武野田線大宮公園駅前 入れ歯(義歯・総義歯)については、お気軽にご相談下さい! シンラシステムによるお一人お一人に合った総義歯を

有限会社MOA 東京都 港区 新橋
有限会社MOAは印刷全般のコーディネーターです。
細かい型抜き加工や箔押しなど「こんなことできる?」ということがありましたらご相談下さい。

すすき歯科医院
東京都 世田谷区 田園都市線 桜新町駅徒歩10分
当院では出来る限り歯を抜かない治療を目指しております。お気軽にご相談ください。

美顔矯正.com by 磯部整体Vセンター 小顔矯正と骨盤矯正を専門とした磯部整体Vセンター
東京都 港区 南青山 (銀座線・半蔵門線青山一丁目駅 徒歩3分)
小顔・輪郭の悩み・顔の歪み・顔の歪みによる不調まで、すべてお任せください

骨盤矯正.net by 磯部整体Vセンター 小顔矯正と骨盤矯正を専門とした磯部整体Vセンター
東京都 港区 南青山 (銀座線・半蔵門線青山一丁目駅 徒歩3分)
体によい事とは、骨格の歪みを整える事です。体の歪みを整えて、骨格から元気にスマートになってみませんか  

羅漢堂鍼灸治療院
東京 神奈川 千葉 埼玉 出張専門の鍼灸・気療の治療院
今まで効果の出なかった方、すぐに元に戻ってしまうという方是非ご相談ください。
気療を用いる事で解決できる可能性があります。
週2回不妊治療専門とくおかレディースクリニックにて不妊治療専門の出張診療もしています。




スポンサーサイト

コメント

Secret

カレンダー

09 | 2018/10 | 11
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

最近の記事

カテゴリー

QRコード

QRコード

decoboko.jp

ブログ内検索
RSSフィード
リンク
ブロとも申請フォーム

この人とブロともになる

RSSクラウド

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。