使用Safari的HTML5 appcache导致跨站点css不加载

我遇到一个问题,我的一个网页被更改为使用 HTML5 appcache功能.当网页启用appcache时,Safari会阻止我的跨站点CSS文件.该页面,http://www.ericperrets.info/从我的服务器和一些来自google url / servers的css文件加载了一些图像/ 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的调用被阻止

The URL can’t be shown

不知道为什么会发生这种情况.

解决方法

定义时的Appcache会被浏览器用于指定您的站点上与浏览器正在访问的特定页面相关的文件.想像像白名单一样的appcache,它列出了可以访问的所有文件以及如何访问它们.

因此,根据我的经验,当Safari浏览器遵循AppCache标准时,Firefox比Firefox看到一个不在AppCache中的网址的请求,它不允许访问.

要解决这个问题,您可以将资源添加到缓存部分或网络部分.我心目中更好的选择是在网络部分使用通配符“*”路径,以确保请求不被阻止.

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

原文地址：https://www.jb51.cc/html5/168106.html