Safari的HTML5 appcache导致跨站点css无法加载

Question

我的一个网页被更改为使用HTML5 appcache功能,我遇到了一个问题.当页面上启用了appcache时,Safari会阻止我的跨站点css文件.该页面http://www.ericperrets.info/从我的服务器加载了许多图像/ css文件,并从google url/servers加载了许多css文件.以下是epi.appcache文件内容

CACHE MANIFEST
#v2

CACHE:
default.css
/images/bg.gif
/images/bg2.gif
/images/external.png
/images/logo.gif
/images/mail_48.png
/images/meme.jpg
/images/pdficon.gif
/images/telephone_32.png
/favicon.ico
/js/dojo/dojo/dojo.js

NETWORK:
Resume%20-%20Eric%20Perret.pdf
index.html

这可以在firefox中加载页面时找到,但是当我尝试在Safari中加载它时,它会阻止对http://fonts.googleapis.com/css?family=Reenie+Beanie&v1和http://fonts.googleapis的调用.com/css？family = Candal&v1被邮件阻止

无法显示该网址

不知道为什么会这样.

Answer 1

浏览器使用定义时的应用程序来指定站点上存在哪些与浏览器访问的特定页面相关的文件.将appcache想象为白名单,它列出了可以访问的所有文件以及如何访问它们.

因此,根据我的经验,根据我的经验,遵循AppCache标准比Firefox看到请求不在AppCache中的Web地址的Safari,它不允许访问.

要解决此问题,您可以将资源添加到缓存部分或网络部分.我认为更好的选择是在网络部分使用通配符"*"路径以确保不阻止请求.

NETWORK:
*
http://*
https://*