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

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

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

1、首先使用Firefox火狐瀏覽器打開需要調試頁面，也可以在開發工具設置火狐瀏覽器來打開。

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

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

4、按F11或者F10單步調試JS，這里F11和F10的區別是F11調試，單步執行進入調用的其它函數；而F10調試單步執行，是不進入調用的其它函數的。當然也可以單機頁面上相應的按鈕進行調試。以上就是用Firefox調試網頁的過程。