レスポンシブデザインの確認に便利な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

関連記事

  1. Web制作ツール

    自分のサイトが国外からどの様に見えるのか?をチェックできるWebサービス 『GeoScreensho…

    指定したサイトが国外からどの様に見えるかをチェックできるWeb…

  2. Tips

    人気ブログの作り方 面白いブログを作る際に役立つサイトを紹介

    結構な方がブログをされていると思いますその中でもより多くの方に呼ん…

  3. Web制作ツール

    CSSでグラデーションを作りたい時に!! 高機能で使いやすいWebサービス 『Ultimate CS…

    非常に高機能でCSSでグラデーションが作成できるWebサービス…

  4. Web制作ツール

    ピクトグラムなアイコンが作れるネットサービス Pictotool 試しに色々作ってみました

    モノトーン・ピクトグラムなアイコンを作れるネットサービス色々と…

コメント

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

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

PAGE TOP