カレンダー

11 | 2016/12 | 01
- - - - 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

広告



最近の記事

カテゴリー

DATE: CATEGORY:TECH


chromeのjavascriptデバッガがすげー便利。

特にアドオンを入れる必要もなく、
chromeの標準機能の範囲で使える割には、
機能も豊富ですごい便利です!!

使い方


使い方は簡単。chromeを開いた状態で、

shift」+「ctrl」+「J」を押す。

そしたら、デバッガのウィンドウが開くので、
debugしたいページにアクセスしてみましょう。

こんな感じ。
chrome-debug
Photo:chrome-debug By onetohihi

いろんな機能


・ブレークポイントも設定してdebugできる!!

・ページの各モジュールをどれくらいのスピードで
 ダウンロードしているのか、もわかる。

・圧縮されたjavascriptも見やすく整形してくれる!!

・もちろん、HTMLの解析も可能。

外観はこんな感じ。
chrome-debug2
Photo:chrome-debug2 By onetohihi


これ、そーとー便利です。

タグ : chrome debug javascript html

Comment

コメントの投稿

管理者にだけ表示を許可する


トラックバック


この記事にトラックバックする



copyright © なんとなしの日記 all rights reserved.
内職☆在宅ワークの最強は?アフィリエイト!. 初心者だってカッコ良いホームページ作るぅ!
Powered by FC2ブログ
Related Posts Plugin for WordPress, Blogger...