打包过后的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文件。如果连同这个文件一起部署，那么在开发者工具中打开的时候，也可以看到最原始的代码了。这是最推荐的办法，调试起来也是最轻松的。

原创文章，作者：BYFK，如若转载，请注明出处：https://www.506064.com/n/146761.html