我是一名忠實Chrome迷，使用它已經快有2年的歷史了，整體給我的感覺就是清爽，快速，簡潔。又打小廣告了……^_^，雖然我知道IE8+也有調試工具，包括火狐的什么XXBUG，但是我用過之后，個人還是十分偏愛chrome的debug。

chrome對于在前端打拼的兄弟姐妹是十分有幫助的，它優雅的實時展示DOM，捕獲N個ajax傳遞過來的參數

查看動態DOM

實時獲取JSON數據

包括chrome中N多插件……

當然我在這里列舉一個十分有用的javascript調試的技巧

首先請打開“谷歌瀏覽器”（廢話），然后打開一個網頁，按“F12”會出現一個控制臺

找到一個叫做“Sources”,點擊它

OK，如果你的頁面現在已經加載過JS腳本的話，那么應該可以看到一些JS文件了

然后你可以在左側側欄的序號那些位置點擊一下就設置成斷點，當你要執行某個函數的時候瀏覽器就會自動進入調試模式了

細心的你肯定會發現Scope Variables區域顯示的竟然就是Object對象的元素，大驚。起初我們要想展示一個對象要么采用

1 2 3 4 5

function forIn(o) { ????for (i in o) { ????????document.write('<strong>' + i + ' --></strong> ' + o[i] + '<br />'); ????} }

你會發現頁面很麻煩，而且也不是很靈活，現在學會chrome的debug工具我相信會給你帶來莫大的幫助了。

總結

以上是生活随笔為你收集整理的Google Chrome 调试JS利器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。