便利ツール

レスポンシブサイトをスマホやタブレットでの表示状態をチェックする方法

今の時代パソコン以外でインターネットを閲覧する人の数が右肩上がりでグングン増えていってます。

ちょっとした空き時間や出勤時のような移動時間などでいつでもインターネットができるので便利ですね。

我々のようなサイトを作る側としても、この時代の流れは無視するわけにはいきません。

サイトをスマホやタブレットで見たときにどのように見えるのかをチェックすることは必要でしょう。

ツールを使えば簡単にできるのでご紹介します。

Demonstrating Responsive Design

探して見るとこのようなツールは沢山ありますが、私がよく使っているものをご紹介します。

Demonstrating Responsive Design

このサイトにURLを入れるだけでスマホ(iPhone)・タブレット(iPad)・パソコンと表示状態を簡単に確認することができます。

 

サイトにアクセスしたら、右上の入力欄に確認したいURLを入れるだけです。

画面上部にあるスマホやタブレットのアイコンをクリックすることで、表示する対象を切り替えることができます。

動作もさくさくで使いやすいです。

2015-02-24_12h39_02

スマホ(iPhone)で表示した場合

2015-02-24_12h41_52

タブレット(iPad)で表示した場合

2015-02-24_12h42_07

このように簡単に確認することができるので、活用してみてください。

本音を言えば、できればandroidも欲しいとこですがね。。

私のスマホがandroidなので、自分のスマホで確認するようにしています。

 

結局のところ、実機で確認するのが一番間違いありません

ざっくりとした見え方の確認で利用するのが良いでしょうね。

 

パソコンでの表示しか意識していなくて、自分の中では「完璧だ!」と思える出来だったとしても、スマホで見てみると…「ヘッダー画像ちっさ!」、「あ、あれ?サイドバーはどこに?」なんてこともあるわけで。

スマホからのアクセスは本当に無視しちゃいけないので、サイトを作るときには気にするようにしておきましょうね!

 

関連記事

  1. compass-affili

    アフィリエイトSEOツール「COMPASS(コンパス)」で作業効率化を…

  2. sirius-kouka

    アフィリエイトの作業効率化のためにシリウスの追加ライセンスを購入

  3. 3D-BoxShotMakerを使った3Dパッケージ画像の作り方

  4. dropbox

    Dropboxで無料ファイル共有が簡単に可能。使いやすくて超オススメ!…

  5. アフィリエイトを効率的に実践するためのパソコンのソフトやツール

  6. アフィリエイトに役立つ超便利ツールランキング

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

最強のWordPressテンプレート「賢威」

wordpress-keni

WordPressのSEO対策が気になるならWordPressテンプレートの最高峰「賢威」で間違いありません。

SAKU限定特典&レビュー

究極のサイト作成ツール「シリウス」

sirius

サイトアフィリエイトをより効率的に効果的に進めるサイト作成ツールならシリウス一択です。サイトアフィリエイトの神器みたいなものですよ!

SAKU限定特典&レビュー

アフィリエイトのバイブル「LUREA plus」

LUREA-plus

本気で稼ぐために必要なノウハウがギュッと詰め込まれた、全てのアフィリエイターのバイブルとなる教材です。 アフィリエイトの基礎からしっかりと取り組めます。 再現性も抜群です!

SAKU限定特典&レビュー

LUREA Plus関連記事
PAGE TOP