3

我正在尝试创建一个清单，例如：

CACHE MANIFEST

CACHE:
offline.jpg
http://externalSite/cacheDemo/offline.jpg

FALLBACK:
/   offline.jpg
http://externalSite/    http://externalSite/cacheDemo/offline.jpg

然后在我的html中

<img src="unavailable.jpg" />
<img src="http://externalSite/cacheDemo/unavailable.jpg" />

我得到了本地不可用图像的后备工作，但没有外部资源......是否可以为外部资源指定后备？特别是找不到有关此的文档...

4

1 回答 1

0

不幸的是，它超出了规范，而且我还没有找到任何可靠的理由说明原因。对于使用 CDN 的任何人，或开发12 因子样式应用程序（例如，在 Heroku 上托管）的开发人员来说，这是一个合理的需求，其中上传的图像不能修改本地状态，而是需要保存到附加资源中。幸运的是，我们仍然可以在 Javascript 中完成我们需要的工作，但这取决于您尝试回退的资源类型。

特别是对于图像，您可以依赖以下onError属性：

<img src="http://externalSite/cacheDemo/unavailable.jpg" onError="this.onError = null; this.src='offline.jpg'" />

请注意，如果备用图像不可用，我们将清除 onError 以防止无限循环。您可以在以下位置阅读更多关于此的策略：jQuery/JavaScript 替换损坏的图像

但是，对于 .js 或 .css，这种技术并不可靠，因为它们的 onError 属性不支持。但是，使用异地 .js 和 .css 的情况不太常见，因为通常您可以提前显式缓存所有这些资源。

于 2014-02-17T18:26:23.377 回答