如何将压缩的HTML CSS JS Json文件复原

博客简介

本篇博客不是技术类而是是工具类的博客,介绍如何将压缩好的HTML,CSS,JavaScript,Json文件复原。

  • 将压缩的HTML文件复原
  • 将压缩的CSS文件复原
  • 将JavaScript文件复原
  • 将Jason文件复原

为什么要压缩?

好好的文件为什么要压缩呢?压缩CSS,js文件的大小,能加快网络传输,减少服务器的流量负担。写成一行的代码和普通的相比,少了许多换行符。例如,假定某个js有10000行,压缩后,以linux的换行符\n计算,可以减少10KB大小的文件体积。别看这点体积好像不显眼,访问的人一旦多了,还是非常可观的。倘若有100000个人访问(请求这个文件),可以减少服务器1GB的流量。如果是Windows格式的换行符,由于Windows格式的换行包含两个字符,节省的流量还要翻倍。另外,可以增加黑客分析js代码的难度(虽然实际上也没增加多少就是了)。压缩成一行的js,和压缩之前相比,很明显是后者比较好读,好分析。

复原HTML,CSS,JavaScript文件

对于这三个文件来说,复原的方法很简单,一般我们的浏览器都具有这个功能,这里用Chrome浏览器来演示

  • F12打开网页文件的resource
  • 找到我们的压缩文件
  • 可以看到js文件都在一行显示
  • 点击左下角的{},pretty print
  • 得到正常的显示文件
    在这里插入图片描述
    在这里插入图片描述
    HTML,CSS的还原方法类似

Json文件还原

这里用到一个网站,可以在线将文件还原展示,在处理一些json数据式十分方便,界面也很简洁:
JsonViewer:http://www.bejson.com/jsonviewernew/
将代码粘贴在空白处,点击格式化即可:
在这里插入图片描述

发布了148 篇原创文章 · 获赞 250 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_44307065/article/details/104296108