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

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

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

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

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

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

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

※ただし google chrome限定です

 

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

image001

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

 

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

image003

 

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

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

 

3:スマホマークを押す

image005

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

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

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

image007

 

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

 

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

image009

 

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

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

 

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

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

 

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

 

 

関連記事

a0002_010657

超簡単!お客様の心を掴む9つの方法とは?

こんにちは、森です。 ホームページって、ずっと更新しない状態でいるとアクセスは伸びません。

記事を読む

554d3fad-s

あなたがこれからも同じ結果に終わってしまう理由

私は同業者をはじめ、人にものを教える立場の人と話をするとよく言う言葉があります。 「結

記事を読む

IMG_8162

やってみると理論がわかってくる話

instagramに投稿したランニングしている姿!クリックすると私のインスタグラムに飛びますよ![

記事を読む

428

8月の売り上げが酷かったお店について考える

「暑かった」8月がもうすぐ終わります。 私のクライアントをはじめ、周りの売り上げ状況は「極めて

記事を読む

IMG_4801

基本が出来ていれば売れます

通販サイトは基本が出来ていれば売れます ECサイトの売り上げを上げるには まず「基本」をちゃんと

記事を読む

65ddae078e01bf15e730ff7ac4aaa912

クレームはすぐに忘れることが大事?!

ネットショップを運営していれば遅かれ少なかれやって来るのが 「お客様からのクレーム」 ですよ

記事を読む

original

1年以上ネットショップで売れない方へ

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

記事を読む

0ab69269

お客様は「お得な情報」を欲しがっています

お店の売上が上がる瞬間があります。 それは何かイベントをやった時です。 つまりお客様が「

記事を読む

130810decision-thumb-640x360-62918

楽天市場を選ばないという選択肢

あなたのお店は楽天市場ではなかなか売れない可能性があります。 例えばこんな場合です。 1

記事を読む

a0002_003652_m-1024x679

転換率を上げたい人へ

「転換率」 人によっては「購買率」や「コンバージョン率」と言う人もいます。 要するにアクセス

記事を読む

Message

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

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






  • 買い手目線のネットショップ構築・運営講座 (5日間無料講座)
    メールアドレス
    Powered by メール配信システム オレンジメール
  • 平日9時~17時 土日祝休業

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


  • ◆スタジオパス 森美明(モリヨシアキ)
    所在地:〒639-0225 奈良県香芝市瓦口2205-303
    オンラインショップで月商最低100万円以上を目指すコンサルティングを行います。皆さん、一緒に頑張っていきましょう!→詳しくはこちらから
IMG_9712
【まだ間に合う!】楽天市場のhttps化は手作業でやろう!そうするとお店に○○が!

弱小ネットショップ脱出コンサルタントの森です! ↑色々と変えてま

IMG_0467
人のふり見て我がふり直せ!「悪いレビューの活用」で弱小ショップでも売れるネットショップへ

昨日のブログでお知らせしたように、今ネットショップを作っている最中です

IMG_9705
楽天市場1社に頼らない売り上げを作る

自社サイトで売る!ネットショップコンサルの森です。 最近色々とバ

スクリーンショット 2017-06-16 10.53.48
新しいTwitterアカウントを作りました!

一日一善!ネットショップコンサルタント森です!! 今日、思い立っ

show_img
「打ちそうな野球選手」「美味しそうな料理」そして「売れていそうなお店」

見た目で判断してはいけない。 中身で勝負。 長く付き合えば

→もっと見る

PAGE TOP ↑