有没有办法使用 CDN（用于 jQuery）并拥有离线 Web 应用程序（通过 HTML5 清单）？

发布于 2024-10-21 11:14:38 字数 476 浏览 11 评论 0原文

我开始研究 HTML5 允许离线 Web 应用程序的能力。

不久前，我发现使用 CDN 对我的应用程序效果很好，所以我一直坚持使用它们，主要只是针对 jQuery。

但是，清单文件似乎不允许缓存跨域资源。

此时，我一直在使用相关的深入了解 HTML5 教程中描述的包罗万象的清单。我的 jQuery 的引入类似于 HTML5 Boilerplate 中的定义。

我希望能够继续通过 CDN 为在线用户提供 jQuery，但也许可以缓存一个本地副本以供离线访问。

是否值得尝试采用这条路线，或者我应该切换到仅从我的网站为所有请求提供 jQuery？

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

英雄似剑 2024-10-28 11:14:38

实际上，您可以编写包含 jQuery CDN 链接的清单。就像我的 app.manifest 一样：

CACHE MANIFEST
# 2012-01-20:v4

http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

那是 HTML 段：

<html manifest="app.manifest">
<head>
    ....
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    ....
</body>
</html>

它对我有用。

Actually, you can write your manifest that has a link to your jQuery CDN. Just like my app.manifest:

CACHE MANIFEST
# 2012-01-20:v4

http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

That is HTML segment:

<html manifest="app.manifest">
<head>
    ....
</head>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    ....
</body>
</html>

It works to me.

回复收藏 0 原文

挥剑断情 2024-10-28 11:14:38

检查在线 jquery 是否存在以及是否从本地加载的路径已在这里回答：
如何在 CDN 被阻止/不可用的情况下加载本地脚本文件作为后备？

其中有一个讨论和几种不同的方法

个人我喜欢 html5boilerplate 方法：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>

您可以检查浏览器是否支持使用现代化器进行离线缓存
http://www.modernizr.com/
Modernizer 2.0版本支持条件加载，因此您可以使用它通过以下脚本（取自diveintohtml5）来检测和加载所需的资源：

    if (Modernizr.applicationcache) {
  // window.applicationCache is available!
} else {
  // no native support for offline :(
  // maybe try Gears or another third-party solution
}

但正如我之前所说，我更喜欢html5boilerplate方法

the path of checking if online jquery exists and if not loading from local was answered here:
How to load local script files as fallback in cases where CDN are blocked/unavailable?

where there is a discussion and a couple of different approaches

personally I like the html5boilerplate approach:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.4.2.js"%3E%3C/script%3E'))</script>

you can check if the browser supports offline caching with modernizer
http://www.modernizr.com/
the modernizer 2.0 version supports conditional loading , so you can use it to detect and load the needed resource with the following script (taken from diveintohtml5):

    if (Modernizr.applicationcache) {
  // window.applicationCache is available!
} else {
  // no native support for offline :(
  // maybe try Gears or another third-party solution
}

but as I said before, I prefer the html5boilerplate method

回复收藏 0 原文