如今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的強大之處。此文僅僅只做了簡單的介紹,望能給剛入門的人一個啟蒙。