火狐瀏覽器(Firefox)里調(diào)試工具使用操作內(nèi)容介紹

　　想必有的網(wǎng)友還不熟悉火狐瀏覽器(Firefox)里的調(diào)試工具，其實(shí)操作起來非常簡(jiǎn)單的，接下來小編就來講解火狐瀏覽器(Firefox)里調(diào)試工具使用操作內(nèi)容，相信一定可以幫助到你們。

　　首先打開火狐瀏覽器的調(diào)試工具，下面就是調(diào)試工具欄

　　因?yàn)檎{(diào)試基本上只用到前四個(gè)圖標(biāo)，所以在此，只介紹前四個(gè)

　　1、從頁面中選擇一個(gè)元素

　　鼠標(biāo)點(diǎn)擊這個(gè)圖標(biāo)之后，鼠標(biāo)在頁面上即可選擇元素，點(diǎn)擊選擇的元素，就會(huì)迅速定位到該元素的代碼上。當(dāng)頁面元素非常多時(shí)，用這個(gè)方法選擇要找到的元素非常方便。

　　2、查看器

　　這個(gè)圖標(biāo)的功能是，顯示web頁面代碼的結(jié)構(gòu)，當(dāng)鼠標(biāo)在代碼中移動(dòng)到某個(gè)元素的上面時(shí)，web頁面的這個(gè)元素就會(huì)高亮顯示。

　　3、控制臺(tái)

　　一般調(diào)試的時(shí)候在代碼中可以使用console.log(‘要輸出的內(nèi)容’)這條語句在控制臺(tái)中查看輸出，用于調(diào)試簡(jiǎn)單的錯(cuò)誤。

　　控制臺(tái)頁面是與當(dāng)前打開的頁面處于同一個(gè)環(huán)境的，也就是說，當(dāng)前頁面的控制臺(tái)只對(duì)當(dāng)前頁面有效，控制臺(tái)可以看做是頁面的js運(yùn)行的一個(gè)延伸。而且，控制臺(tái)可以輸入輸出，也可以更改頁面的顯示。

　　如上圖，改變了頁面的顯示，函數(shù)聲明這個(gè)地方，可能會(huì)根據(jù)瀏覽器的版本不同而輸出有所不同。

　　4、調(diào)試器

　　設(shè)置斷點(diǎn)

　　這是頁面刷新之后，左上角的四個(gè)圖標(biāo)。

　　第一個(gè)圖標(biāo)(F8)，當(dāng)你設(shè)置兩個(gè)或兩個(gè)以上的斷點(diǎn)時(shí)，點(diǎn)擊一下，直接運(yùn)行到下一個(gè)斷點(diǎn)。

　　第二圖標(biāo)(F10)，當(dāng)點(diǎn)擊這個(gè)圖標(biāo)時(shí)，相當(dāng)于一個(gè)函數(shù)一個(gè)函數(shù)的執(zhí)行

　　第三個(gè)圖標(biāo)(F11)，當(dāng)點(diǎn)擊這個(gè)圖標(biāo)時(shí)，相當(dāng)于一步一步的執(zhí)行。

　　上述三個(gè)圖標(biāo)，經(jīng)常一起用，用時(shí)觀察右側(cè)欄顯示。

　　點(diǎn)擊添加監(jiān)視表達(dá)式，將你需要監(jiān)視的變量寫進(jìn)去即可

　　5、條件斷點(diǎn)

　　在行數(shù)上鼠標(biāo)右單擊，選擇添加條件斷點(diǎn)，在彈出的輸入框內(nèi)輸入條件，當(dāng)符合條件時(shí)，斷點(diǎn)停止執(zhí)行。

　　還不會(huì)使用火狐瀏覽器(Firefox)里調(diào)試工具的朋友們，不要錯(cuò)過小編帶來的這篇文章哦。