css - レスポンシブ ウェブ デザイン ツール

Question

私はウェブサイトを開発していて、テーブルやスマートフォンなどのために彼を最適化する必要があります...レスポンシネーターのようなcssメディアクエリをテストするためのツールをいくつか見つけました。実際のスマートフォンでのいくつかのテストが私に言ったように。ただし、実際のデバイスで Web サイトをテストする機会があまりないため、このテストを実行できる Web サイトを教えてくれる人はいますか? 人々がすでに使用していて満足しているウェブサイトはありますか?

前もって感謝します！

Answer 1

オペラ モバイル エミュレーター.

オペラ ミニ シミュレーター.

Android エミュレーター。

ブラックベリーシミュレーター

また、Chrome デベロッパー ツールの [ユーザー エージェントのオーバーライド] オプション。

さらに多くのモバイル エミュレーターとシミュレーター。

Answer 2

Firefox にWeb 開発者ツールバーアドオンをインストールすると、「サイズ変更」メニューが表示されます。

最後の項目「レスポンシブレイアウトを表示」を選択します。次のモバイル/小型デバイスの解像度で新しいページが表示されます

• 320×480
• 600×800
• 1024×768

縦向きと横向きの両方。もちろん、これは「実際のテスト」に代わる効果的な方法ではありませんが、主要な問題を解決するための最初のチェックに使用できます。