題外話，剛開始我寫這篇內容只是將自己了解的一些知識放上來，不巧的是我分析了我的來訪日志，很多朋友都有這個需求，為了大家沒有白來，我決定充實下這篇文章。最近更新時間2014-02-14 chrome版本： 32.0.1700.107 m
我是一名忠實Chrome迷，使用它已經快有2年的歷史了，整體給我的感覺就是清爽，快速，簡潔。又打小廣告了……^_^，雖然我知道IE8+也有調試工具，包括火狐的什么XXBUG，但是我用過之后，個人還是十分偏愛chrome的debug。
chrome對於在前端打拼的兄弟姐妹是十分有幫助的，它優雅的實時展示DOM，捕獲N個ajax傳遞過來的參數
查看動態DOM
獲取ajax請求數據預覽
包括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工具我相信會給你帶來莫大的幫助了。
==2013-11-02更新==
當我們在打開chrome的時候，你就已經被google至簡給深深吸引，到現在chrome的版本已經到了 30.0.1599.101 m，google的東西確實很贊。
好滴，我補充一些我后來慢慢用到的內容給大家，算是我自己的工作筆記吧。
一般我們打開的大部分的網站有些js文件是已經被yui\uglifyjs等js壓縮工具壓縮過的代碼，讓你看格式來進行調試十分不容易（根本就不可能）。chrome中也提供了一個格式化代碼的功能。
點擊圖上圈紅（pretty print）的按鈕立即將當前文件進行標准格式了。我啰嗦一句，這個格式化代碼目前我只知道能格式化dom和js，css文件沒有格式化效果當然也就不支持了。
關於js調試的幾個控制簡介
js控制面板就是在頂部的側面板，這幾個工具條可以讓你按步執行代碼。
繼續：繼續執行代碼，直到我們遇到另一個斷點。
步驟：忽略方法體內部，也就是不進入到方法體內部細節再執行，只調用取返回值繼續在當前執行下步。
進入細節：細節逐語句執行，進入方法體再執行。
退出細節：細節語句返回主函數體。
斷點開關：決定該斷點是否開啟/關閉。
上面這些內容只是一些粗略的手記，如果你需要更加深入的了解chrome的DevTools不妨來這里，這里絕對是一手資料而且十分詳細和權威，如果你有幸被牆，那么恭喜你，你要學會怎么搭建梯子，這個問題你可以google或者度百。
出處：http://www.markdream.com/code/chrome-google-js-debug.shtml