iPhone ブラウザの機能とガイドライン
ワシントン大学の新興技術グループは、 先週の WWDC での Apple の iPhone 向け Web サイトの開発 セッションのメモを公開しました。このブログ エントリは、iPhone の機能について、ユーザーにも Web 開発者にも同様に興味深い情報を提供しており、以下に要約されています。
Apple は、iPhone が Web サイトに提供するものをリストしました。
Appleの要請により削除されました
iPhone 向けの開発では、いくつかの iPhone サイズ制限/制約事項が記載されています。
Apple の要請により削除されました
Apple は、次の設計上の考慮事項を推奨します。
Apple の要請により削除されました
Apple の iPhone は 2007 年 6 月 29 日に発売されます。WWDC で Apple は、サードパーティ開発者が iPhone 用のアプリケーションを作成する唯一の方法は Web ベースのアプリケーションになると発表しました。Web ページの HTML サイズは最大 10MB です。
– Javascript の実行時間は 5 秒に制限されています
– Javascript の割り当ては 10MB に制限されます
– ページビューの制限により、iPhone にロードできるドキュメントは最大 8 つです
– オーディオとビデオにQuicktimeを使用
– ページ ビュー機能を使用すると、複数の Web サイトやドキュメントを次々にスクロールして表示できます。
– PDF の完全サポート
– ダブルタップして拡大します
– これまでのマウスと同じように 1 本の指で操作可能
— ページをパンする
— 長押しして情報バブルを表示します
– 以前のマウスと同じように 2 本の指
— コンテンツをピンチして縮小します – ズームアウトします
— ページをパンする
— スクロール ホイール イベント
– 新しい電話リンクを使用すると、Web ページから直接電話を統合できます。これはサファリでのみ行われることに注意してください。
– ウェブサイトからの統合マッピングのための組み込みの Google マップ クライアント
– htmlとcssを分ける
– 適切に構造化された有効な HTML を使用する
– ブラウザのスケーリングに依存しない画像のサイズを適切に設定する
– 小さな画像を背景に並べて配置します。大きな背景画像は使用しないでください
– iPhone は EDGE と WiFi の両方をサポートします。 EDGE パイプは WIFI パイプよりも小さいため、開発時には帯域幅について考慮してください。
– XHTML モバイル ドキュメントのサポート
– スタイルシートのデバイス幅:480px
– iPhone用に別のCSSを適用します。たとえば、iPhone では 1 列のページを表示するのに対し、デスクトップでは 3 列のページを表示します。
– スクロール バーやサイズ変更ノブはありません。 iPhone はコンテンツを自動的に展開します
– フレームセットを避け、スクロール可能なフレームはコンテンツに合わせて自動的に拡張されます。
– iPhone ユーザー エージェント: Mozilla/5.0 (iPhone; U; Mac OS X のような CPU; en) AppleWebKit/420+ (Gecko のような KHTML) バージョン/3.0 Mobile/1A538a Safari/419.3
– ビデオ: H.264 ベースライン プロファイル レベル 3.0、最大 640480 fps
