Web开发

首页 » 常识 » 常识 » 使用Chrome扩展程序生成网页骨架屏
TUhjnbcbe - 2021/5/8 16:10:00

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

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

掘金首页

百度首页

知乎首页

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

本文所有代码均放在

1
查看完整版本: 使用Chrome扩展程序生成网页骨架屏