如何除錯非同步載入的js檔案

2021-06-26 16:12:40 字數 382 閱讀 5016

最近在乙個新的web專案中開發功能。這個專案的管理介面有乙個特點,框架是固定的,不會重新整理,每次點新的頁面僅僅重新整理乙個div。div裡面不是套的iframe,於是導致了乙個問題,用瀏覽器無法除錯非同步載入頁面裡包含的js檔案。簡單的說就是在除錯工具裡面看不到非同步載入頁面裡包含的js檔案。

網上找到了乙個解決辦法,就是在需要除錯的js檔案頂部加一行**:

//@ sourceurl=msgprompt.js
注意,@符號和sourceurl間必須有空格。chrome下效果:

firefox下也是ok的。這個辦法還不錯。

在chrome中除錯非同步載入的js檔案

我們常常利用chrome強大的控制台sources下面進行 斷點除錯,但是通過 getscript等非同步載入js的方式在sources裡面就是找不到,那如何進行debug斷點除錯呢?方案一 在script 的頭部或者尾部加上 sourceurl js,然後在 no domain 裡面找到它進行除錯...

js的非同步載入

今天被問到了如何非同步載入js,聽到這句話我內心是拒絕的,啥玩意兒?js也要用非同步載入不是引入了就行了,也沒見速度變慢啊。後來仔細查詢了一下,才發現自己原來還是太年輕了。因為之前自己寫的載入的都是本地js,或者是並沒有複雜邏輯運算的js,導致看不出來太大問題,查完資料後,要將不會的記在這裡,當作學...

JS的非同步載入

自覺自己基礎不紮實,不應該心猿意馬,所以很久沒有更新效能優化專欄,回顧總結了一段時間後再來一發吧 在學習前端開發的最開始,就可能有人告訴你,在 body 的末尾再引入 script 標籤 收到依賴的jquery更適合放在前面 書寫js 就提高效率,這到底是為什麼呢?先看乙個不好的例子 class p...