瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法圖解教程
來(lái)源：懂視網(wǎng)
責(zé)編：小采
時(shí)間：2020-11-27 20:05:25
瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法圖解教程
瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法圖解教程:本文主要介紹了瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法，文中給大家?guī)?lái)兩種調(diào)試方法，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下，希望能幫助到大家。前兩天拉取公司前端代碼修改，發(fā)現(xiàn)在開(kāi)發(fā)者工具的sources選項(xiàng)里邊，居然沒(méi)有列出來(lái)我要調(diào)試的js腳本，后來(lái)觀察
導(dǎo)讀瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法圖解教程:本文主要介紹了瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法，文中給大家?guī)?lái)兩種調(diào)試方法，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下，希望能幫助到大家。前兩天拉取公司前端代碼修改，發(fā)現(xiàn)在開(kāi)發(fā)者工具的sources選項(xiàng)里邊，居然沒(méi)有列出來(lái)我要調(diào)試的js腳本，后來(lái)觀察
本文主要介紹了瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法，文中給大家?guī)?lái)兩種調(diào)試方法，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下，希望能幫助到大家。
前兩天拉取公司前端代碼修改，發(fā)現(xiàn)在開(kāi)發(fā)者工具的sources選項(xiàng)里邊，居然沒(méi)有列出來(lái)我要調(diào)試的js腳本，后來(lái)觀察了一下，腳本是動(dòng)態(tài)在頁(yè)面里引入的，可能是因?yàn)檫@樣所以不顯示出來(lái)，但是如果不能斷點(diǎn)調(diào)試，只靠打印日志真要把人累死了，效率太低，網(wǎng)絡(luò)搜索試驗(yàn)了一下，有兩種方式可以解決：
1、在腳本里邊增加 //# sourceURL=xxxxxxxxx.js，名稱自己命名，可以直接使用文件名，如下圖：
然后在網(wǎng)頁(yè)里打開(kāi)包含這個(gè)js的頁(yè)面，這樣就在開(kāi)發(fā)者工具里能夠看到了，可以像普通js一樣正常打斷點(diǎn)并進(jìn)行調(diào)試
2、第二種方法是利用 console.log("讓我調(diào)試吧！") 打印日志，在瀏覽器console里看到輸出后，點(diǎn)擊后面的鏈接，即跳入動(dòng)態(tài)腳本。名字一般為vmXXX，如下圖：
聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法圖解教程
瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法圖解教程:本文主要介紹了瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法，文中給大家?guī)?lái)兩種調(diào)試方法，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下，希望能幫助到大家。前兩天拉取公司前端代碼修改，發(fā)現(xiàn)在開(kāi)發(fā)者工具的sources選項(xiàng)里邊，居然沒(méi)有列出來(lái)我要調(diào)試的js腳本，后來(lái)觀察
