webView加载H5页面出现空白页的解决办法
2016-09-29 20:08
1076 查看
最近在做一个理财的项目,其中用到的H5页面比较多,在项目后期出现了很多bug,今天介绍下webView加载H5出现空白的解决办法
首先介绍下出现问题的场景,我们在一个Activity中镶嵌了一个H5的小页面,在这个Activity中有很多点击可以进入另外的H5页。并且这个Activity每次执行onResume就会重新加载所有的数据。 当H5页面没有加载完成的时候如果我点击进入另外的H5页面时就会出现卡顿,有的时候甚至直接加载出空白页。很多手机出现空白页的几率非常小,卡顿的现象会有,只有一款三星的手机加载空白页的几率非常大,其他三星同样系统的手机加载空白页的几率页非常小。
经过多次测试,发现这款三星手机,出现空白页是获取H5页面的数据到10%就不加载了,具体原因一直没有找到,不过可以肯定是和上一个H5页面没有加载完成有关。如果上个H5页加载完成所有的手机都不会出问题。
最终的解决办法是,在这个Activity中的onPause()的方法中把这个嵌套的H5页面直接加载空白页
首先介绍下出现问题的场景,我们在一个Activity中镶嵌了一个H5的小页面,在这个Activity中有很多点击可以进入另外的H5页。并且这个Activity每次执行onResume就会重新加载所有的数据。 当H5页面没有加载完成的时候如果我点击进入另外的H5页面时就会出现卡顿,有的时候甚至直接加载出空白页。很多手机出现空白页的几率非常小,卡顿的现象会有,只有一款三星的手机加载空白页的几率非常大,其他三星同样系统的手机加载空白页的几率页非常小。
经过多次测试,发现这款三星手机,出现空白页是获取H5页面的数据到10%就不加载了,具体原因一直没有找到,不过可以肯定是和上一个H5页面没有加载完成有关。如果上个H5页加载完成所有的手机都不会出问题。
最终的解决办法是,在这个Activity中的onPause()的方法中把这个嵌套的H5页面直接加载空白页
@Override public void onPause() { super.onPause(); // 加载空白页 webView.loadUrl("about:blank"); }
这样就解决了后面那个H5页卡顿和加载空白页的问题。
希望对大家有所帮助,同时有什么问题希望大家能够沟通。
相关文章推荐
- android用webview加载H5页面出现点击事件失效的问题解决
- android webview加载H5页面丢失cookie信息的解决办法
- WebView通过URL加载H5界面出现空白的原因与解决办法
- Android webview旋转屏幕导致页面重新加载问题解决办法
- iOS平台 加载webView出现 code = -999 错误分析和解决办法
- iOS模态跳转的页面WebView中加载html调用本机相册会dismiss返回上一个页面解决办法
- Android WebView加载出现空白页面问题解决
- 使用WebView加载数据出现找不到网页的问题之解决办法(转)
- 解决android 6.0 webview加载https出现空白页问题
- webview 加载H5页面音乐不会自动播放问题解决方案
- webview 刷新加载同一个网站出现 code=-999 解决办法
- 解决IOSwebview加载H5页面点击2次会上移方案
- webView--Android中webView加载H5时,H5页面在不同的手机可能出现文字或者图标类似换行的现象
- 解决IOSwebview加载H5页面点击2次会上移方案
- WebView和加载html页面时无法调用alert的解决办法
- Android原生webView加载h5页面出现加载错乱不完全问题
- Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)
- scrollview 与 webview的嵌套使用(加载h5页面)
- ViewPager加载多张图片出现内存溢出的解决办法
- webview加载url出现空白页面,有些页面没问题