パソコンでスマホサイトのデザインを確認する方法(chrome限定)

インターネットを使って商売をする場合、ネットショップであってもWEBサイトであってもブログであっても、「PC用」と「スマホ用」を作っておく必要があります。

今の時代は、楽天市場やYahooショッピング、jindoやワードプレス、無料ブログサービスなどを選べば「自動的」にPC用サイトもスマホ用サイトも出来上がるという大変便利な時代になっています。

ただし、作る側の人は作業をパソコンでやっている関係上、見た目のチェックもほとんど「パソコン用」でやってしまいます。

しかしそれではダメです。
今の時代はスマホで見ている人の方が多いからです。

そこで、今日はその方法を皆さんにお伝えします。

是非参考にしてください。

※ただし google chrome限定です

 

1:ブラウザの設定ボタンを押す

image001

右上にあるスリット状のマーク「Google Chromeの設定」ボタンを押してください。

 

2:「その他のツール」から「デベロッパーツール」を選ぶ

image003

 

「デベロッパーツール」を選びます。

すると、スマホ用のサイトを見る事が出来るウインドウになります。

 

3:スマホマークを押す

image005

ここを押すとスマホページのデザインを表示してくれます。

2回押してしまった人はもう一度押すとスマホ用のページを見る事が出来ます。

うまく表示されない人は「再読み込みボタン」を押してみましょう。

image007

 

そうするとスマホサイトデザインが表示されます。

 

4:見たいデバイスのバージョンを選ぶ

image009

 

「Responsive」の文字を押すと、下に機種名がズラッと出ます。

その中から表示させたいデバイスを選びましょう。

 

これでスマホページのデザインをチェックできます。

いちいちスマホを出して、ブラウザを開いてチェックしなくてもいいので面倒臭くないですよね!

 

サイトを作ったり更新をしたら必ず「スマホ用のデザイン」も確認してくださいね!

 

 

関連記事

ameblo

アメブロから楽天市場のショップに集客する方法

楽天市場での集客がなかなかうまくいかない。 原因がわからず、対策も無い。 一体どうすれば

記事を読む

img0001

メールに関するトラブルを避ける方法

こんにちは。 ホームページ集客アドバイザーの森です。 お客様にメールを送ったはずなの

記事を読む

001622.smpl

超感激!あなたもできる!「涙を流して喜んでくれるサービス」を提供する

こんにちは! 家族経営で月商300万円越え!ネットショップコンサルティングの森ヨシアキです!

記事を読む

pc-3

「楽天市場の運営」と「ブログ運営」の共通点とは?

こんにちは、森です。 ブログをやっている人ならわかると思います。 結構大変ですよね。 何が

記事を読む

home-office-336378_640-e1410753760798

人が集まる情報発信の方法

あなたのお店にたくさんの人を集めたいとします。 その方法についてはもうすでに色んな所で

記事を読む

o0213032011939014407

楽天ショップオーナーは今すぐこれをやるべきです!

◆楽天ショップオーナーは今すぐこれをやるべきです! こんにちは。 ホームページ集客アドバイザ

記事を読む

photo1

コンサルティングを受ける事と勉強会に参加する事の違い

  今日はあるセミナーに参加する予定でしたが台風による悪天候の為安全に考慮し

記事を読む

arakawa5656_btshs136all01

メールマガジンが届いたお客様の心の中をのぞいてみましょう

こんにちは! 月商300万円越え!ネットショップコンサルティングの森ヨシアキです! &n

記事を読む

rakuten

楽天の検索アルゴリズムが変わっています!

検索上位表示を目指して少しでもアクセスを増やしたいと考えているあなた! 検索アルゴリズ

記事を読む

13501746_995150903934221_8076559414800505762_n

リアルショップで売れないからネットで売ろうとする考え

ネットショップは年々増え続けています。 例えば 楽天市場の出店店舗数は4万店舗を超えてい

記事を読む

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • 「5月ネットショップ勉強会!」


    売り上げアップの為の勉強会を大阪で開催します!
    5月度 勉強会開催のお知らせです。
    売り上げが伸び悩んでいるお店はぜひ参加してみて下さい。
    お早めにお申し込みくださいね!
    詳しくはこちらからどうぞ!
  • 買い手目線のネットショップ構築・運営講座 (5日間無料講座)
    メールアドレス
    Powered by メール配信システム オレンジメール
  • 平日9時~17時 土日祝休業

    ◆お電話でのお問い合わせ
    0745-76-2227
    ◆お急ぎの場合は携帯電話にどうぞ
    090-1890-1364 (着信いただければ折り返します)


  • ◆スタジオパス 森美明(モリヨシアキ)
    所在地:〒639-0225 奈良県香芝市瓦口2205-303
    オンラインショップで月商最低100万円以上を目指すコンサルティングを行います。皆さん、一緒に頑張っていきましょう!→詳しくはこちらから
名称未設定-1
昔の想いでは心地よくなるという話

こんにちは! 月商300万円越え!ネットショップコンサルティング

moriben
【森勉】5月度勉強会のお知らせ【モリベン】

こんにちは! 月商300万円越え!ネットショップコンサルティング

17904502_1277238922392083_6608842629391789165_n
人のアドバイスに振り回されてしまっていると感じたら

こんにちは! 月商300万円越え!ネットショップコンサルティング

arakawa5656_btshs136all01
メールマガジンが届いたお客様の心の中をのぞいてみましょう

こんにちは! 月商300万円越え!ネットショップコンサルティング

logo01-2
こんな事もやってもらえるんですね?!と喜んでもらえている事

こんにちは! 月商300万円越え!ネットショップコンサルティング

→もっと見る

PAGE TOP ↑