*

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

公開日: : 最終更新日:2012/06/25 技あり

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

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

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

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

chromemobile1

手順

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

chromemobile2

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

chromemobile3

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

「Network」をクリックします

chromemobile4

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

chromemobile5

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

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

chromemobile6

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

chromemobile7

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

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

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

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

 

  • このエントリーをはてなブックマークに追加

Comment

  1. […] 【技あり】 Chromeでモバイルサイトを見る事が出来る設定 「要素を検証」機能 | PCあれこれ探索 […]

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

 

    • Info (64)
    • Tips (129)
    • 市販ソフト (8)
    • 解決 (85)
    • 技あり (8)
    • 比較 (14)
    • Wordpress (15)
    • ハードウェア レビュー (26)
    • Windows8アプリ (2)
    • 美しいデスクトップを求めて (13)
    • Freesoft ゲーム (11)
    • 未分類 (1)



PAGE TOP ↑