Reference
Mashup Awards 5 on CREYLEhttp://mashupaward.jp/
O'Reilly Village / オラの村 - Mashup Awards 5コンテスト開催
http://www.oreilly.co.jp/editors/archives/2009/09/ann-mashup-awards-5.html
プロパティ | 機能 |
width | ビューポートの幅(ピクセル)。デフォルト値は980。範囲は200から10,000まで。下表の定数device-widthでも良い。 |
height | ビューポートの高さ(ピクセル)。デフォルト値は980。範囲は223から10,000まで。下表の定数device-heightでも良い。 |
initial-scale | ビューポートの乗数としての初期スケール。デフォルトはWebページを可視のエリアにフィットさせます。範囲は、minimum-scaleとmaximum-scaleから測定されます。あなたは、Webページが表示される最初ビューポートのスケールだけをセットできます。 user-scalable が noでなければ、その後、ユーザーはズームすることができます。そのズーミングは、 minimum-scale と maximum-scale により制限されます。 |
minimum-scale | ビューポートの最小スケール。デフォルトは、0.25です。範囲は0 から 10.0まで。 |
maximum-scale | ビューポートの最大スケール。範囲は0 から 10.0まで。 |
user-scalable | ユーザーが拡大・縮小することができるかどうかをyes/noで指定します。 |
定数 | 機能 |
device-width | 装置の幅(ピクセル)。 iPhone 1.1.1以降で使えます。 |
device-height | 装置の高さ(ピクセル)。 iPhone 1.1.1以降で使えます。 |
<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<link rel="apple-touch-icon" />
<link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png" />
<link rel="apple-startup-image" href="/path/to/apple-touch-startup-image.png" />
navigator.geolocation.watchPosition(function(location){
do_something(location.coords.latitude, location.coords.longitude);
});
<html manifest="/path/to/iphone.manifest">
CACHE MANIFEST
/path/to/css/cssfile.css
/path/to/images/title.png
cacheのアップデートを確認
cache = window.applicationCache;
if (window.applicationCache.status == window.applicationCache.UPDATEREADY){
window.applicationCache.update();
window.applicationCache.swapCache();
}
cache = window.applicationCache;
cache.addEventListener('updateready', cacheUpdatereadyListener, false);
cache.addEventListener('error', cacheErrorListener, false);
AddType text/cache-manifest .manifest
<meta name="apple-mobile-web-app-capable" content="yes" />