レシポンシブデザインを手軽にチェックできるWebサービス 『Responsive Design Tester』

Web制作時のレシポンシブデザインを
様々な解像度でチェックできるWebサービス。
様々なデバイスで手軽にチェックが可能で、
表示崩れやCSSのチェックができます。

目次

リンク先

Responsive Design Tester リンク先はこちらから

レビュー

リンク先を開くとシンプルな画面が表示されます。
画面上部のテキストボックスにチェックしたいサイトのURLを入力します。

このブログのURLを入力してみました。
レシポンシブデザインでどのように表示されるのかチェックが可能です。

こちらはKindleで表示してみました。
画面上部のScrollbarsやRotateで回転やスクロールバーの表示有無も可能です。

画面右上の部分より色んな端末が登録されています。
デスクトップやタブレット、スマホなど色んな解像度があります。

普段は私はChromeのデベロッパーモードでスマホモードにしたりして
チェックをしていましたが、こちらの方がお手軽にチェックできそうです。
Web制作時にとても便利なWebサービスです。

よかったらシェアしてください!
  • URLをコピーしました!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次