Screenflyは、レスポンシブウェブデザインの表示チェックをすることができるWEBサービスです。

以前紹介した「Responsive Web Design Test Tool」や「Dimensions」と同様に、URLを入力するだけで各デバイスの表示チェックができます。

最終的には実機で表示確認した方がいいですが、コーディングの段階ではこういったサービスを活用して効率化を図りたいですね。

Screenflyの使い方

1. Screenflyにアクセスします。
2. 中央のフォームにURLを入力して、[Go]をクリックします。

3. 上部のメニューから確認したいデバイスを選択します。

手順はこれだけです。デバイスの選択だけでなく、幅や高さの値を指定して確認することも可能です。

ちなみに、当ブログでiPhoneを選択したときの結果がコチラ↓

あとがき

非常にシンプルで使いやすいツールですね。

表示チェック用のサービスは色々と存在しますが、シンプルが一番だと思います。

使いやすいと思える、自分に合ったサービスをぜひ見つけてください。