页面闪白的解决方案

为公司客户端做了三个html页面,但是加载的时候会有闪白的情况出现,为解决这个问题 增加了loading...显示来避免闪白,客户端定义了两个方法,一个是开始显示loading,一个是通知结束loading;那么页面放在那里调用呢

确实走了几个弯路,一开始将开始函数放在了页面头部,结束函数放在了body的onload里面,效果不是很好,还是会有短暂的闪白出现;

怀疑是页面没有加载完成,提前结束了,后来加入定时器并判断图片是否加载结束,再执行结束函数,效果依然不理想;

最后一个同事提出将开始放在点击导航菜单的时候,结束放在页面body的onload里面,问题搞定(这样loading的显示覆盖了整个页面加载时段)。

其实也许有更好的方案:

比如页面采用div分成两部分,一部分用于显示替代的小图或者flash,也可以是loading图,另外一个div用于显示正常的页面内容,当页面内的图片等加载完成后切换div的显示,没有测试,不知道这个方案效果如何

时间: 2024-10-11 00:37:11

页面闪白的解决方案的相关文章

Loadrunner11点击录制脚本无响应,IE页面弹不出——解决方案汇总

以前用Loadrunner的时候都没有遇到过这个问题,后来将服务器重装系统(win7)后,重新安装Loadrunner11,浏览器版本刚开始为IE11,后来降为IE8,IE访问部署在虚拟机里的平台能正常访问,但是用LR录制脚本时,点击录制脚本按钮之后,IE页面没有自动弹出,上网查找解决方案,本着死马当活马医的心态把查到的每一种方法都试了一下,最后IE页面弹出的那一瞬差点喊出来\(≧▽≦)/,现在把我的解决步骤作了总结. 录制环境:win7  64位操作系统  IE11(后卸载成IE8)   LR

MT6755 使用R63350 IC 出现唤醒概率性闪白,并导致ESD FAIL

现象描述. 手机自动灭屏后按power键或home 键点亮屏幕,概率性上方有白色的一道,还会闪两三下屏.使用的LCM IC是:r63350, (FHD VDO)屏,附件为mtklog看看是什么原因? dear custom: 若關閉 ESD check 對問題現象有改善 是否可以協助把 frontporch 加大測試一下 謝謝 1. 加大 vertical_frontporch params->dsi.vertical_frontporch = 24; hi mtk: 单独修改 params->

EDIUS中怎样快速制作闪白和闪黑效果?

常常在编辑视频的时候,会根据情景需要添加闪黑或者闪白效果.那在EDIUS非线性编辑软件中,闪白/闪黑效果需要如何制作呢?本文涉及的EDIUS工具有色块和转场溶化,快来看看小编如何用这两样做出你想要的效果吧. 查看更多内容请直接前往:http://www.ediuschina.com/jiqiao/edius-shanbai-shanhei.html 1.在素材库面板空白区域右击,选择“新建素材”>“色块”: 2.在弹出的“色块”对话框中,点击第一个颜色选项,在弹出的“色彩选择”对话框中选择“白色

Xamarin.Android splash页面瞬间响应_避免APP启动闪白屏

Application和Activity中的onCreate都进行了优化,基本没有耗时操作,但是启动应用之后还是会闪现一下白色背景,然后才进入Splash页面,对比了一下QQ.微信.微博等客户端,点击之后都是瞬间响应Splash启动页,差别在哪里呢. 其实就算你onCreate啥都不做,仍然会闪一下白屏,因为初始化解析界面时需要一定时间,解决方法是自定义Theme. 自定义如下 <style name="AppSplash" parent="android:Theme&

android开发之提高应用启动速度_splash页面瞬间响应_避免APP启动闪白屏

Application和Activity中的onCreate都进行了优化,基本没有耗时操作,但是启动应用之后还是会闪现一下白色背景,然后才进入Splash页面,对比了一下QQ.微信.微博等客户端,点击之后都是瞬间响应Splash启动页,差别在哪里呢. 其实就算你onCreate啥都不做,仍然会闪一下白屏,因为初始化解析界面时需要一定时间,解决方法是自定义Theme. 自定义如下 <style name="AppSplash" parent="android:Theme&

Ionic2使用百度地图API(JS)出现白屏解决方案

最近自学ionic2,写了一个内嵌百度地图JS的demo,实际跑起来之后出现了大家常见的白屏问题.. 最初的实现是这样的: 首先主页内嵌了一个百度地图插件 <div id="Bmap" style="width: 100%;height: 100%"> 之后menu中一个引导的子页面也内嵌了一个百度地图 <div id="Bmap" style="width: 100%;height: 100%"> 然

Android启动黑屏白屏解决方案

在App的Splash页面启动时会出现短暂的黑屏或者白屏,会带来很不好的用户体验,究其原因是因为资源还未加载完成而导致的黑屏或白屏,而我们所看到的黑白屏其实就是顶层Window,下面总结两种解决方案. **设置Window层的界面为我们的Splash界面. <!--防止启动时黑屏,添加window图片--> <style name="Theme.AppStartLoad" parent="android:Theme"> <item na

IOS客户端UIwebview下web页面闪屏问题

基于ios客户端uiwebview下的web页面,在其内容高度大于视窗高度时,如果点击超过视窗下文档的底部按钮,收缩内容高度,会发生闪屏问题. 外因是由文档的高度大于视窗的高度所致,本质原因未知. 解决办法: 为最外层的元素设置height:100%(要保证100%的高度等于视窗高度),overflow:scroll,如果想避免出现滚动条的话,还可以在最外层元素加上伪类::-webkit-scrollbar{display:none},即可完美解决闪屏问题.

aspx页面,中文乱码解决方案

由于文件编码方式编码方式不统一出现样式中文乱码解决方案: 今天碰到的问题:页面字体样式设置的'微软雅黑',可页面没引用.我调试看到样式出现中文乱码了 这种问题,就需要转换文件的编码方式,如下两步即可解决 第一步:在visual studio 2010中,“文件”菜单“Default.aspx另存为”命令,出现“另存文件为”对话框,点击“保存”按钮右边的小三角,“编码保存”命令,然后选择gb2312 第二步:在web.config里设置<globalization requestEncoding=