如何把压缩的min.js文件格式化

JavaScript018

如何把压缩的min.js文件格式化,第1张

去搜个在线的js压缩/美化的网站,把你的min.js扔进去,做个美化或者解压缩就能看出来了

不过你可以写个空的html,把这个js挂上,用Firefox或者chrome打开这个html,F12,Sources中找到打开这个js,然后点这个“{}”之后就是格式化过的

方法/步骤

1

首先,我们得找一段Javascript代码,这个我写一个示例,写一个没有任何格式的Javascript代码

【function test(){console.log(1)console.log('test')}】

2

接下来我们打开浏览器,然后打开百度首页【http://www.baidu.com】

步骤阅读

3

我们直接在百度输入框里输入【JS格式化】,JS是Javascript的简称,也是Javascript文件的后缀名,输入后点击【百度一下】

4

从搜索结果中可以看到,百度确实搜索很人性化,直接给我门推荐一些在线的小工具,那么我们就直接点击第一个应用

5

打开应用后界面很简单,就是一个大大的输入框,让你输入想要格式化的内容,下面也有一些按钮,其中一个【格式化】使我们关心的

6

现在,我们将准备好的JS代码复制到输入框中

7

接下来,点击【格式化】按钮,看看发生什么事情了吧,结果正是我们想要的格式化后的代码,是不是很方便呢,也不需要下载什么多余的软件,直接在线就可以解决了,到此本教程就结束了

通过快捷键Ctrl+Shift+F进行格式化

Ctrl+Shift+F 格式化代码后总把一行拆成两行或者更多有点不适应,所以按个人爱好更改他,这里介绍的是MyEclipse8.5的更改方式其他应该差不多Window→Preferences→Java→Code Style→ Formatter右侧可以直接Edit也可以New,建议自己New。

Line Wrapping选项卡的 左上Maximum line width的值是80,改成自己适合的值。

辛苦写完的代码,被Eclipse一格式化以后,本来想放在一行上的东西却被自动转成了多行,虽然自动换行以后可以在编辑器中一眼就能看到全部的代码,但是可读性却大打折扣,比如方法名及参数我喜欢放在一行上,自动格式化时给我拆成三、四行看着太乱了,避免出现这种情况的办法是:

1.Java代码

打开Eclipse的Window菜单,然后Preferences->Java->Code Style->Formatter->Edit/Show(根据不同版本可用的按钮会不一样) ->Line Wrapping->Maximum line width:由80改成800就行了。

2.Html代码

Window->Preferences->MyEclipse->Files and Editors->Html->Html Source->Line width->加个0以后保存。