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

前回のエントリで、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



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


You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

〓facebookにコメントを付ける〓
〓通常コメントはこちら〓
One Response
  1. [...]  Google Chromeでモバイルサイトを見る方法 | 晄夏ノート -hicage no oto- [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

Check

投票など参加してます。クリックいただけると嬉しいです♪
blogram投票ボタン人気ブログランキングへ ブログん家 ブログランキング・にほんブログ村へ このエントリーを含むはてなブックマーク