剛?cè)胧只鸷鼮g覽器的用戶,大概對(duì)調(diào)試工具還不清楚,現(xiàn)在就跟著小編一起來看一下火狐瀏覽器調(diào)試工具詳細(xì)操作方法吧。
火狐瀏覽器調(diào)試工具詳細(xì)操作方法
先打開火狐瀏覽器的調(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í)行。
以上就是火狐瀏覽器調(diào)試工具詳細(xì)操作方法,大家都學(xué)會(huì)了吧。
體育競(jìng)技
88.6MB
310.89MB
47.8MB
游戲輔助 | 4.5GB
2024-04-24
動(dòng)作格斗 | 20GB
2024-04-23
角色扮演 | 3.2GB
2024-04-22
角色扮演 | 500MB
休閑益智 | 30.17MB
2024-04-18
生活服務(wù) | 144.35MB
學(xué)習(xí)教育 | 24.26MB
2023-11-08
系統(tǒng)工具 | 6.78MB
體育競(jìng)技 | 88.6MB
體育競(jìng)技 | 47.8MB
體育競(jìng)技 | 310.89MB
聯(lián)系:81537344@qq.com
CopyRight?2023 yiwangvip.com All Right Reserved 京ICP備12030808號(hào)-4
火狐瀏覽器調(diào)試工具詳細(xì)操作方法
剛?cè)胧只鸷鼮g覽器的用戶,大概對(duì)調(diào)試工具還不清楚,現(xiàn)在就跟著小編一起來看一下火狐瀏覽器調(diào)試工具詳細(xì)操作方法吧。
火狐瀏覽器調(diào)試工具詳細(xì)操作方法
先打開火狐瀏覽器的調(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í)行。
以上就是火狐瀏覽器調(diào)試工具詳細(xì)操作方法,大家都學(xué)會(huì)了吧。
體育競(jìng)技
88.6MB
體育競(jìng)技
310.89MB
體育競(jìng)技
47.8MB
游戲輔助 | 4.5GB
2024-04-24
動(dòng)作格斗 | 20GB
2024-04-23
角色扮演 | 3.2GB
2024-04-22
角色扮演 | 500MB
2024-04-22
休閑益智 | 30.17MB
2024-04-18
生活服務(wù) | 144.35MB
2024-04-18
生活服務(wù) | 144.35MB
2024-04-18
生活服務(wù) | 144.35MB
2024-04-18
學(xué)習(xí)教育 | 24.26MB
2023-11-08
系統(tǒng)工具 | 6.78MB
2023-11-08
體育競(jìng)技 | 88.6MB
體育競(jìng)技 | 47.8MB
體育競(jìng)技 | 310.89MB