web前端很重要的一点就是要认识到浏览器还是一个很好用的开发、代码调试与预览工具,尤其是chrome、Firefox等现代浏览器。
我们在查看被压缩后的js文件时,通常会借助于第三方工具或网站来美化压缩代码,也就是让代码重新排版为正常的多行模式。其实浏览器就可以轻松做到美化源代码。
以谷歌浏览器为例,如下图,通过F12打开开发者工具,然后依次点击source
,在右侧文件资源管理器中找到要美化的JS文件,打开就会出现在右侧中,然后点击下方的{}
括号即可完成压缩代码的格式化处理。
不只是谷歌有这个功能,我测试的IE、火狐均自带。
火狐浏览器美化代码步骤图,与chrome类似
IE浏览器美化代码步骤图