您的位置:首页 » 前端开发 » 开发工具 » 正文

使用浏览器开发者工具实现压缩代码格式化输出

web前端很重要的一点就是要认识到浏览器还是一个很好用的开发、代码调试与预览工具,尤其是chrome、Firefox等现代浏览器。

我们在查看被压缩后的js文件时,通常会借助于第三方工具或网站来美化压缩代码,也就是让代码重新排版为正常的多行模式。其实浏览器就可以轻松做到美化源代码。

以谷歌浏览器为例,如下图,通过F12打开开发者工具,然后依次点击source,在右侧文件资源管理器中找到要美化的JS文件,打开就会出现在右侧中,然后点击下方的{}括号即可完成压缩代码的格式化处理。

谷歌浏览器美化代码

不只是谷歌有这个功能,我测试的IE、火狐均自带。

火狐浏览器美化代码

火狐浏览器美化代码步骤图,与chrome类似

IE浏览器美化代码

IE浏览器美化代码步骤图

  • 有687次围观
除特别声明外, 本站所有内容皆为原创,转载时请务必以超链接形式标明文章出处和作者信息

分享给我的好友看看:

 





快捷键:Ctrl+Enter