MobileSafariの制限
2009-08-09 (日) 20:19:00 (220d)

lifebuoy.png iPhone/iPod touch搭載のMobileSafariの制限についてのまとめ

iPhone用MobileSafariイベント関係 　

タッチ関係 　

  • ドラッグ：ドラッグ停止時にonscrollイベント発生
  • ダブルタップ：イベント発生せず
  • シングルタップ：
    • クリッカブル要素：要素が変化した場合に「mousemove」、「mouseover」、「mouseout」イベントが発生。変化しない場合は「mousedown」「mouseup」「click」イベントが発生。
    • ノンクリッカブル要素：イベント発生せず
    • ※クリッカブル要素：a link、form、イメージマップやその他。
  • 2本指ドラッグ：
    • スクローラブル要素：「mousewheel」イベントが発生
    • ノンスクローラブル要素：通常のドラッグと同じ動作
    • ※スクローラブル要素：overflow、textarea、iframeやその他。

イベント 　

  • サポート
    • form.onreset
    • formfield.onblur
    • formfield.onchange
    • formfield.onclick
    • formfield.onfocus
    • *formfield.onmousedown
    • formfield.onmouseout
    • formfield.onmouseover
    • formfield.onmouseup
    • *textarea.onkeydown ※onkey*イベントは、textareaのみでreturnを押した時のみ。
    • *textarea.onkeypress
    • *textarea.onkeyup
    • window.onload
  • 非対応
    • document.onkeydown
    • document.onkeypress
    • document.onkeyup
    • form.onsubmit
    • formfield.ondblclick
    • formfield.onmouseenter
    • formfield.onmouseleave
    • formfield.onmousemove
    • formfield.onselect
    • window.oncontextmenu
    • window.onerror
    • window.onresize
    • window.onscroll

iPhone用MobileSafariの対応/非対応リスト 　

gzip compression 　

  • サポート

HTML 　

  • framesets（※ただし、iFrameはサポート）
  • canvasは2MBまで、150 x 300 pixelsまで。

JavaScript 　

  • JavaScriptは10秒以上の実行禁止。※iPhoneOS1.1.4までは5秒だった。

CSS 　

  • hoverが非サポート。a:hover時の動作は、1秒程度経ってからポップアップが飛び出てリンクURLの一部を表示する。

ファイルサイズ 　

  • CSSやHTML、JavaScriptファイルはそれぞれ10MBまで。
  • ストリーミングも10MBまで。

画像サイズ 　

  • .gif, .png, .tiff：2MBまで[width * height ≤ 2 * 1024 * 1024]。
  • animated gif：2MBまで。それ以上の場合最初のフレームだけ表示する。
  • .jpg：32MBまで

プラグイン 　

  • Flashは非対応。

その他の非対応技術 　

  • Downloadable web fonts
  • Modal dialogs
  • Mouse-over events
  • Hover styles　※ mouseoverイベントはmousedownの直前にだけ送られる。
  • Tooltips
  • Java applets
  • Flash
  • QuickTime? VR movies (QTVR)
  • XSLT
  • Plug-in installation
  • Custom x.509 certificates
  • WML(Wireless Markup Language)
  • File uploads and downloads

参考情報 　

Safari Web Content Guide for iPhone OS > Handling Events：One-Finger Events 　

  • イベント発生フローについて図入りで丁寧に説明がある。1本指操作。

Safari Web Content Guide for iPhone OS > Handling Events：Two-Finger Events 　

  • イベント発生フローについて図入りで丁寧に説明がある。2本指操作。

CSS, JAVASCRIPT AND XHTML EXPLAINED：Web Development For The IPhone 　

  • Web Development for the iPhone: Targeting the iPhone Safari browser

CSS, JAVASCRIPT AND XHTML EXPLAINED：Safari 3 CSS Support 　

  • CSS Selectors and Safari 3.0、Mulitple Background Images、CSS Rounded Corners

MindTouch > Mobile UI 　

  • MindTouch? Developer Center > Deki > Specs > Mobile UI

Events on the iPhone 　

  • These results are based on a simple test page with a bunch of onX-functions.



スポンサード　リンク