女性デザイナーによるホームページ制作/大阪・神戸
女性デザイナーによるホームページ制作/大阪・神戸

Blog

googleクロームでスマホ版の表示確認をする方法

2020.04.30

スマホ版の表示確認はキャッシュのクリアなどが機種により難しいため、

今回はPCのgoogleクロームでスマホ版の表示確認をする方法をご案内します。

①サイト上で右クリックをする

②右クリックで小さいウィンドウが表示されます

↑このような感じで小さいウィンドウが表示されますので

一番下にある【検証】をクリックしてください。

③右側にソースが記述された部分が表示されます

④スマホマークをクリック

⑤画面がスマホサイズに!

このままの状態ではまだPC版画面が表示されてしまいます。

⑥スマホのデバイスを選択する

この段階でもまだPC版の画面が表示されてしまいます。

⑦画面を更新する

⑧スマホ版の画面になった!

この方法でパソコンからもスマホの表示確認が可能になります。

スマホ実機で確認する場合は、キャッシュのクリアが必要です。

機種によりキャッシュクリア方法がことなりますため、詳細はメーカーにお問い合わせください。

Copyright (c) 2008-2022.R-design, All Rights Reserved.