外網釋出環境都是被混淆的 JavaScript 程式碼，因為釋出環境下不會儲存或關聯 sourcemap(否則混淆沒有任何意義了)，所以日誌與報錯的堆疊都指向混淆後的程式碼。開發人員持有 sourcemap 檔案，除了有本地解析對映的需求外，有時也存在直接除錯外網混淆程式碼的需求，這時候就可以關聯上本地的 sourcemap 檔案，對線上的混淆程式碼進行對映和解析，直觀反映成原始碼，可以通過 Chrome 自帶功能解決該需求。

準備

• 本地有對應線上混淆 JavaScript 檔案的 sourcemap 檔案

方法

F12 開啟 Chrome - dev-tool - Sources

選中被混淆的程式碼，或者通過控制檯的連結開啟被混淆的程式碼

右鍵 - Add source map

通過 file 協議選擇本地的 map 檔案,先在瀏覽器位址列中輸入確保可以訪問到。
e.g. file:///D:/H5Research/CatchJSError/logline.min.js.map

新增後 Sources 左側欄出現原始碼

回到控制檯發現已經對映到原始碼了