如何進行html調試和js腳本調試

如今web開發越來越流行,越來越多的人蔘與到web開發中,在開發過程中難免會出現一系列意想不到的情況，調試，是程序開發必備的過程,web開發調試是在瀏覽器中進行，各個瀏覽器都會有相應的調試工具，其中熱門的當屬谷歌的chrome，和火狐的firebug工具.

操作方法

（01）本人先已chrome為例,首先打開需要調試的頁面,按F12快捷鍵打開調試工具如下：在調試窗口中，所有的HTML元素都會呈現在調試窗口中

（02）如何選擇指定的dom節點進行查看和編輯：

（03）js斷點調試：chrome非常強大，在chrome調試工具欄中，你可以進行js斷點調試以及格式化查看（一些大型的入門網站都會將js壓縮成無任何格式的代碼這在研究時特別費勁）：我先寫一段簡單的js代碼：function debug(){for (var i=0;i<10;i++){alert(i);}調試截圖如下：

（04）js ajax調試，ajax技術如今越來越頻繁使用，所以，ajax調試也必不可少：在chrome調試工具中，可以查看到當前頁面所以的請求，包括ajax請求，以下是頁面打開後所有發起的請求，

（05）chrome很強大，可以查看發送請求的數據，也可以查看返回的結果：

（06）本篇幅簡短，無法全部描述，大家可以多去使用，即可領會chorme的強大之處。此文僅僅只做了簡單的介紹，望能給剛入門的人一個啟蒙。