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

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

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

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

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

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

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

※ただし google chrome限定です

 

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

image001

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

 

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

image003

 

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

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

 

3:スマホマークを押す

image005

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

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

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

image007

 

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

 

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

image009

 

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

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

 

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

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

 

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

 

 

関連記事

FOREIGN201608290906000270683081936

そのページに、お客様の「気になる」ものがあるのか

イラストレーターのクリストファー・ストールが描いた「ポケモン解剖図」 気になりましたか?笑

記事を読む

2

「楽しく」企画して「売れる」商品づくりをしよう!

売れない理由として、私がどうしようもないと考える事 それは 「売れない商品を売っている」

記事を読む

E1372296905082_1

自分が嬉しいと思う事を付加価値とすると選んでもらいやすい

「販売している商品をただ並べているだけでは売れません」 ネットショップの基本をお話しす

記事を読む

sns1

ネットショップの情報発信はそんなに重要か?

私がショップのコンサルティングをさせていただくお店のほとんどは「ブログ」を書いています。 次に

記事を読む

image_comp

今すぐ商品タイトルを変えると1か月後には売れだす理由

私がお伝えしている「ネットショップで売るための7つの基本」というものがあります。 今回

記事を読む

mizunasu00

「よむよむカラメル」に学べ!

「よむよむからめる」サイトより 先日投稿した記事で反響が良かったのがこの記事 ツイッター

記事を読む

hati2

簡単なミスが起きやすい事は他の人にチェックを頼もう

こんにちは、森です。 今日は商品ページのテキストについてのお話です。 と言うのもあるお店で誤

記事を読む

securedownload

なかなか新しい事を始められない人が出来るようになる方法

年末間際の3連休が明けました。 我が家も無事にクリスマスを終え、プレゼントやパーティーで子供た

記事を読む

17904502_1277238922392083_6608842629391789165_n

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

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

記事を読む

imgrc0066498013

今まで買ってくれた事のあるお客様に他の商品を買ってもらう方法

昨日のコンサルティングでの話です。 これまでに良く売れた商品がある。 でもその商品を

記事を読む

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万円以上を目指すコンサルティングを行います。皆さん、一緒に頑張っていきましょう!→詳しくはこちらから
scene2_708.437
SEO対策は重視しなくてもよいが、googleには好かれた方がいいという話

SEO対策は重視しなくてもよいが、googleには好かれた方がいいとい

IMG_0362
なりふり構っちゃいられない時もある!

売れていないお店からの相談でたまにあるのが 「なりふり構っちゃい

IMG_0186
家族の絆を強くする事は良い仕事に繋がる

仕事が上手くいっていない時に限って、家族の関係が悪くなったりする。

IMG_0292
メルカリで売れる人はネットショップでも売れる法則

最近「断捨離」と勉強を兼ねて「メルカリ」の出品にハマっています。

securedownload
結局、何かを変えるしかない

お疲れ様です! 今日は熱を出して保育園を休んだ娘の看病をしながら

→もっと見る

PAGE TOP ↑