TOP > IT・テクノロジー > Google Chromeブラウザでスマートフォンサイトをチェックする:Google Chrome完全ガイド - @IT

Google Chromeブラウザでスマートフォンサイトをチェックする:Google Chrome完全ガイド - @IT

46コメント 2014-03-21 17:59 | @ITキャッシュ

Webサイトのスマートフォン表示の確認は結構面倒な作業です。でもGoogle Chromeのデベロッパーツールでエミュレートすれば、デストップ版ブラウザでスマートフォンサイトを簡単に表示できます。...

ツイッターのコメント(46)

@YoshiuchiJunji @seikaimurakoshi 自分も以前はChromeでモバイルモード派だったのですが、今はポメラのキーボードとiPhoneをbluetoothで繋いでテキスト入力しています。
Chromeをモバイルモードにする方法は以下が参考になるか、と……
Chromeでスマートフォンサイトをチェックする:Google Chrome完全ガイド - @IT

これ便利
@takanome__fx
お騒がせしました
これでできました
↓PCのブラウザ(Chrome)からスマホの画面確認するには
@jyonao16 Chromeの開発者モード使うとPCから参加できるのでそれでやってみるとか
@toro_seiza そうなんですよー、去年もそうで、私去年あきらめたんですけど、今年はフォロワーさんにPCからできる方法をアドバイスしてもらいまして!
@haduki812 葉月さん、ちょっと手間になりますけどpcからもできる方法ありますよ〜このURLの通りにバレンタインのサイトでやればログインできます〜

もしよければ試してみてください〜
@hemi_bot そこでChrome標準搭載のエミュレータ…
Webサイトのスマートフォン表示の確認は結構面倒な作業です。でも Chromeのデベロッパーツールでエミュレートすれば、デストップ版ブラウザでスマートフォンサイトを簡単に表示できます。
Chromeのデベロッパーツールにはスマートフォンモードがあり、エミュレートするスマートフォンの種類を指定することが出来るらしい。便利。 / Chromeブラウザーでスマートフォンサイト…”
Chromeでスマートフォンサイトをチェックする:Google Chrome完全ガイド - @IT
@himeyaya フロント実装の確認で仮装ブラウザでも良いならchromeのデベロッパーツールもXSとかまで選べるからよいですよー
@azuresky0315 chromeとかだと開発者ツールでスマホのエミュレータが入ってるので使ってみるのもありかもですねぇ
@wandam_dababa これでPCでできたよ・。・
あとで読む。「 Chromeブラウザでスマートフォンサイトをチェックする:Google Chrome完全ガイド」
会社の人間が使っていて、教わった。へぇ、こんな機能があるのね。
【 】
amazon入れなくて困ってる人は、下記の方法使えば簡単に入れますよー
@ptonik201210 この方法でPCから見れました♪お試しください(^^)/
@gen5011 これっす。
もう使ってるよね?
MacだけでなくWindowsでも可能でした。今はスマホで読みやすい体裁を要求されるので、これでチェックし改行入れるといいですね。
動作の再現度はイマイチっぽいけど、見た目の確認ならまぁ使えるレベルかな。   :
こんな方法があったのか。
これみながらSIRIUSの文字をすべて3行×66文字に変更(๑•̀ㅂ•́)و✧
なるほどこんなのもあるのか。//
Web屋の味方・開発者ツール。
これ知らなかった
パソコンでブラウザを使ってスマホ表示をチェックする方法。エミュレーターで切り替えた後に、F5で更新が必要! /
それで、実際コレで確認とかすると(PC向けにしか作ってないページとはいえ)デザインがめっちゃアレな表示になっているという
毎回デベロッパーツールのどこにあるのか忘れる。
クソ便利!
@negidakedeok ここを参考にやってみてください。
モバイルサイトの電大さんコメント →PCからでもこの方法で見られたよ
少々手荒だけど、これは使えるテクだね
PCでスマホ(専)用サイトを見る方法


Chromeをインストールしたくない場合はusbポータブル版で
導入時の「インストール」はフォルダ作成場所なので置く場所を指定、後から移動可
ちょろめがUA偽装をデフォでつむらしい。
げ。素のChromeでできたのか。知らなかった…。 /
Chromeブラウザーでスマートフォンサイトをチェック
以上
 

いま話題のニュース

PR