つい最近検証する機会があったので勉強会のついでに少しまとめてみました。
検証方法は2つです。
詳細な手順についてはほかブログの紹介をもって本題に進みます。
- Adobe Edge Inspect
[Adobe Edge Inspect]モバイル向けウェブサイト/ウェブアプリを実機でデバッグ
Adobe Edge Inspect:様々なデバイスで手軽にブラウザーテスト
- mac Safari & iPhone Safari
iPhone の Safari が Mac版Safari インスペクタで調査できるようになってた
SafariからUIWebViewのHTMLをinspectする
スマホでPDF閲覧するときの容量
今回は3G環境でのPDFダウンロード時間の目安が知りたかったので、mac Safari & iPhone Safari での検証を行いました。
PDFはブラウザで閲覧する前提です。(ネイティブアプリに読み込ませない)
検証
- 検証環境
- iPhone4S , iOS6.1
- 3G回線接続 下り 3.98Mbps
- 検証結果
- 1MB : 7秒
- 10MB : 27秒
- 20MB : 44秒
- 45MB : 3.5分
※ 検証環境によって誤差があります
検証方法
mac側のWebインスペクタを更新すると収録が開始されます。 タイムライン>ネットワーク要求 からレイテンシと継続時間が見れます。
ということで、勉強会で利用したスライドを貼っておきます。
最近は
モバイルデザインパターン――ユーザーインタフェースのためのパターン集 を読んでいます。