原帖點這里
平常在開發(fā)過程中，經常會接觸到前端頁面泥技。那么對于js的調試那可是家常便飯神妹，不必多說颓哮。最近一直在用火狐的Firebug,但是不知道怎么的不好使了。網上找找說法鸵荠，都說重新安裝狐火瀏覽器就可以了冕茅，但是我安裝了好多遍，也沒好使蛹找，后來聽說Firebug停止更 新了姨伤。沒辦法既然不給用，那我換瀏覽器不就可以了嘛庸疾！一開始想到就是谷歌乍楚，谷歌瀏覽器是常用來調試JS代碼的工具，本文主要介紹如何利用谷歌瀏覽器來調試JS代碼彼硫，協助我們進行開發(fā)工作炊豪，加快開發(fā)效率。
1拧篮、首先词渤，打開谷歌瀏覽器，然后打開調試功能欄串绩，按快捷鍵F12或者ctrl+shift+j缺虐，就可以打開谷歌瀏覽器的開發(fā)者工具。打開后頁面如下所示礁凡。
2高氮、下面主要介紹一下開發(fā)者工具中常用的幾個基礎常用功能。左上角第二個選項顷牌，是用來切換手機頁面的剪芍。如果我們訪問的網址是手機端wap頁面，則點擊此按鈕窟蓝，就可以模擬手機進行訪問了罪裹。
3、Network是網絡工具，可以查看請求數據的狀態(tài)状共，類型套耕，大小，時間等峡继，如下圖冯袍。Network是在調試中常用的工具，可以查看發(fā)送的請求是否正確碾牌，返回的數據是否正常等康愤。
4、Sources可以用來查看頁面的源文件小染，包括JS文件和Html文件翘瓮。找到想要調試的JS代碼，在代碼前單擊裤翩，即可設置斷點资盅。當運行JS代碼時，會自動進入到斷點執(zhí)行踊赠。同Java調試類似呵扛，JS調試也可以單步運行、進入函數體內調試筐带、直接運行到下一斷點等今穿。
5、如上圖所示伦籍，右上角4個斷點蓝晒，分別是直接運行到下一斷點、單步運行帖鸦、進入函數體內運行芝薇、返回函數執(zhí)行結果。對應的快捷鍵分別是F8作儿、F10洛二、F11和shift+F11。在調試時攻锰，把鼠標放在某個變量上晾嘶，就可以查看該變量的運行值。
