關閉→
當前位置:趣知常識網>遊戲數碼>網際網路>如何進行html除錯和js指令碼除錯

如何進行html除錯和js指令碼除錯

趣知常識網 人氣:3.89K

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

操作方法

(01)本人先已chrome為例,首先開啟需要除錯的頁面,按F12快捷鍵開啟除錯工具如下:在除錯視窗中,所有的HTML元素都會呈現在除錯視窗中

如何進行html除錯和js指令碼除錯

(02)如何選擇指定的dom節點進行檢視和編輯:

如何進行html除錯和js指令碼除錯 第2張
如何進行html除錯和js指令碼除錯 第3張

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

如何進行html除錯和js指令碼除錯 第4張

(04)js ajax除錯,ajax技術如今越來越頻繁使用,所以,ajax除錯也必不可少:在chrome除錯工具中,可以檢視到當前頁面所以的請求,包括ajax請求,以下是頁面開啟後所有發起的請求,

如何進行html除錯和js指令碼除錯 第5張

(05)chrome很強大,可以檢視傳送請求的資料,也可以檢視返回的結果:

如何進行html除錯和js指令碼除錯 第6張

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

TAG標籤:#HTML #js #指令碼 #