印刷用表示へ切り替え 通常表示へ切り替え 更新履歴を表示 更新履歴を隠す
misc ブログをスマートフォンで見てみたら

このサイトをスマートフォンのエミュレータで見てみたら,酷いことになっていた。

■ ■ ■

Google Adsense から「スマートフォン対応はお済みですか?」というお知らせメールが来て,「ページ ビューのうち 22% 件がスマートフォンからの利用となっています」とのこと。「22% 件」というのが日本語でおkな感じだが,機械翻訳なので仕方ない。

ともあれ,GoMo 日本語版サイト にあるスマートフォンエミュレータで表示させてみると,これがまた悲惨な表示になっていた。「22% 件」の人はこれが表示されるのか…。あらら。

スマートフォンでの表示
スマートフォンでの表示


スマートフォンを持っていなくても生活できるが,こういう弊害があるのだな。

Windows PC でスマートフォンでの表示がどうなっているか見たい場合は,エミュレータ経由で見ることになる。本格的には Android SDK をインストールすればよいが (Androidスマートフォンエミュレータの使い方 [ホームページ作成] All About),お手軽には Firefox にアドオンを導入することで可能である。FireMobileSimulator :: Add-ons for Firefox をインストールして,「SB iPhone 3G」を選択すれば OK。

これで,このサイトのトホホな表示が Firefox でも再現できるのだ (泣)! Windows 7 + Firefox 15.0.1 + FireMobileSimulator 1.2.3 で確認を行った (やっぱり泣)。

何とかしないと。でも CSS の使い方忘れた。

地道に勉強するしかないか (スマートフォン対応サイトを作る前の注意点 [ホームページ作成] All About)。

2012年10月11日追記:

Android SDK での表示
Android SDK での表示


Android SDK でアクセスしたところ,単にスマートフォン非対応のサイトのように表示されました。iPhone の表示だけが崩れるのかも知れません。

2013年8月11日追記:
対応させました (nlog(n): ブログをスマホ対応に)

Posted by n at 2012-10-11 23:38 | Edit | Comments (2) | Trackback(0)
Trackbacks

  • 「手違いで複数トラックバックを送ってしまった!」という場合でも気にしないでください (重複分はこちらで勝手に削除させていただきます)
  • タイムアウトエラーは,こちらのサーバの処理能力不足が原因です (詳細は トラックバック送信時のエラー をご覧ください)
  • トラックバックする記事には,この記事へのリンクを含めてください(詳細は 迷惑トラックバック対策 をご覧ください)
Comments

タイトル見てスマホ(スマフォ?)を買ったのかと思いました。買って2週間経ちましたがiPhone良いですよ。Android端末には無い所有する喜びがあります。自分は音楽アプリとPodcastを楽しんでます。通話いらないならtouchでも良いかも。1日も早くご購入されることを願っています。

Posted by: yanagi at October 12, 2012 18:42

iPhone いいみたいですね。楽しそうな記事を見るたびに「ぐぬぬ」と思っています。
我慢の限界を超えたときに衝動買いしてしまいそうです。

Posted by: n at October 12, 2012 23:18
Post a comment
  • 電子メールアドレスは必須ですが,表示されません (気になる場合は「メールアドレスのような」文字列でもOKです)
  • URL を入力した場合はリンクが張られます
  • コメント欄内ではタグは使えません
  • コメント欄内に URL を記入した場合は自動的にリンクに変換されます
  • コメント欄内の改行はそのまま改行となります
  • 「Confirmation Code」に表示されている数字を入力してください (迷惑コメント対策です)


(必須, 表示されます)


(必須, 表示されません)


(任意, リンクされます)


Confirmation Code (必須)


Remember info (R)?