1. 程式人生 > 其它 >還原前端程式碼js.map

還原前端程式碼js.map

一、shuji工具還原前端程式碼

萬能的js。js是引數漏洞最多最多的地方。比如vue的有些網址可以還原所有靜態邏輯檔案。

當前端是vue開發的網址,如果存在js.map檔案(手動新增.map)。比如https://wwww.baidu.com/app.js.map 下載app.js.map到本地。
利用shuji 工具(安裝nodejs 在安裝shuji)https://www.npmjs.com/package/shuji

shuji app.js.map -o desfile
然後用vscode檢視desfile的檔案。

二、SourceMap還原前端程式碼

restore-source-tree 可以直接通過SourceMap 將前端程式碼還原到本地。

git clone https://github.com/laysent/restore-source-tree.git 
cd restore-source-tree
npm i -g restore-source-tree
  1. 找個能訪問的頁面按Ctrl+U 檢視原始碼,再隨便開啟一個js找到對映檔案。
  2. 通常我們要找到的SourceMap 對映檔案都在這些檔案的最下面有個註釋的地方。
    //# sourceMappingURL=abcd.js.map

把這 abcd.js.map 拼接到當前url目錄就能把這個Source Map 檔案下載下來了

使用 restore-source-tree 開始還原始碼

restore-source-tree abcd.js.map

chunk-vendors.6b92c4bd.js.map 就是我們剛才拼接的檔案
# -o 引數是輸出目錄,預設為當前目錄output資料夾

最終生成的檔案會存放在./output目錄


轉載自:
https://xz.aliyun.com/t/8976
https://p1kaju.github.io/javascript/restore-source-map/