js源码压缩成一行怎么恢复（压缩后的js怎么恢复）
本文目录一览：
- 1、如何debug已被混淆成一行的JS代码
- 2、怎么将压缩后的js还原
- 3、js 压缩后的代码如何调试？
- 4、用sublime打开JS文件全部在一行，怎么办
- 5、用webstorm打开javascript程序时代码是挨在一起的，怎么将他们恢复成正常的格式？如图
- 6、如何还原压缩过的css或Js文件，如下图
如何debug已被混淆成一行的JS代码
推荐用chrome浏览器（你截图的浏览器不就是了嘛，难道还是套上chrome内核的国产浏览器？）点击“{}”这个形状的按钮 它就可以 格式化压缩成一行的代码了，但是 被混淆的代码是无法还原的。
现在网上的脚步代码基本都使用了“混淆压缩”，代码变量名已经完全认不出来了。真要看懂其逻辑特别是复杂的逻辑实现很有难度。
怎么将压缩后的js还原
在线搜一个js解压工具就可以还原了js源码压缩成一行怎么恢复，很方便js源码压缩成一行怎么恢复的js源码压缩成一行怎么恢复，html 、css，js都有在线格式化工具
js 压缩后的代码如何调试？
我想你问的是不是类似UglifyJS之类的混淆过的JS代码？这种压缩通常会把变量、函数名之类的改成非常短的名称，因此这种压缩过的代码就难以识别了。
对于这种代码，推荐的思路是先看浏览器中是否有报错，然后根据错误来判断自己原始代码里可能出错的位置；如果没有报错，那也是断定大概的位置，然后Chrome里打开开发者工具里的Sources，打开自己的代码，用这个地方可以对代码进行重新排版：
当然，如果是uglify过的代码还是很难看，只能根据自己实际代码里的一些常量内容作为关键词在浏览器的代码里面搜自己可能的位置，然后加断点推测去调试。
上面的办法，都是在你对压缩JS这个过程没有控制的情况下，如果是你自己压缩JS代码，可以在压缩的时候同时生成sourcemap文件，一般是xxx.js.map文件。如果连同这个文件一起部署，那么在开发者工具中打开的时候，也可以看到最原始的代码了。这是最推荐的办法，调试起来也是最轻松的。
用sublime打开JS文件全部在一行，怎么办
其实sublime自身就有格式化命令，就不再安装插件，位置在[Edit]-[Line]-[Reindent]
但这个默认的命令没有快捷键，就重新定义了一下，想用习惯了的eclipse快捷键：Ctrl+Shift+F但是和“在文件中查找”冲突了。改用Alt+Shift+F吧，和netbeans保持一致。
[Preferences]-[Key Bindings]-[User]中，添加如下：
{ "keys": ["alt+shift+f"], "command": "reindent" }
如果不行的话 可以装个 jsFormat的插件
用webstorm打开javascript程序时代码是挨在一起的，怎么将他们恢复成正常的格式？如图
这是压缩过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，就可以了。
