javascript - 如何在用户不访问该页面的情况下将项目添加到 Chrome 缓存?

标签 javascript image caching google-chrome

这是一个奇怪的事情。我正在开发一个应用程序,该应用程序允许离线阅读已保存的页面,并将 HTML 保存到 WebSQL 数据库。当然,这不允许图像、非嵌入样式表或任何此类性质的内容 - 保存的只是基本 HTML 文件。这确实是我所需要的,因为该应用程序专注于文章阅读,除了我想要图像支持。

问题是,我无法轻松保存图像。我想我可以循环遍历 HTML 并下载每个 img 标签的 src,并将其保存在数据库中的 blob 类型中,但是当它被拉出以供以后阅读时,我无法将其放回文章中- 我不能确切地说<img data="sql query"> ,那就太好了。如果 Chrome(我的目标平台)上的 HTML5 文件 API 支持最多不是最低限度,我会使用它,但是关于它的教程为零,所以我什至不知道从哪里/是否可以开始。

所以,我决定缓存图像。现在,如果用户实际访问该页面以便稍后保存,这很容易。但是,有时,用户可能没有访问过该页面。有没有办法让我在下载 HTML 时基本上将每个图像添加到 Chrome 缓存中?

(而且,我想,如果没有的话,有人能想到其他方法来做到这一点吗?)

最佳答案

你可以准确地说

<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />

http://en.wikipedia.org/wiki/Data_URI_scheme

关于javascript - 如何在用户不访问该页面的情况下将项目添加到 Chrome 缓存?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4697564/

相关文章:

image - 我如何在 React Native 中实际使用 Image.capInsets?

javascript - 使用原型(prototype)缓存 AJAX 查询结果

javascript - 单击时隐藏链接

java - 如何在 Redis 中对复杂对象进行建模

javascript - Google Analytics 有没有办法像 Mixpanel 一样跟踪多个事件参数?

javascript - 使用重置按钮清除屏幕中的数据

javascript - Highcharts - 如何在导出选项中单击自定义标签时获取特定图表 ID

html - 在文本框上显示搜索图像

java - 图像未显示在可执行 jar 中

javascript - 如何在客户端加密一个值并在不解密的情况下通过 Web 服务器传递它