9/14/2024

スマホエミュレータよりブラウザの開発者ツール

 ウェブサイトをスマホ画面で表示して、機種によってどんなだかを確認したいだけなら、エミュレータよりもブラウザの開発者ツールが便利

Google ChromeやFirefoxなどのブラウザには、スマホ画面をシミュレートする機能が内蔵されているので、これを使わない手は無い

Google Chromeの手順

  1. サイトを開く。
  2. 右クリックして「検証」を選択(もしくはF12キーを押して開く)。
  3. 開発者ツールが開いたら、画面の左上にあるデバイスアイコン(タブレットとスマホのマーク)をクリック。

  4. これで画面がスマホビューに切り替わる。

上部のドロップダウンから、さまざまなデバイスを選んで確認できる(上の画像はSurface Duoを選択、下の画像はSamsung Galaxyを選択)




0 件のコメント: