如何調(diào)試異步加載頁(yè)面里包含的js文件
最近在一個(gè)新的web項(xiàng)目中開(kāi)發(fā)功能。這個(gè)項(xiàng)目的管理界面有一個(gè)特點(diǎn),框架是固定的,不會(huì)刷新,每次點(diǎn)新的頁(yè)面僅僅刷新一個(gè)div。div里面不是套的iframe,于是導(dǎo)致了一個(gè)問(wèn)題,用瀏覽器無(wú)法調(diào)試異步加載頁(yè)面里包含的js文件。簡(jiǎn)單的說(shuō)就是在調(diào)試工具里面看不到異步加載頁(yè)面里包含的js文件。
網(wǎng)上找到了一個(gè)解決辦法,就是在需要調(diào)試的js文件頂部加一行代碼:
//@ sourceURL=msgprompt.js
注意,@符號(hào)和sourceURL間必須有空格。Chrome下效果:

FireFox下也是OK的。這個(gè)辦法還不錯(cuò)。
- JavaScript文件的同步和異步加載的實(shí)現(xiàn)代碼
- 詳解angularjs利用ui-route異步加載組件
- JS異步加載的三種實(shí)現(xiàn)方式
- jquery使用EasyUI Tree異步加載JSON數(shù)據(jù)(生成樹(shù))
- 如何使用headjs來(lái)管理和異步加載js
- 異步加載JS、CSS代碼(推薦)
- 淺析JS異步加載進(jìn)度條
- 點(diǎn)評(píng)js異步加載的4種方式
- JavaScript異步加載淺析
- javascript寫(xiě)的異步加載js文件函數(shù)(支持?jǐn)?shù)組傳參)
- JavaScript異步加載問(wèn)題總結(jié)
相關(guān)文章
關(guān)于__defineGetter__ 和__defineSetter__的說(shuō)明
關(guān)于__defineGetter__ 和__defineSetter__的說(shuō)明...2007-05-05
原生javascript+css3編寫(xiě)的3D魔方動(dòng)畫(huà)旋扭特效
這篇文章主要介紹了原生javascript+css3編寫(xiě)的3D魔方動(dòng)畫(huà)旋扭特效的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-03-03
JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧分享
日常開(kāi)發(fā)中經(jīng)常會(huì)需要console來(lái)查看當(dāng)前對(duì)象的值。當(dāng)然用debugger會(huì)更全面的查看,但是總有只喜歡用console的,比如我。下面這篇文章主要給大家分享了關(guān)于JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧,需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-08-08
Bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì)(1)
這篇文章主要為大家詳細(xì)介紹了bootstrap學(xué)習(xí)筆記之css樣式設(shè)計(jì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06
javascript實(shí)現(xiàn)對(duì)表格元素進(jìn)行排序操作
這篇文章主要介紹了javascript實(shí)現(xiàn)對(duì)表格元素進(jìn)行排序操作,分別可以實(shí)現(xiàn)點(diǎn)擊之后排序和還原,和排升序和降序的功能,文章末尾附完整代碼,感興趣的小伙伴們可以參考一下2015-11-11
HTML+CSS+JS實(shí)現(xiàn)完美兼容各大瀏覽器的TABLE固定列
本文給大家分享的是使用HTML+CSS+JS實(shí)現(xiàn)完美兼容各大瀏覽器的TABLE固定列的方法和示例,非常的實(shí)用,特別是在BS架構(gòu)的企業(yè)級(jí)應(yīng)用,有需要的小伙伴可以參考下。2015-04-04

