如何给打开页面前加个 loadding 效果？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 2016 天前的主题，其中的信息可能已经有所发展或是发生改变。

现在情况是微信点开一个页面，页面是白的，上面是微信做的进度绿条有点单调，是否可以改变颜色背景，垂直居中显示一个 logo 在加载的 gif 效果。

7 条回复 • 2019-05-19 10:16:45 +08:00

rogwan

2019-05-18 14:13:16 +08:00 via Android

预加载背景图.gif 或者 js 事件判断页面加载情况再处理

DreamCMS

2019-05-18 14:14:06 +08:00

guolaopi

2019-05-18 14:19:13 +08:00 via Android

上面微信那个绿色的进度条表示还在打开网页中吧。网页没打开怎么显示你的 loading。。

DreamCMS

2019-05-18 14:28:15 +08:00

@guolaopi 微信没 sdk 让我们定义这个 loadding 形式吗，页面打开效果，没有小程序来得舒服。

CrabAss

2019-05-18 15:27:09 +08:00 via Android

@DreamCMS 没有哪个浏览器可以自定义 loading 样式吧…… ajax 异步加载就完事了

Windelight

2019-05-18 18:27:09 +08:00 via Android

先加载动画，再加载需要的页面

whwlsfb

2019-05-19 10:16:45 +08:00 via Android

入口页不要包含太多代码，找一个 html5 的 loading 动画把所有 html、css、js 写在入口页里，加载完毕后隐藏。