最終更新:2024-03-04 (月) 21:16:45 (254d)
Mobile Safari
Top / Mobile Safari
Mobile Safari/バージョン?
Mobile Safari/iOS 14?
- カスタムスクロールバーが使えなくなった
Mobile Safari/iOS 13?
- スクロールバーが非表示に
Mobile Safari/iOS 12.2
- モーションと画面の向きのアクセスがデフォルトオフに(設定->Safari)
Mobile Safari/iOS 8
Mobile Safari/iOS 7
Mobile Safari/iOS 6
Mobile Safari/iOS 5?
Mobile Safari/iOS 4?
制限
- http://wiki.sohaya.com/index.php/MobileSafariの制限
- Safari Web Content GuideのKnow iOS Resource Limits
リソースの制限
その他制限
- cookieサポート
- Flash, Javaアプレット, SVG(サポートされているようです), XSLTは非サポート
- サードパーティー製のプラグインは非サポート
- JavaScript実行時間 10秒まで (iPhone OS 1.1.4までは5秒)
- マウスオーバーという概念がない
- ファイルアップロード、ダウンロード不可
- カスタムX.509電子証明書使えない
解像度
検索バーとステータスバーを除いた解像度は
- 縦の場合 320×356
- 横の場合 480×208
viewportを指定しない場合は width = 980px に設定される。
対応Web標準
- HTML 4.01
- XHTML 1.0?
- CSS 2.1 and partial CSS3
- ECMAScript3 (JavaScript)
- DOM Level2
- AJAX technologies, including XMLHTTPRequest?
- HTML5
Mobile Safari/イベント処理?
Nitro
ブックマークレット
HTML5
- Application Cache
- Web Storage
- Web SQL Database
- Geolocation API
- Server-Sent Events
- WebSocket
- Web Workers
- Canvas
- SVG
- CORS
非対応
ライブラリ
- UiUIKit (Universal iPhone UI Kit?) - HTMLとCSSのみで構成されたライブラリ
- iUI - JavaScriptでスライドアニメーションなどが実装されている
- iWebKit - Themeが豊富で色々なカラーに変更できる
- jQTouch - iPhone開発に特化したjQueryプラグイン
- WebApp.Net
- Magic Framework
metaタグ
metaタグのname属性 | content属性 | 説明 |
apple-mobile-web-app-capable | yes | フルスクリーンモードを指定する |
apple-mobile-web-app-status-bar-style | default / black / black-translucent | ステータスバーの表示を制御する |
format-detection? | telephone=no | キーワード認識機能を制御する |
metaタグ/viewport | width=device-width など多数 | 論理ウィンドウサイズを指定する |
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
linkタグ
<link rel="apple-touch-icon" href="/custom_icon.png"/> <link rel="apple-touch-startup-image" href="/startup.png">
inputタグ
- text
- search
- url
- number
- password
- tel
加速度センサとGPS (Geolocation API)
インラインフレーム?
- iframeの中をスクロールしたい場合は2本指でスクロールする。
- HTMLのbody(背景部分)だけが2本指スクロール対象になるっぽい
- http://www.luigibox.com/00_lab/iframeForiPadSafari/
特殊リンク
デバッグ
タブの数
関連
参考
- http://d.hatena.ne.jp/ntaku/20090913/1252827348
- http://wiki.sohaya.com/index.php/公式ドキュメント類
- http://d.hatena.ne.jp/ntaku/20090913/1252827348