技あり

【技あり】 Chromeでモバイルサイトを見る事が出来る設定 「要素を検証」機能

Google Chromeブラウザを使ってモバイル用サイトを確認する方法

特にアプリや拡張機能のインストール無しに見ることが出来ます

ブラウザのUserAgentを書き換えてAndroidやiPhone、iPadの画面を確認出来ます

なかなか便利な小技です。

chromemobile1

手順

まずはモバイル画面を確認したいサイトを表示させます

chromemobile2

画面の空白部分で右クリック「要素を検証」をクリックします

chromemobile3

下に色々とソースなどが表示されていますが、そのツール部分の

「Network」をクリックします

chromemobile4

次に右下の設定マークをクリック

chromemobile5

User Agentという項目があるので

「Override User Agent」にチェックを入れます

chromemobile6

表示させたいモバイル端末を選択します

chromemobile7

先程の要素を検証の画面は下にドラッグなどをしておきます

更新ボタンを押すとモバイル用の画面などを確認する事が出来ます

この設定は要素を検証の画面が表示されている場合のみ有効ですが

なかなか便利な小技です。

関連記事

  1. 技あり

    Windows7のOSの診断やリソースを詳細に見る為のコマンド Perfmon

    Windows7でOSやデバイス関連の診断結果を見たり詳細にリ…

  2. 技あり

    Youtubeに裏ワザが!? Youtube再生中にコマンド入力すると・・・ ゲームが出来る!?

    Youtube再生中にとあるコマンドを入力すると懐かしいあのゲームが出…

  3. 技あり

    【技あり】Windowsの小技 #1 ここからもウィンドウを閉じる事が出来ますよ

    今日から新しいカテゴリを追加してみようかと思い「技あり」を追加してみま…

  4. 技あり

    【技あり】GoogleChromeの各機能のショートカットをプラグイン無しに作る方法 カンタンです

    GoogleChromeにて拡張機能やオプションなど毎回スパナマークを…

  5. 技あり

    【裏技】 Google画像検索でブロック崩しゲームができる裏ワザ

    先日にご紹介したYoutubeでミサイルゲームが出来るとご紹介しました…

  6. 技あり

    【技あり】マルチモニターの接続切断が簡単に出来るWindows7標準機能が便利 サブモニターのオンオ…

    前の記事で紹介しましたフリーソフトとほぼ同機能なんですが実はW…

コメント

  1. この記事へのコメントはありません。

  1. 2013年 11月 06日

PAGE TOP