レスポンシブデザインの確認に便利なWebサービス 『Responsive Checker』

デバイス毎にサイトの表示チェックが出来るWebサービス

最近はPCだけで無くスマホやタブレットなど様々なデバイスでの

表示確認が大変なサイト管理者ですが

これを楽にしてくれるWebサービスです

iPadやiPhone、Android端末などの各種端末別に

サイズを表示してサイトの表示確認が可能です

responsivechecker4

Responsive Checker リンク先はこちらから

使い方

responsivechecker1

使い方は簡単でURLを入力してEnterを押すだけです

URLはhttp://から記入する必要があるようです

responsivechecker2

左から各種端末ごとに表示確認が出来ます

このブログはレスポンシブデザインには対応していないので

特に変化無くPC同様のデザインで表示されます

User Agentを変更する訳では無いので

レスポンシブデザイン対応で無いとあまり関係無いと思います

responsivechecker3

Galaxyなどの端末ではこの様に表示されるようです

視覚的に分かりますので便利

画面内はちゃんとリンククリックも可能です

Web管理者には便利なツールです

  • コメント: 0

年賀状フリーソフトの決定版!! 1000種類以上のテンプレートで簡単に作成可能 『はがきデザインキット』前のページ

【Tips】ThunderBirdからOutlookへのメール移行方法次のページ

関連記事

  1. Web制作ツール

    登録不要!! IE5.5、IE6~IE10のサイト表示チェックが出来るWebサービス IENetRe…

    IEのサイトチェックに便利なWebサービスでURLを入力するだけで使え…

  2. Web制作ツール

    どんどん美しいメッシュグラデーションを提案してくれるWebサービス 『Color Morph』

    次々に美しいメッシュグラデーションを提案してくれるWebサービス。…

  3. Web制作ツール

    Web背景にWebGLを使ったアニメーションを実装できるWebサービス 『Vanta.js』

    Web背景にWebGLを使った高品質なアニメーション機能を実装でき…

コメント

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

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

最近の記事

PAGE TOP