ブログがスマホでどう表示されるか見え方をパソコンで確認する方法【GoogleChrome編】

目安時間5分

自分のブログ・サイトが、スマートフォンで見た時にどんな表示(見え方)になるか、パソコンでチェックする方法をご紹介します。

 

ガラケーをお使いの方もいると思いますが、あなたのブログを見るのはスマホの人がきっと多いはず。

 

パソコンでは「完璧!」な見た目でも、スマートフォンでは変な部分で改行されて読みにくかったり…

 

貼り付けた画像・広告が見にくい状態になってるかもしれません(>_<)

 

自分のブログがどんな風にスマホで表示されるのか、チェックしてみましょう!

 

 

パソコンからブログのスマホ表示画面を確認する手順

 

パソコンで、ブログやサイトがスマホだとどんな感じに表示されるか?を確認するには、GoogleChromeを使います。

 

お使いの方が多いと思いますが、↑このアイコンでお馴染みのブラウザですね。

 

(Firefox,Microsoft Edge,Internet Explorer,Safariでのスマホ表示確認方法は、この記事では触れてません。)

 

それでは、手順を画面キャプチャを添えてご説明します(^^)/

 

 

1.スマホ表示させたい画面を開く

 

スマホでどう表示されるか?を確認したい画面を、GoogleChromeで表示します。

 

 

 

2.キーボードの【F12】キーを押す

 

画面右上に、「デベロッパーツール」が表示されます。

 

 

※【F12】を押しても「デベロッパーツール」が表示されない場合

 

画面右上の「・」が縦に3つ並んだ記号部分をクリックして、「その他のツール」にカーソルを当て、「デベロッパーツール」を選択してください。

 

この方法でも、「デベロッパーツール」を表示させられます☆

 

 

3.「デバイスモード」のアイコンをクリックする

 

 

 

4.どんなスマホ・タブレットの表示画面を見たいかを選ぶ

 

 

一番画面幅が小さいのは、↓このiPhone5/SEです。

 

 

タブレットでの見た目もチェックできます。

 

 

↓パソコン画面と同様に、スクロールして確認もできます。

 

 

5.終了するときは【F12】を押すか、「デベロッパーツール」右上の×をクリックする

 

 

スマホ表示にしたときにチェックしたいこと

普段パソコンでしか自分のブログ・サイトを見ていない方は

 

・画像や広告リンクがハミ出していないか

 

・どんな画像を貼っているかわかるか

 

・画像の中に文字を入れている場合、その文字も読めるか(見にくい場合はクリックして拡大させるのもあり)

 

・改行が崩れて見にくくなっていないか

 

・1行当たりの文字量が長すぎないか

 

などを、ぜひチェックしてみてくださいね(^^)

 

 

同じ改行の仕方で、パソコンとスマホではどう見え方が変わってくるか…

 

実際の画面を例に比較・解説してるので↓こちらもどうぞ♪

>>ブログの改行はどこでする?スマホでの見た目をパソコンでチェックする方法☆

 

 

在宅でブログを書いて楽しく稼ぎましょう♪

 

「どんなブログを書いたら稼げるか?」や、楽天アフィリの実践記録をメルマガで配信中!

 

“買って使った感想を書いただけ”誰でも書けちゃう簡単記事3つと、実際のアクセス大公開なレポートもプレゼントしてます☆

 

↓ ↓ ↓

※プロバイダーアドレスでは、メールが受け取れない場合がございます。
Yahoo、Gmailなどのフリーメールアドレスでの登録をお薦めいたします。

 

 

【プライバシーポリシーについて】

個人情報保護の重要性を認識し、適切に利用し、保護することが
社会的責任であると考え、個人情報の保護に努めることをお約束いたします。

個人情報の定義
個人情報とは、個人に関する情報であり、氏名、生年月日、性別、電話番号、
電子メールアドレス、職業、勤務先等、特定の個人を識別し得る情報をいいます。

個人情報の収集・利用
当方は、以下の目的のため、その範囲内においてのみ、個人情報を収集・利用いたします。当方による個人情報の収集・利用は、お客様の自発的な提供によるものであり、お客様が個人情報を提供された場合は、当方が本方針に則って個人情報を 利用することをお客様が許諾したものとします。

・ご注文された当方の商品をお届けするうえで必要な業務
・新商品の案内などお客様に有益かつ必要と思われる情報の提供
・業務遂行上で必要となる当方からの問い合わせ、確認、および
 サービス向上のための意見収集
・各種のお問い合わせ対応

個人情報の第三者提供
当方は、法令に基づく場合等正当な理由によらない限り、
事前に本人の同意を得ることなく、個人情報を第三者に開示・提供することはありません。

個人情報の管理
当方は、個人情報の漏洩、滅失、毀損等を防止するために、個人情報保護管理責任者を設置し、
十分な安全保護に努め、 また、個人情報を正確に、また最新なものに保つよう、 お預かりした個人情報の適切な管理を行います。

情報内容の照会、修正または削除
当方は、お客様が当社にご提供いただいた個人情報の照会、修正または削除を希望される場合は、
ご本人であることを確認させていただいたうえで、合理的な範囲ですみやかに 対応させていただきます。

プライバシーに関する意見・苦情・異議申し立てについて
お客様が、当ウェブサイトで掲示した本方針を守っていないと思われる場合には、お問い合わせを通じて当方にまずご連絡ください。
内容確認後、折り返しメールでの連絡をした後、適切な処理ができるよう努めます。

この記事に関連する記事一覧

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

*自己紹介*


春華(はるか)
自分の実体験&普段の生活から見つけたことをブログに書いて、パートしていた頃より稼げるようになりました♪
詳しいプロフィールはこちら★

カテゴリー
*楽天アフィリ実践メルマガ*

*楽天アフィリで稼ぎたいなら*

*ランキング参加中*

いつも応援ありがとうございます!
 

*もっと楽に稼ぐなら…*

↓このメルマガで教わった方法で
記事執筆を外注化してます(^^)/
記事を書く時間がない
忙しい主婦の味方になってくれますよ★


gaityu300.png

ページの先頭へ