Google Chromeでモバイルサイトを見る方法

2010 年 6 月 9 日

前回のエントリで、Google Chromeいいじゃん!これ!と書いたのですが、まだ問題があって、

モバイルサイトの閲覧が出来ない。a-09.gif

ということ・・・・

調べてみたところ、UserAgentの変更は出来そうa-02.gif

Google Chromeの起動オプションを使います。

Google Chrome起動オプション

やり方は書かれているとおりなのですが、

  1. 専用のショートカットを作ります。
  2. 右クリック→プロパティ を開きます。
  3. 右クリック→プロパティ を開きます。
  4. リンク先を変更します。

“C:\Documents and Settings\<ユーザー名>\LocalSettings\ApplicationData\Google\Chrome\Application\chrome.exe"

となっているところを、

“C:\Documents and Settings\<ユーザー名>\LocalSettings\ApplicationData\Google\Chrome\Application\chrome.exe" –user-agent="DoCoMo/2.0 P04B(c500;TB;W24H16)"

こうします。
重要なのは、
chrome.exe"<ココに半角スペースを入れること!>–user- 
半角入れないとエラーが出て、設定できませんa-05.gif

掲載サイトにアクセスできると言っても、UserAgentしか変わっていないので、若干見れない所はありますが、それに、画面のサイズがFireFoxシュミレーターみたいに小さくなるわけでもないのですが、それなりにみることが出来ます。

調子に乗っていっぱい作りました。

Google Chromeでモバイルサイトを見られるように、起動オプション付きのショートカットを大量に作りました。

端末を選んだ理由はないです。なんとなく。


ちょっと残念だなと思うのは、Google Chromeのキャッシュが結構残るらしく、モバイルで表示させて、一旦ブラウザ閉じて、普通に立ち上げても、モバイル仕様のサイトが表示されてしまうこと。キャッシュクリアを簡単に出来るプラグインとか何かが欲しいa-22.gif


ユーザー視点でつくる 携帯サイト制作の基礎知識