Home > プログラミング | 仕事 > 【javascript】【chrome】javascriptのデバッグについて

【javascript】【chrome】javascriptのデバッグについて

javascriptのデバッグ、簡単なものだったらgoogle chromeのDeveloper Toolsが便利だなーと思ったのでメモ。

起動は簡単で、該当ページを開いた状態で「Ctrl+Shift+J」を押すだけ。
すると以下のような画面が出てきます。
e5908de7a7b0e69caae8a8ade5ae9a-1

エラー内容やソースの該当箇所にリンクしてくれるのでかなりデバッグしやすいかと。
まぁ、それ以外の機能も充実しているので、かなり使いやすいツールです。
こんなんがデフォルトで入っているんだから、やっぱりgoogleさんは凄いですね。

ついでにもう一つ。
変数とかの中身を知りたかったらconsole.logってのが便利です。

console.log(‘%s’,sample);

みたいな感じで書いておけば、DevelopperToolのコンソール部分で変数の動きを調べられます。
ただし、これ、IEには対応していないのでご注意を。（IEだとエラーになります）

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://watalucky.com/2010/08/04/%e3%80%90javascript%e3%80%91%e3%80%90chrome%e3%80%91javascript%e3%81%ae%e3%83%87%e3%83%90%e3%83%83%e3%82%b0%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/trackback/
Listed below are links to weblogs that reference
【javascript】【chrome】javascriptのデバッグについて from watalucky.com

Home > プログラミング | 仕事 > 【javascript】【chrome】javascriptのデバッグについて

Pages
Recent Entries
Recent Comments:
  • watalucky: コメントありがとうございます。 その情報も見つけはしたんですが、自分のほうではそれでは認識さ れなかったので情報掲載は控えておきました。 ただ、大抵の方はこの方法で認識してくれるみたいですね。...
  • Og: キャプチャの画面でBackボタンを押して、もう一度Nextボ タンを押すと、JDK認識してくれるみたいです。
  • watalucky: AV TOYOは俺らの青春だよな(笑) …いや、まぁ、AVだけじゃなく普通のビデオもありましたが。
  • 越谷先生: AVのレンタルショップが潰れたのは俺も最近知った（笑）
  • watalucky: 公共性の高いページはそういうのもあるみたいですね。 大まかな目安だけど、全体の３％以上を占めているブラウザは無視 できないなぁ、という話も聞きました。 まぁ、制作前のターゲッティングのフェーズで確実に決めて...
Categories
Archives
Tag Cloud
Search
Feeds
Meta
ad

Return to page top