使用Chrome扩展程序生成网页骨架屏 [复制链接]

对于依赖接口渲染的页面，在拿到数据之前页面往往是空白的，为了提示用户当前正在加载中，往往会使用进度条、loading图标或骨架屏的方式。对于前两种方案而言，实现比较简单；本文主要研究骨架屏的应用及实现，并给出一种使用Chrome扩展工具快速生成骨架屏的方案。

首先看看效果先放一个动图展示

掘金首页

百度首页

知乎首页

安装插件后访问任意网页，基本上均可以一键生成骨架屏（由于时间关系，部分节点并没有完全实现，不过目前展示Demo应该是够了

本文所有代码均放在