牛刀小試験(2)--Goolge gearsを用いてオフライン応用を作成した.
2577 ワード
牛刀小試験(2)--Goolge gearsを用いてオフライン応用を作成した.
前編ではgoogle gearsのローカルでのアプリケーションについて説明しましたが、この記事では、私たちが閲覧しているページをgearsを利用してローカルにダウンロードし、サーバが停止してもローカルにアクセスできる方法について説明します.
この例に必要なファイル:
tutorial_manifest.json(jsonファイルで、jsonオブジェクトが保存されています.オブジェクトはローカルにダウンロードするファイルのリストです) たとえば:
{ "betaManifestVersion": 1, "version": "v1", "entries": [ { "url": "go_offline.html"}, { "url": "go_offline.js"}, { "url": "../gears_init.js"}, { "url": "../css/style.css"}, { "url": "../images/a.gif"}, { "url": "../images/b.gif"} ] }
go_offline.html
go_offline.js
gears_init.js (gears公式提供の初期化ライブラリ)
style.css,a.gif , b.gif
1.gearsの初期化
まず、Google Gearsが提供するgears_init.jsを導入して、基本的なGoogle Gearsの初期化を行い、独自のJavaScriptに次のコードを追加します.
ここではさっきのjsonオブジェクトを使用し、jsonオブジェクトのリストファイルを通じてローカルにダウンロードします.
私は公式のチュートリアルに従って簡単なオフラインブラウズの例を作りました.自分のローカルのサーバーに掛けて、まず1回実行することができます.それからサーバーを停止して、それから再びサーバーのアドレスでアクセスします.http://www.cssrain.cn/demo/gearstutorial/gearstutorial.rar
PS:私のウェブサイトに適用しようとしたが、サーバーは.json接尾辞のファイルをサポートしていなかった.そのためプレゼンテーションはできなかったが、ローカルlocalhostでテストに成功した.オフラインで使用できる.
http://www.cssrain.cn/article.asp?id=1404
前編ではgoogle gearsのローカルでのアプリケーションについて説明しましたが、この記事では、私たちが閲覧しているページをgearsを利用してローカルにダウンロードし、サーバが停止してもローカルにアクセスできる方法について説明します.
この例に必要なファイル:
tutorial_manifest.json(jsonファイルで、jsonオブジェクトが保存されています.オブジェクトはローカルにダウンロードするファイルのリストです) たとえば:
{ "betaManifestVersion": 1, "version": "v1", "entries": [ { "url": "go_offline.html"}, { "url": "go_offline.js"}, { "url": "../gears_init.js"}, { "url": "../css/style.css"}, { "url": "../images/a.gif"}, { "url": "../images/b.gif"} ] }
go_offline.html
go_offline.js
gears_init.js (gears公式提供の初期化ライブラリ)
style.css,a.gif , b.gif
1.gearsの初期化
まず、Google Gearsが提供するgears_init.jsを導入して、基本的なGoogle Gearsの初期化を行い、独自のJavaScriptに次のコードを追加します.
function init() {if (!window.google || !google.gears) {textOut(" , google gears!");} else {textOut(" ,google gears 。");}}
2.ローカルへの同期ここではさっきのjsonオブジェクトを使用し、jsonオブジェクトのリストファイルを通じてローカルにダウンロードします.
// local server, create 。
try {var localServer = google.gears.factory.create('beta.localserver');}
catch (ex) {alert(ex.message);return;}// ,
var store = localServer.createManagedStore("foo-store");// json url
store.manifestUrl = MANIFEST_FILENAME;//
store.checkForUpdate();// , timer :
var timer = google.gears.factory.create('beta.timer');// 500m
var timerId = timer.setInterval(function() {// if (store.currentVersion) {timer.clearInterval(timerId);alert(' ');}}, 500);
3.例ダウンロード私は公式のチュートリアルに従って簡単なオフラインブラウズの例を作りました.自分のローカルのサーバーに掛けて、まず1回実行することができます.それからサーバーを停止して、それから再びサーバーのアドレスでアクセスします.http://www.cssrain.cn/demo/gearstutorial/gearstutorial.rar
PS:私のウェブサイトに適用しようとしたが、サーバーは.json接尾辞のファイルをサポートしていなかった.そのためプレゼンテーションはできなかったが、ローカルlocalhostでテストに成功した.オフラインで使用できる.
http://www.cssrain.cn/article.asp?id=1404