WordPressのレスポンシブテーマを編集などした時、スマートフォンやタブレットでどのように表示されているかパソコンで確認チェックが出来る「Responsive Checker」

resuponnshibuchekku

WordPressのレスポンシブテーマを編集した時、特に自分が持っていない端末ではどのように表示されているか気になるところです。その確認がパソコンで出来る「Responsive Checker」がなかなか良い感じです!!


Responsive Checker

URLを入力してenterで表示されます。簡単すぎる!!


【表示可能な端末】:

  • iPhone5 縦
  • iPhone5 横
  • iPad mini 縦
  • iPad mini 横
  • iPad 縦
  • iPad 横
  • Galaxy Tab 10.1 縦
  • Galaxy Tab 10.1 横
  • Xperia AX SO-01E 縦
  • Xperia AX SO-01E 横
  • HTC Aria 縦
  • HTC Aria 横
以上ですが、手動でサイズを指定出来ますのでほとんどの端末でどのように表示されているか確認出来ると思います。


【こんな感じで表示されます】:

Responsive Checker | レスポンシブデザイン検証サービス_minURLを入力したらすべての端末での表示が実行されますので一気に確認出来ます。



iPad縦でウィジェット部分がはみ出ているのが分かりますねwww



いろいろ頑張っているんですがどうもタブレット縦が納得いく表示がされないもんですね。タブレット系はおそらくサイドバー(ウィジェット部分)は全滅していると思います。今後の課題ですね。

シェアする

フォローする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です