javascript - 某些图像未在 Chrome 中显示

Question

我最近重新设计了我的网站。对我来说，它在多台 PC 上适用于 IE、FF 和 Chrome。不过，一些用户(使用 Chrome)报告图像链接损坏，图像应该出现的小方框。

我已经建议并指导他们如何检查更新以及清除 cookies/缓存。

这可能是什么问题？也许这是我的代码，但我不认为它是服务器端的，因为它适用于 95% 的用户。感谢所有帮助。

(这是包含未显示信息的代码部分。我在主页上使用 php include 来包含此文件。如果您需要更多代码，请告诉我，谢谢。)

<link rel="stylesheet" href="content/style/site.css" type="text/css"/>
<div>
<div class="arrowgreen">
<ul>
<li><a href="/index.php" title="Home"><img src="images/schedule.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/espn.php"><img src="images/espn.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/espn2.php"><img src="images/espn2.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/golfchannel.php"><img src="images/golfchannel.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/nbatv.php"><img src="images/nbatv.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/nflnetwork.php"><img src="images/nflnetwork.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/nhlnetwork.php"><img src="images/nhlnetwork.png" alt="" height="23" align="middle" border="0" width="120"></a></li>
<li><a href="/bigbrother.php"><img src="images/bigbrother.png" alt="" height="23"  align="middle" border="0" width="120"></a></li>
<li><a href="/channel1.php">CHANNEL 1</a></li>
<li><a href="/channel2.php">CHANNEL 2</a></li>

</div>
</div>

Answer 1

因此，如果图像在那里，它应该显示，除非它被防火墙等阻止(基于域)。我已经看到这种情况发生在图像正确位于指定路径中，但被防火墙阻止。

我还看到过加载时间过长的图像显示为已损坏，即使链接设置正确且未被防火墙阻止也是如此。

无论如何，当图像损坏时，它会抛出一个您可以捕捉到的错误:

window.onerror = function (event) {
    // inspect event.
    // console.log(event)
    // etc.
}