html代码压缩

我现在要做一个任务就是,使我们输出的压面代码是被压缩过得,就像京东的,查看它的页面代码是压缩的,没有换行。怎么做???谢谢

你可以用gulp webpack这类前端构建工具做到
具体内容自己搜一下吧

京东的,也只是把css部分压缩了(你看到的部分应该是css),当然js也是会压缩的。

实际项目中,一般会压缩css和js,至于html是否也压缩,这个视情况而定。
通常没有压缩,因为很多html代码实际是后端渲染的,这种情况压缩处理比较麻烦。

如果是纯静态的,我鼓励压缩,但是实际也没多少会选择压缩(要压缩的话,也只能是部署到服务器的时候会压缩)。

压缩的目的是为了加载速度,其实一般的html页面不是很大(大的话,会采取其他方式优化处理),而且现在的浏览器都支持zip。

如果只是为了让别人看起来头疼,那更没必要了。浏览器就会把代码格式化显示,更别说一些其他的html格式化工具了。

目前前端构建方面的工具也比较多,npm(script),grunt,gulp,webpack等等。

f12打开控制台

点红箭头,就会格式化代码

要压缩的话很多东西,比如sublime text的插件JsMinifier压缩js文件,

  • ajax中的 textStatus 报错为 parsererror?
  • 我想用canvas画圆周运动的点动画,但是js代码没有反映,请问问题在哪?
  • 关于jquery源码分析中一段的疑惑?
  • 写的一点选择器,但在IE8下解析就出现了问题?
  • 怎么修改单选框radio默认样式
  • 同样大小的图片在Firefox/IE上显示明显比在chrome上要大
  • gulp update_all 后出现的问题!!
  • js Unicode码点问题
  • 请问jq有哪些方法检测一个元素里面是否含有指定的元素
  • form表单在没有设置高度和边框内外边距的情况下,过高的问题
  • Chrome 通过右键检查修改代码后如何保存?