1、要創(chuàng)建一個片段，首先f12打開開發(fā)者工具，再打開Sources面板中，單擊上Snippets選項卡，在導航器中單擊鼠標右鍵，然后選擇New。

2、在編輯器中輸入代碼。當你有未保存的更改，您的腳本名稱旁邊有“＊”，像下面的截圖。按Command+S（Mac）或Ctrl+S（Windows和Linux），以保存更改。

3、有三種方式來運行你的代碼片段：在片段文件名（在左側(cè)窗格中列出了所有的片段）右鍵單擊并選擇“RUN”、點擊運行按鈕（?）、按Command+Enter（Mac）或Ctrl+Enter（Windows和Linux）。

1、首先使用Firefox火狐瀏覽器打開需要調(diào)試頁面，也可以在開發(fā)工具設(shè)置火狐瀏覽器來打開。

2、在打開的Firefox瀏覽器中按F12鍵，接著就會打開“開發(fā)者工具”了。

3、此時選擇“調(diào)試器”選項，然后選擇需要調(diào)試的JS文件，接著就可以在需要調(diào)試的位置加入斷點進行調(diào)試。

4、按F11或者F10單步調(diào)試JS，這里F11和F10的區(qū)別是F11調(diào)試，單步執(zhí)行進入調(diào)用的其它函數(shù)；而F10調(diào)試單步執(zhí)行，是不進入調(diào)用的其它函數(shù)的。當然也可以單機頁面上相應(yīng)的按鈕進行調(diào)試。以上就是用Firefox調(diào)試網(wǎng)頁的過程。