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

时间:2011-01-15 01:35:36

标签: javascript image caching google-chrome

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

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

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

(而且,我想,如果没有,有人会想到其他方法吗?)

1 个答案:

答案 0 :(得分:2)

你可以说

<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