偵錯js腳本有哪些方法？

這篇文章主要介紹了瀏覽器調試動態js腳本的方法，文中為大家帶來兩種調試方法，非常不錯，具有參考借鑒價值,需要的朋友可以參考下

前兩天拉取公司前端程式碼修改，發現在開發者工具的sources選項裡邊，居然沒有列出來我要調試的js腳本，後來觀察了一下，腳本是動態在頁面裡引入的，可能是因為這樣所以不顯示出來，但是如果不能斷點調試，只靠打印日誌真要把人累死了，效率太低，網絡搜索試驗了一下，有兩種方式可以解決：

1、在腳本裡邊增加//# sourceURL=xxxxxxxxx.js，名稱自己命名，可以直接使用檔名，如下圖：

然後在網頁裡開啟包含這個js的頁面，這樣就在開發者工具裡能夠看到了，可以像普通js一樣正常打斷點並進行調試

#2、第二種方法是利用console.log("讓我調試吧！") 打印日誌，在瀏覽器console裡看到輸出後，點擊後面的鏈接，即跳入動態腳本。名字一般為vmXXX，如下圖：

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

詳細介紹幾個JavaScript編碼規格（詳細教學）

在vue中詳細介紹原始碼入口檔案（詳細教學）

詳細介紹javascript中常用工具類別的封裝（詳細教學）

vue springboot如何實作單一登入跨網域問題（詳細教學）

在vue中scroller返回頁面並且記住滾動位置如何實現

如何看待vue中的深複製

在JavaScript中如何實作讀取和寫入cookie

#在微信小程式中如何實作多檔案下載

在JS中詳細講解Object物件

以上是偵錯js腳本有哪些方法？的詳細內容。更多資訊請關注PHP中文網其他相關文章！