| プロパティ | 機能 |
| 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
- Safariのタスクバーを表示しない。
<meta name="apple-mobile-web-app-capable" content="yes" />