Google Chromeで iPhone( Android )を正しく表示する方法

F12で開発者(デベロッパー)ツールを開く



右下隅にある歯車アイコンを開くと、3つのタブを持つ黒いオプションページが表示されます

User agent 設定タブ



ここで、agent を設定する事によって、サーバーへとりあえずこちらがその OS である事を通知できるようになりますが、デバイスのサイズはこちらで設定します。また、縦横の切り替えはボタンで行います

表示時にデバッグの為に停止する場合

▼ ブレイクポイントを無効化


デバッグをできるかぎり容易にする為に、document.write 等の特殊な処理部分で停止するようになっているようなので、自動的に設置されたブレイクポイントを一時的に無効にして処理を全て実行させます。

▼ 全て実行


▼ 実行完了


ちなみに、デバッグのタブ名が Sources になったのは最近です。agent タブになったのも最近で、Chrome が　21 になってからだと思います。それまでは、agent の処理もなんだかちょっと変でしたが、今はとても解りやすくなりました。

とにかく、スマホサイズでの WEB ページの確認が容易です。今はまだあまりする事も無いでしょうが、今後はパッド専用のWEB表示フォーマットを考える必要も出て来るのでこれは便利だと思います。

記録

Java、PHP、jQuery : 最近の記事と関連する記事のまとめ / インデックス

Google MAP API が 1日に 25,000 ビューを超えると表示される画面

WEB フォントをクロスドメインで利用する

ブログ更新通知先に関する情報

さくらインターネットの CRON の設定で、標準エラー出力を postmaster に送らない

VBScript 用 onClick 一行書き

『家に帰ると妻が必ず死んだふりをしています』というブログを発見しました

Google Chrome 32.0.1700.76 のコンボボックススクロールバーがドラッグできないのは、Windows7 のエアロ系で起きるようです。

Google Chrome 32.0.1700.76 のコンボボックススクロールバーがドラッグできない問題が、開発版(34.0.1794.5 canary) で修正されたそうです

Google Chrome 32.0.1700.76 の具体的な問題点

ファイル名リストをクリップボードへコピー

キーボード説明用画像( フリーフォントでキーボード画像作成 )

何だこれ。Microsoft の 看板的ワードの誤字『EIblog をご覧ください。』って・・・

9月27日10時頃、Google Chrome でのみ AdSense の表示がおかしくなりましたが・・・

注意 : フィッシング詐欺メールのタイトル『【ドラゴンクエストX　目覚めし五つの種族　オンライン】認証』

まぎらわしい『AdSenseの終了』を知らせる『日本語ページ』

Trigger Rally(WebGL+Three.js) のコースを無視してひたすら悪路を走りまくる

Windows 8.1 に期待は無いけれど、3D プリンタへの期待は膨らむのです

Adobe Readerの脆弱性を突かれて人生初の『ウィルス』に感染・・・

また４月なんで、フリーのレンタルサーバーの確認してみると・・・