毎度、必要になったときに調べていたiOS Safari向けWebアプリ開発の情報をまとめました。 iOS Safariの画面サイズを有効活用したい すでにコピペで拡散している情報をまとめるだけでは能がないので、すっかり定着したレスポンシブレイアウトに逆行しつつも「Webアプリ」として画面サイズを有効活用するための一連の情報になることを目的とします。 もっとも、そういうことならすでにjQuery Mobileや類似フレームワークもいくつか存在しますが、どうしても余計なスタイル定義や不透明な処理も多いので、よりライトに必要最小限の設定に留めたいという意図もあります。 まずは判定 UserAgentで大雑把にふるい落とす 容易に偽装可能なUserAgentですが「iOS Safariではない」判定には、やはり便利です。下記で browser が "Safari" でない場合は、iOS Safar