この1ヶ月ほど利用しているのですが、これまでで最も使い勝手が良いブラウザ拡張かも。Chrome以外にもFirefox、Operaに対応しています。Layouter」というのを紹介したことがあります。シンプルな機能性でありながら、縦横の画面幅で表示を再現できたりと、大変便利な拡張機能です。このプラグインも当時は大変便利だったのですが、その後Chromeのデベロッパーツールに結局舞い戻ってしまい、現在はもう使っていません。思うようになってしまったんですよ。website.chrome.google.comブラウザのユーザーエージェントを偽装して、擬似的にモバイルブラウザからのアクセスを実現しているというのは、類似プラグインと同様です。何が違うかって言うと、その挙動です。実際に拡張機能を使って表示させてみた場合のキャプチャがコチラ。デスクトップ版でアクセスしたウィンドウとは別に、デバイスサイズに合わせて新しいウィンドウが作られ、そこにモバイルウェブサイトが表示されるのです。Tester」だと別ウィンドウでデスクトップ版とモバイル版が並列した状態で表示確認できるんですねー。ちなみに、このモバイルウェブサイトを表示したウィンドウでもデベロッパーツールを開くことができるので、ちょっとしたデザイン修正のテストなどもさくさく進めることができます。表示確認できる機種は15機種ほどこの拡張機能を導入してから1ヶ月ほど経ちますが、それまでデベロッパーツールで進めていたモバイルウェブサイトの表示確認が、だいぶ捗ってます。名前こそレスポンシブなんて付いてますが、実際のところ別にレスポンシブデザインであるかどうかは関係ないので、デバイス別にデザインを最適化したサイトもチェックできます。チェックできる機種はさほど多くはないですが、iPhone、Android、タブレット端末は押さえられているので、さっくりとしたチェックだけなら十分すぎる感じ。表示確認するデバイスはユーザー側で増やすこともできるので、画面サイズやUAの情報をどこかから取得して設定してやればOKです。ショートカット機能が欲しいだいたいの部分で不満はない拡張機能なのですが、唯一惜しい・・・というか、今後のアップデートで対応されないかなーと思っているのが、ショートカットでの呼び出し機能。今のところ、表示確認したいサイトをタブで開いた状態で、拡張機能から表示させたいデバイスを選ぶ流れになっているんですが、だいたいチェックしたい端末は決まっているので、サクッとデバイスをショートカットで呼び出してウィンドウを表示できるようになると、もっともっと確認が捗るんですよね。うーん、なんとか機能追加されないものかなぁ。いずれにしても、便利な拡張機能なことは間違いなし。デベロッパーツールや、他の拡張機能で表示チェックなんかをしてるようでしたら、ぜひ一度使ってみてください。カズキフリーランスのウェブディレクター。