Provisional headers are shown图片加载不出

正题前的感慨：
年前换了一家新公司，各种稳定。项目的整个后台基本上我一个人负责，项目不大，也没有用框架。五个人的项目组有两个总。。。正巧遇到一个棘手的问题。在网上找的帖子只有一个版本各种抄袭。于是期待俩总能帮帮忙。结果说手头都有事情，此时我看他正在整理破纸盒子，也没提此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>

这样页面的图片就可以加载出来了。