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

    Webで使えるメニューが100個も紹介されているWebサービス 『100 Great CSS Men…

    Web上で設置できるメニューを100個も紹介しているWebサー…

  2. Web制作ツール

    Webで使えるボタンをCSSで作成出力できるWebサービス 『2.5d BUTTON』

    Web上で使えそうなボタンをHTML・CSSで出力してくれるW…

  3. Web制作ツール

    無料で見やすい!!ヒートマップ解析もできる無料アクセス解析サービス『Pt engine』

    無料で使えるアクセス解析サービス無料で月に10万PVまで、1サ…

  4. Web制作ツール

    コピペで簡単!! CSSエフェクトを簡単設定してコピペで使えるWebサービス 『CSS Filter…

    使いたいCSSの画像エフェクトを画面上で設定コピペで簡単に使え…

コメント

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

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

最近の記事

PAGE TOP