Chrome 开发者工具可以还原被压缩的 JS/CSS 格式

作为当下及其普及的前端开发技术之一,为了减小文件大小,提升加载速度,很多网站的 JS 和 CSS 文件都经过压缩,但对于人类代码学习者来说却制造了重重障碍。幸好还有 Chrome Developer Tools!

Chrome  开发者工具中,在 Sources 面板中预览 JS/CSS文件时,使用左下角的「大括号 Pretty Print」{} ,点击一键还原 JS/CSS 样式格式为默认结构化格式,极大的方便了人类阅读,推荐给经常偷师学艺的同学们。

还原前:

还原后: