ttl_column_20150930_1

1分で使える!パソコンからスマホサイトをチェックする方法!

ホームページ作成時に、スマートフォンサイトの必要性について迷ったことがある人も多いのではないでしょうか?

総務省がまとめた「平成26年 通信利用動向調査」では、インターネットへのアクセスのうち47%が、スマートフォンからという調査結果が発表されています。

soumusyou

(出典)総務省「平成 26 年通信利用動向調査の結果」

さらに、2015年4月21日以降、Googleの検索結果において、スマートフォン対応されているサイトが「モバイルでの」検索結果で優遇されるようになりました。 今後もますます広がると見られるスマートフォンでは、あなたは自分のホームページをスマートフォンからチェックしたことがありますか?

普段、パソコンを使っていることが多い人の中には、スマーフォンから自分のホームページをチェックするのが面倒だ、という方もいらっしゃるかもしれません。そこで今回は、パソコンからスマートフォンでどのように見えるのかをチェックする方法をブラウザ別にご紹介します。

とりあえずHPでは「パソコンサイト」をスマートフォンから閲覧した際に、 自動的にスマートフォンで見やすいレイアウトで表示する機能を搭載しております。あわせてご確認ください。

とりあえずHPの使い方|スマートフォン版のホームページを設定する

パソコンでスマートフォンサイトを閲覧する方法

●Google Chrome(グーグルクローム)の場合

 

①スマートフォンで閲覧したいWebページを開いてから、右上の設定アイコン→ [その他ツール] → [デベロッパーツール] をクリックします。

スクリーンショット 2015-09-30 15.24.24

 

②右上にある「>_」のようなアイコンをクリックし、 [Emulation]タブを選択する。

スクリーンショット 2015-09-30 15.24.41

 

③[Device] → [Model:] で様々な機種を選択できます。

スクリーンショット 2015-09-30 15.24.54

今回は、最新のiPhone6を選びました。

スクリーンショット 2015-09-30 15.25.06

④スマートフォン表示させたいWebページの画面のサイズが変わりますので、必ずキーボードの[F5]を押して再読み込みしてください。

スマートフォンの表示に切り替わります。

スクリーンショット 2015-09-30 15.25.19

⑤パソコン表示に戻したい場合は[Emulation] 内の [Reset] をクリックするして終了となります。

 

 

●Internet Explorerの場合(インターネットエクスプローラー)の場合

①スマートフォンで閲覧したいページを開きキーボードの[F12]キーを押して、開発者ツールを開きます。

 

②ツールバーの中からエミュレーションを選択します。

ie2

 

③ユーザーエージェント文字列のプルダウンから [カスタム] をクリックします。

ie3

 

④カスタム文字列にユーザーエージェントを入力し [Enter]キーを押します。

今回は、最新のiPhone6のユーザーエージェント の

Mozilla/5.0 (iPhone; CPU iPhone OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A403 Safari/8536.25を入力しました。

ユーザーエージェント一覧(外部サイト)

ie4

スマホから閲覧したページが表示されます。

ie5

 

⑥パソコン表示に戻したい場合は [ユーザーエージェント文字列] 内の [規定] をクリックして終了となります。

ie6

気軽につくれる、素敵なホームページ「とりあえずHP」

とりあえずHPは、素敵なホームページを気軽につくることができるホームページ作成サービスです。
「メールを送る」程度のパソコンスキルがあれば、驚くほど簡単にホームページを作成することができます。
業種ごとに作り込まれたテンプレートデザインや文章のサンプルもあるので、ホームページづくりにあまり時間が割けない人にもおすすめ。大切な時間をホームページ作成に費やすのではなく、本業に集中させることができます。

PAGE TOP