最終更新: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?

制限

リソースの制限

  • デコード後のGIF, PNG, TIFF 2MBまで
  • デコード後のJPEG 32MB
  • アニメーションGIF? 2MBまで
  • Canvas 要素 2MB
  • その他リソースファイルはそれぞれ10MBまで

その他制限

  • cookieサポート
  • Flash, Javaアプレット, SVG(サポートされているようです), XSLTは非サポート
  • サードパーティー製のプラグインは非サポート
  • JavaScript実行時間 10秒まで (iPhone OS 1.1.4までは5秒)
  • マウスオーバーという概念がない
  • ファイルアップロード、ダウンロード不可
  • カスタムX.509電子証明書使えない

解像度

検索バーとステータスバーを除いた解像度は

  • 縦の場合 320×356
  • 横の場合 480×208

viewportを指定しない場合は width = 980px に設定される。

対応Web標準

Mobile Safari/イベント処理?

Nitro

ブックマークレット

HTML5

非対応

ライブラリ

metaタグ

metaタグのname属性content属性説明
apple-mobile-web-app-capableyesフルスクリーンモードを指定する
apple-mobile-web-app-status-bar-styledefault / black / black-translucentステータスバーの表示を制御する
format-detection?telephone=noキーワード認識機能を制御する
metaタグ/viewportwidth=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
  • email
  • url
  • number
  • password
  • tel

加速度センサGPS (Geolocation API)

インラインフレーム?

特殊リンク

デバッグ

  • USBでつなぐとMacSafariのインスペクタが使える。

タブの数

関連

参考

ブックマークレット