究级提速：让你的网站也使用Google Gears技术

2009 2 10 08:31 PM 1601次查看

分类：Google 标签：Google

Google Gears是个很棒的工具，使用它绝对会让你的网站与众不同。
最初接触它是在WordPress的后台，启用它可以让后台管理快很多，当时就觉得很不可思议。
刚才翻Google API时才突然发现，原来这东西可以很方便地加到自己的网站上。
不过我也才刚接触它不到半小时，对我而言，它还只是一个可让浏览者加速甚至离线浏览网站的工具。

先说说原理吧：
一般情况下，即使浏览器有缓存，也会向服务器发起http请求；得知文件未改动时，才会使用缓存中的数据。
而由于你可以定制哪些静态文件需要用户存储在Gears里，当用户再次访问时，这些文件便直接从本地的Gears里调用，无需请求和下载；从而大大提高了浏览速度，也节省了流量。

接下来，如果你准备在自己的网站上使用的话，请先安装Gears。如果你和我一样使用的是Google Chrome浏览器的话，这步就可以省略了。
此外，浏览者也必须安装Gears才能享受这一技术；不过他们是否安装，就看你有多强的说服力了。

然后，去Google Gears官方文档下载这4个文件：
tutorial_manifest.json
go_offline.html
go_offline.js
gears_init.js

接着用文本编辑器（如记事本）打开tutorial_manifest.json，找到"version": "my_version_string",这句，把后面的"my_version_string"改成你的版本号，如"1.0"。
再编辑entries条目，每一个url都是你需要用户存储的静态文件，可以使用相对路径（以那个json文件为相对位置），也可以使用绝对路径。例如，你可以将其改为：
{
  "betaManifestVersion": 1,
  "version": "1.0",
  "entries": [
      { "url": "index.html" },
      { "url": "style.css" },
      { "url": "resources/logo.gif" },
      { "url": "gears_init.js"},
      { "url": "go_offline.html"},
      { "url": "go_offline.js"}
  ]
}
请确保这些url所对应的文件是可以访问的，且与json文件位于相同域名下。

最后，将这些文件全部上传到你的web服务器上，访问go_offline.html这个文件所对应的url。
然后允许该网站使用Gears，并点击Capture按钮。
等文件下载完毕后，Gears就能发挥作用了。此时，即使你把网络断掉，也能访问该网站上的index.html和resources/logo.gif等文件了，不信就试试吧～

当然，你很可能要更改这些被Gears保存的文件，而浏览者却还在使用未保存的数据，就会造成数据的不同步了。
解决的办法很简单，还记得tutorial_manifest.json里的version条目吧，把它的值改掉（如"2.0"）。这样，当浏览者再次访问时，Gears会比较这个值，发现更改后，便会自动重新下载文件了。
新增或删除文件也是用相同的办法更改。

此外，如果你觉得tutorial_manifest.json这个文件名不好听的话，可以将其重命名；并在go_offline.js里找到var MANIFEST_FILENAME = "tutorial_manifest.json";这句，改成重命名后的文件名即可。

好了，暂且就说这么多了。其实Google Gears还有很多其他功能，如将用户数据存储在本地的关系数据库中等，以后有空再写了～

0条评论 你不来一发么↓

    想说点什么呢？