Provisional headers are shown图片加载不出
2015-12-24 16:12
549 查看
正题前的感慨:
年前换了一家新公司,各种稳定。项目的整个后台基本上我一个人负责,项目不大,也没有用框架。五个人的项目组有两个总。。。正巧遇到一个棘手的问题。在网上找的帖子只有一个版本各种抄袭。于是期待俩总能帮帮忙。结果说手头都有事情,此时我看他正在整理破纸盒子,也没提此bug的事情。所有采取了一个投机取巧的方案。能力真特么是逼出来的
声明:页面的图片一开始都是在js中为div添加的背景图片。并非html中写好的<img>
1.若页面中的这些图片都为纯色,建议可用css实现
2.此方法为图片不多的情况。我这个页面有五张图片,还可以接受
项目开发前期,多位测试数据,,所以页面上只加了一个div,各种正常。。等到真正发布前的测试,添加的数据一多,突然页面就出现了加载不出图片也不报任何错。页面突然就变成了一个没有图片的页面
此时注意到 请求的头部多了一个Provisional headers are shown。
之所以会出现这个警告,是因为去获取该资源的请求其实并(还)没有真的发生,所以 Header 里显示的是伪信息,直到服务器真的有响应返回,这里的 Header 信息才会被更新为真实的。不过这一切也可能不会发生,因为该请求可能会被屏蔽。比如说 AdBlock 什么的,当然了不全是浏览器扩展,具体情况具体分析了。
用
然后检查events,结果statuts竟然是sucess..
我看到的同一版本链接http://segmentfault.com/q/1010000000364871(可参考文章用
但是对于我好像没什么用。
此时我注意到,js在一开始拼在html中一个灰色图标,每次这个灰色图标都可以显示。所以想了一个法子。。。将这五个图片写在html页面,设置成不可见
这样页面的图片就可以加载出来了。
年前换了一家新公司,各种稳定。项目的整个后台基本上我一个人负责,项目不大,也没有用框架。五个人的项目组有两个总。。。正巧遇到一个棘手的问题。在网上找的帖子只有一个版本各种抄袭。于是期待俩总能帮帮忙。结果说手头都有事情,此时我看他正在整理破纸盒子,也没提此bug的事情。所有采取了一个投机取巧的方案。能力真特么是逼出来的
声明:页面的图片一开始都是在js中为div添加的背景图片。并非html中写好的<img>
1.若页面中的这些图片都为纯色,建议可用css实现
2.此方法为图片不多的情况。我这个页面有五张图片,还可以接受
项目开发前期,多位测试数据,,所以页面上只加了一个div,各种正常。。等到真正发布前的测试,添加的数据一多,突然页面就出现了加载不出图片也不报任何错。页面突然就变成了一个没有图片的页面
此时注意到 请求的头部多了一个Provisional headers are shown。
之所以会出现这个警告,是因为去获取该资源的请求其实并(还)没有真的发生,所以 Header 里显示的是伪信息,直到服务器真的有响应返回,这里的 Header 信息才会被更新为真实的。不过这一切也可能不会发生,因为该请求可能会被屏蔽。比如说 AdBlock 什么的,当然了不全是浏览器扩展,具体情况具体分析了。
用
chrome://net-internals来帮助你查找被屏蔽的请求以及可能的原因。
然后检查events,结果statuts竟然是sucess..
我看到的同一版本链接http://segmentfault.com/q/1010000000364871(可参考文章用
chrome://net-internals来帮助你查找被屏蔽的请求以及可能的原因。)
但是对于我好像没什么用。
此时我注意到,js在一开始拼在html中一个灰色图标,每次这个灰色图标都可以显示。所以想了一个法子。。。将这五个图片写在html页面,设置成不可见
<div style="display:none"> <img src="images/lasi1.png" /> <img src="images/red.png" /> <img src="images/browserGreen.png" /> <img src="images/green.png" /> <img src="images/gray.png" /> <img src="images/browserRed.png" /> <img src="images/playerGreen.png" /> <img src="images/playRed.png" /> </div>
这样页面的图片就可以加载出来了。
相关文章推荐
- java对世界各个时区(TimeZone)的通用转换处理方法(转载)
- java-注解annotation
- java-模拟tomcat服务器
- java-用HttpURLConnection发送Http请求.
- java-WEB中的监听器Lisener
- Android IPC进程间通讯机制
- Android Native 绘图方法
- Android java 与 javascript互访(相互调用)的方法例子
- 介绍一款信息管理系统的开源框架---jeecg
- 聚类算法之kmeans算法java版本
- java实现 PageRank算法
- PropertyChangeListener简单理解
- c++11 + SDL2 + ffmpeg +OpenAL + java = Android播放器
- 插入排序
- 冒泡排序
- 堆排序
- 快速排序
- 二叉查找树