打包過後的js代碼在線解壓,js解壓縮包

本文目錄一覽：

• 1、壓縮後的JS代碼怎樣解壓縮？
• 2、怎麼用webstorm解壓縮js代碼
• 3、我下載了一個JS代碼 解壓出來之後 有image 和 JS兩個文件夾 還有一個index html文 件
• 4、如何還原壓縮過的css或Js文件，如下圖
• 5、怎麼將壓縮後的js還原
• 6、js 壓縮後的代碼如何調試？

壓縮後的JS代碼怎樣解壓縮？

一般壓縮都經過混淆，如果你看到變數名都是A,B,C,D之類的無規則的命名，那就是被混淆過的，一般來說也很難閱讀，就算你 還原了格式。

如果是沒有混淆的，你可以試試用js的格式化工具來重新格式化一下的，比如：

/* 美化：格式化代碼，使之容易閱讀 */

/* 凈化：去掉代碼中多餘的注釋、換行、空格等 */

/* 壓縮：將代碼壓縮為更小體積，便於傳輸 */

/* 解壓：將壓縮後的代碼轉換為人可以閱讀的格式 */

/* 混淆：將代碼的中變數名簡短化以減小體積，但可讀性差，經混淆後的代碼無法還原 */

/* 如果有用，請別忘了推薦給你的朋友： */

/* javascript在線美化、凈化、壓縮、解壓： */

/* 以下是演示代碼 */

var Inote = {};

Inote.JSTool = function(options) {

this.options = options || {};

};

Inote.JSTool.prototype = {

_name: ‘Javascript工具’,

_history: {

‘v1.0’: [‘2011-01-18’, ‘javascript工具上線’],

‘v1.1’: [‘2012-03-23’, ‘增加混淆功能’],

‘v1.2’: [‘2012-07-21’, ‘升級美化功能引擎’],

‘v1.3’: [‘2014-03-01’, ‘升級解密功能，支持eval,window.eval,window[“eval”]等的解密’],

‘v1.4’: [‘2014-08-05’, ‘升級混淆功能引擎’],

‘v1.5’: [‘2014-08-09’, ‘升級js壓縮引擎’],

‘v1.6’: [‘2015-04-11’, ‘升級js混淆引擎’]

},

options: {},

getName: function() {return this._name;},

getHistory: function() {

return this._history;}

};

var jstool = new Inote.JSTool();

怎麼用webstorm解壓縮js代碼

你的手機如果是智能手機的話，可以找一下看看有沒有一個叫文件管理的軟體，打開它，然後找到你的槍械js的所在路徑，然後點一下（有的手機需要長按），接著有的地方肯定會彈出一個窗口的，找到「解壓到此路徑」，點擊它就可以了。

如果手機沒有這個軟體，可以上網查找「文件管理」，有的下載的，下載再打開就行了。

我下載了一個JS代碼 解壓出來之後 有image 和 JS兩個文件夾 還有一個index html文 件

JS 即Java Script，是用於客戶端的腳本，由瀏覽器解釋執行。需要在html代碼中調用JS，可以實現一些特殊頁面效果。不同的js代碼可能需要不同的調用方法，具體參考index文件中的代碼。你是想執行還是想在自己的網頁中調用？

1.js的執行：直接雙擊index文件即可。上面的index文件就是調用JS的html頁面，所以雙擊該頁面就可以讓ie瀏覽器解釋執行JS腳本，（ie瀏覽器可能會彈框阻止本地js載入，點允許載入即可）。

2.js的調用：把js文件夾拷到你的網頁所在的目錄，通過記事本之類的軟體將index文件打開，參考其中代碼修改你的網頁代碼，至於images文件夾是否也需要考過去，取決於js腳本的功能。

一般來說可能是這樣寫的： script Language=”JavaScript” src=”js/file.js”

其中file.js就是被引用的位於js文件夾中的js腳本文件，如果該js文件中有單獨的（不是在函數中的）js語句，該語句就會被直接執行。

另外，也可以在html元素標籤的事件中調用被引用的js文件中的函數，如body onload=”init()”……/body，其中init就是定義在某個被引用的js文件中的js函數，其定義可能是這樣的function init(){ alert(“hello world!”); }。

又或者，直接在html代碼中寫JS代碼來調用文件中的JS函數，如script Language=”JavaScript” func(); /script，其中func依然是某個被引用的js文件中的js函數。

如何還原壓縮過的css或Js文件，如下圖

1、首先新建一個html文件，命名為test.html。

2、在test.html文件內,使用img標籤創建一張圖片顯示，並設置其id屬性為pic。

3、在test.html文件內,使用button標籤創建一個按鈕，按鈕名稱為「改變圖片樣式」。

4、在test.html文件內,給button綁定onclick點擊事件，當按鈕被點擊時，執行cha()函數。

5、在test.html文件內,在js標籤內，創建cha（）函數，在函數內，使用getElementById（）方法獲得img元素對象，再使用setAttribute（）方法設置img對象的class屬性為imagecss。

6、在test.html文件內,使用css定義imagecss的樣式，設置為紅色5px邊框，寬度為300px，就可以了。

怎麼將壓縮後的js還原

在線搜一個js解壓工具就可以還原了，很方便的，html 、css，js都有在線格式化工具

js 壓縮後的代碼如何調試？

我想你問的是不是類似UglifyJS之類的混淆過的JS代碼？這種壓縮通常會把變數、函數名之類的改成非常短的名稱，因此這種壓縮過的代碼就難以識別了。

對於這種代碼，推薦的思路是先看瀏覽器中是否有報錯，然後根據錯誤來判斷自己原始代碼里可能出錯的位置；如果沒有報錯，那也是斷定大概的位置，然後Chrome里打開開發者工具里的Sources，打開自己的代碼，用這個地方可以對代碼進行重新排版：

當然，如果是uglify過的代碼還是很難看，只能根據自己實際代碼里的一些常量內容作為關鍵詞在瀏覽器的代碼裡面搜自己可能的位置，然後加斷點推測去調試。

上面的辦法，都是在你對壓縮JS這個過程沒有控制的情況下，如果是你自己壓縮JS代碼，可以在壓縮的時候同時生成sourcemap文件，一般是xxx.js.map文件。如果連同這個文件一起部署，那麼在開發者工具中打開的時候，也可以看到最原始的代碼了。這是最推薦的辦法，調試起來也是最輕鬆的。