在 jQuery/HTML5 应用程序中缓存大量图像

2024-01-02

我正在 jQuery/HTML5 中构建一个 Web 应用程序,它将在触摸屏信息亭上基于 Webkit 的浏览器中运行。

应用程序使用大量(数千)图像,我需要将其缓存到每个浏览器。

起初我认为 HTML5 缓存清单是最好的选择(列出了数千个图像 URL),但现在我想知道是否有更好的方法?我也会考虑扩展/插件...

提前致谢!


我喜欢这个插件:http://alexrabarts.github.com/jquery-cacheimage/ http://alexrabarts.github.com/jquery-cacheimage/

这是另一种选择:http://technosophos.com/content/precaching-images-jquery-slightly-better-way http://technosophos.com/content/precaching-images-jquery-slightly-better-way

如果你想进行预加载:http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript

编辑:如果需要离线浏览,应用程序缓存是与 HTML 缓存清单配合使用的方法。以下是一些资源:

http://softwareas.com/offline-apps-with-application-cache-quickstart-tips-and-deep-dive http://softwareas.com/offline-apps-with-application-cache-quickstart-tips-and-deep-dive

http://www.bennadel.com/blog/1944-Experimenting-With-HTML5-s-Cache-Manifest-For-Offline-Web-Applications.htm http://www.bennadel.com/blog/1944-Experimenting-With-HTML5-s-Cache-Manifest-For-Offline-Web-Applications.htm

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 jQuery/HTML5 应用程序中缓存大量图像 的相关文章

  • 使用 jQuery 更改 iFrame 的 HTML?

    有没有办法使用 jQuery 操作来自同一域的 iframe 的 HTML 谢谢您的帮助 您必须解析 iframe 内容 frameid contents find div html My html 更多这里 http api jquery
  • 获取空的 JQuery 对象

    在下面的代码中 我在选择框上设置了一个更改处理程序 以根据选择的值显示和隐藏一些后续问题 此外 对于选择的某些值 会显示一条额外的消息 为了检查是否需要隐藏额外的消息 我保留了一个名为 Previous 的变量 执行处理程序后 我检查 Pr
  • 为什么我们不应该将块元素放置在内联元素中[重复]

    这个问题在这里已经有答案了 如果我将 div 元素放置在锚元素内 它会使我的 HTML 无效 不将块级元素放置在内联元素内的原因是什么 如果我将 div 元素放置在锚元素内 它会使我的 HTML 无效 从 HTML5 开始 情况并非如此 h
  • 附加组件生成器:ContentScript 并返回附加组件代码?

    我正在使用 Firefox Add on Builder 这是我到目前为止所拥有的 main js var widgets require widget var tabs require tabs var data require self
  • 使用 CSS 和 JQuery 创建组织结构图结构

    I was checking on stack forum Trees in Twitter Bootstrap https stackoverflow com questions 11167628 trees in twitter boo
  • PHP 中的 XPath 删除 HTML 标签

    我在 PHP 中使用 XPath 来检索 HTML 文档的一部分 假设我的 HTML 文档如下所示 div a href some link address com Hello a p Some text here p div div p
  • 由于内容安全策略指令,扩展程序拒绝加载脚本

    以下是我的 HTML 代码 Scripts HTML
  • 使用 JS 和 HTML 将当前 URL 插入链接

    所以 我已经阅读了类似的内容 但我仍然找不到更适合我正在做的事情的答案 我正在尝试使用 JS 获取当前页面 URL 并将其附加到社交媒体共享链接 如下所示 a href target blank 使用 Javascript 我成功地将当前
  • 如何获取 CSS 旋转元素的实际(非原始)高度

    我需要获取几个不同元素的实际高度 为了精确的自定义工具提示定位 并且其中一些元素 不是全部 被旋转 elem outerHeight 返回原始高度 而不是实际显示的高度 这是一个非常简单的例子 http jsfiddle net NPC42
  • 使用西里尔字母的正则表达式

    我有一个用于文本区域字段中字数统计的 jQuery 函数 此外 它排除所有用 三重括号 封闭的单词 它对于拉丁字符效果很好 但对于西里尔字母句子有问题 我认为错误部分与正则表达式有关 field val replace g match b
  • 元素上的 jQuery touchSwipe 事件阻止滚动

    我有一些清单div元素垂直排序 使用jQuery TouchSwipe 插件 https github com mattbryson TouchSwipe Jquery Plugin添加了滑动事件来捕获左右滑动 想法是通过向左或向右滑动来从
  • 选项:选择不工作 jquery 1.9

    下列 select option contains fish attr selected true 在 jQuery 1 9 以下的任何版本中都可以很好地工作 但在 jQuery 1 9 中根本不起作用 我一直在寻找有关任何更改的任何文档
  • ajax 页面上的超大插件

    我需要在我的 ajax 页面上使用超大插件 但我认为超大型没有任何破坏功能 当我调用下面的函数时 如何再次设置超大尺寸 解决方案 if supersized vars slideshow interval clearInterval sup
  • 如何切换整个页面的深色主题?

    我已经成功地在 html 和 Flask 中按下复选框时切换深色主题和浅色主题 但是我怎样才能让深色主题覆盖整个页面 而不仅仅是一些 div 元素呢 边距仍然是浅色主题 CSS代码如下 container display flow widt
  • 解密Javascript源代码[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我已经编写了一段 JavaScrip
  • JavaScript 中的自定义“确认”对话框?

    我一直在开发一个使用自定义 模式对话框 的 ASP net 项目 我在这里使用吓人引号 因为我知道 模式对话框 只是我的 html 文档中的一个 div 它被设置为出现在文档其余部分的 顶部 而不是真正意义上的模式对话框 在网站的许多部分
  • 不用AJAX,前台同步拖放文件上传?

    我有一个定期的网站
  • 使用 CSS 内容添加 HTML 实体

    你如何使用CSS content要添加的属性HTML实体 使用这样的东西只是打印 nbsp 到屏幕而不是不间断空格 breadcrumbs a before content nbsp 您必须使用转义的 unicode Like breadc
  • Rails 2 Mailer View 将 3D 添加到字符串之前

    我有一个非常旧的 Rails 应用程序 它试图为新用户发送验证电子邮件 但永远找不到令牌 因为由于某种原因 无论我如何生成链接 链接都会以 3D 形式添加到字符串前面 由于某种原因 它似乎还在标记的中间注入了一个 符号 这是一些带有输出的代
  • jquery .slideToggle() 水平替代方案?

    SlideToggle 正是我想要的 只是我希望幻灯片是水平的 我现在有一个水平隐藏 显示和点击动画 但我想要切换选项 这样 当我单击活动链接时 它将播放反向动画并隐藏自身 最好的方法是什么 您可以使用animate方法 element a

随机推荐