最近、Windows/Mac デスクトップ ブラウザーで Web アプリケーションをテストし、その後 iPad でテストしたところ、Safari に予想していなかったさまざまな違いがあることに気付きました。バージョン番号は同じなのに。
開発者の参考として、それらの違いのリストを(自分自身と他の人のために)作成したいと思います。
例えばiPadのSafariでは
- iPad Safariは選択リスト/オプションのスタイルを完全に制御します
- iPad では、入力要素にフォーカスが当たるとオンスクリーン キーボードが開きます。そのため、インライン フローティング カレンダー ウィジェット (など) が期待どおりに動作しない (または変更する必要がある) 場合があります。
- iPad Safariは
position:fixed
デスクトップSafari < iOS 5のようにはサポートされていません - iPad Safari(iPhone/iPodTouch Safariと同様)は10桁の数字を自動的にハイパーリンクし、電話番号/連絡先オプションを提供します。
- iPad Safariでは
prompt('long message...','default');
メッセージの1行しか表示されません(ただし、メッセージのスクロールは可能です)
他の人から、特定の JavaScript が動作しないなどと聞いたことがありますが、まだ完全にテストしていないため、何か発見したことがあれば教えていただければ幸いです。
ベストアンサー1
他にもいくつかあります:
- フラッシュなし
- iFrame のサポートが不十分 (そのため、Facebook の「いいね!」などは iPad 用にカスタム実装する必要があります)
- 奇妙なキャッシュ制限
- HTML テキストエリアにはスクロールバーがありません (2 本指でスワイプする必要がありますが、これはもちろん驚くほど直感的です)
一般的には、縮小されたデスクトップではなく、拡大された iPhone として扱ってください。