如何調(diào)試異步加載頁面里包含的js文件
更新時(shí)間：2014年10月30日 16:32:47 投稿：whsnow
用瀏覽器無法調(diào)試異步加載頁面里包含的js文件。簡單的說就是在調(diào)試工具里面看不到異步加載頁面里包含的js文件
最近在一個(gè)新的web項(xiàng)目中開發(fā)功能。這個(gè)項(xiàng)目的管理界面有一個(gè)特點(diǎn)，框架是固定的，不會(huì)刷新，每次點(diǎn)新的頁面僅僅刷新一個(gè)div。div里面不是套的iframe，于是導(dǎo)致了一個(gè)問題，用瀏覽器無法調(diào)試異步加載頁面里包含的js文件。簡單的說就是在調(diào)試工具里面看不到異步加載頁面里包含的js文件。
網(wǎng)上找到了一個(gè)解決辦法，就是在需要調(diào)試的js文件頂部加一行代碼：
//@ sourceURL=msgprompt.js
注意，@符號(hào)和sourceURL間必須有空格。Chrome下效果：
FireFox下也是OK的。這個(gè)辦法還不錯(cuò)。
您可能感興趣的文章:
相關(guān)文章
關(guān)于__defineGetter__ 和__defineSetter__的說明
關(guān)于__defineGetter__ 和__defineSetter__的說明...2007-05-05
這篇文章主要介紹了淺談webpack 自動(dòng)刷新與解析，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04
原生javascript+css3編寫的3D魔方動(dòng)畫旋扭特效
這篇文章主要介紹了原生javascript+css3編寫的3D魔方動(dòng)畫旋扭特效的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧分享
日常開發(fā)中經(jīng)常會(huì)需要console來查看當(dāng)前對(duì)象的值。當(dāng)然用debugger會(huì)更全面的查看，但是總有只喜歡用console的，比如我。下面這篇文章主要給大家分享了關(guān)于JavaScript調(diào)試之console.log調(diào)試的一個(gè)小技巧，需要的朋友可以參考借鑒，下面來一起看看吧。2017-08-08
console對(duì)象是JavaScript的原生對(duì)象，它有點(diǎn)像Unix系統(tǒng)的標(biāo)準(zhǔn)輸出stdout和標(biāo)準(zhǔn)錯(cuò)誤stderr，可以輸出各種信息用來調(diào)試程序，而且還提供了很多額外的方法，供開發(fā)者調(diào)用。它的常見用途有兩個(gè)。顯示網(wǎng)頁代碼運(yùn)行時(shí)的錯(cuò)誤信息。提供了一個(gè)命令行接口，用來與網(wǎng)頁代碼互動(dòng)。2016-08-08
遍歷所有樣式屬性，通過判斷其屬性值，是否為'undefined' 或特特的值，來過慮屬性2012-09-09
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
在平時(shí)工作開發(fā)中，大部分開發(fā)人員都花費(fèi)大量的時(shí)間在維護(hù)其他人員的代碼。很難從頭開始開發(fā)新代碼，很多情況下都是以他人成果為基礎(chǔ)的，或者新增修改需求，自己寫的代碼也會(huì)被其他開發(fā)人員調(diào)用，所以寫好一份高質(zhì)量可維護(hù)的代碼就顯得十分重要。2021-05-05
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