1.首先，按f12，打**狐瀏覽器的除錯工具，下面就是除錯工具欄
注意。。。因為除錯基本上只用到前四個圖示，所以在此，只介紹前四個
1、從頁面中選擇乙個元素
滑鼠點選這個圖示之後，滑鼠在頁面上就可以選擇元素了，點選選擇的元素，就會迅速定位到該元素的**上。當頁面元素非常多的時候，用這個方法選擇要找到的元素非常方便。
2、檢視器
這個圖示的功能是，顯示web頁面**的結構，當滑鼠在**中移動到某個元素的上面時，web頁面的這個元素就會高亮顯示。
3、控制台
這個功能是非常重要的，必須會。
1、一般除錯的時候在**中可以使用console.log(『要輸出的內容』)這條語句在控制台中檢視輸出，用於除錯簡單的錯誤。
2、控制台頁面是與當前開啟的頁面處於同乙個環境的，也就是說，當前頁面的控制台只對當前頁面有效，控制台可以看做是頁面的js執行的乙個延伸。而且，控制台可以輸入輸出，也可以更改頁面的顯示。
如圖，改變了頁面的顯示，函式宣告這個地方，可能會根據瀏覽器的版本不同而輸出有所不同。
4、偵錯程式
重中之重！！！！
上圖表示如何設定斷點
這是頁面重新整理之後，左上角的四個圖示。
第乙個圖示（f8），當你設定兩個或兩個以上的斷點時，點選一下，直接執行到下乙個斷點。
第二圖示（f10），當點選這個圖示時，相當於乙個函式乙個函式的執行
第三個圖示（f11），當點選這個圖示時，相當於一步一步的執行。
上述三個圖示，經常一起用，用的時候觀察右側欄顯示。
點選新增監視表示式，將你需要監視的變數寫進去，就可以了
瀏覽器除錯工具
ff firebug yslow，絕對的神器。ie 1.ietester debugbar microsoft script debugger companion.js。ie的除錯工具這麼多？好像分工不一樣，沒有深入使用，感覺不大好用，跟firebug差好遠，沒辦法還是得用，慢慢發現它的優點吧。2....
Firefox火狐瀏覽器無法除錯
最近使用火狐瀏覽器的外掛程式firebug進行除錯時，發現無法進行除錯，網上搜了一下說是瀏覽器版本太高的問題，更新到49.0.0版本也沒能解決這個問題 如果還要使用firebox進行除錯，可以將firebug外掛程式移除，使用firebox自帶的偵錯程式進行除錯，就是感覺不太好用。檢視firebox...
Vue瀏覽器除錯工具VueTools安裝以及使用
直接跳轉小白版本 安裝方法一 這裡以 chrome 瀏覽器為例 1 開啟 chrome 網上應用店，搜尋 vue.js 注 如果打不開頁面需要 選擇第乙個，點選 新增至chrome 點選新增擴充套件程式 安裝完成 安裝方法二 1 開啟 3 使用終端命令 cd 至解壓之後的資料夾 4 執行命令 npm...