私は現在、レスポンシブ Web デザインではなく、jquery mobile を使用してモバイル Web サイトを開発しています。いくつかのプラグインを使用して、デスクトップ PC のブラウザーでプロジェクトを開発したり、利用可能なオンライン サービスやシミュレーターを使用したりできることを知っています。しかし、テストにとって本当に重要なものが欠けているかどうかはわかりません。
例：
タッチ/スワイプ イベントまたはビューポートの回転。
プロジェクトを開発/テストするために、いくつかの物理デバイス (スマートフォン/タブレット) を購入する必要がありますか? なんで？
まず、テスト目的で実際のデバイスを購入する必要はないと誰にも言わせないでください。Android の観点から、同じことが iOS 開発にも当てはまります。
iOS のみで作業する場合は、エミュレーターを使用して多くの開発を行うことができます。さまざまな画面サイズとハードウェアの多様性がまったくないため、テスト目的に最適なプラットフォームになります. 一方、Android はまったく別の話です。そのエミュレーターは、テスト目的では役に立たないだけです。Android 2.1 + 、さまざまな画面サイズ、そして最後にハードウェアアーキテクチャに至るまで、いくつかの実際の Android デバイスがあります。私を信じる必要はありませんが、私が言及したことはすべて、Android アプリケーションのテスト中に重要な役割を果たします。
主な関心事が jQuery Mobile アプリケーションのテストである場合でも、Android の場合は実際のデバイスを使用することをお勧めしますが、iOS の場合はエミュレーターを正常に使用できます。トランジション効果が非常に遅く、アニメーションを必要とする他のすべてが含まれているため、Android は問題があります。スワイプは問題なく、問題なく動作することを保証できます. 2 番目の実際の問題は、デバイスのローテーションです。jQuery Mobile では、ほとんどの場合、応答しないサードパーティの jQuery プラグイン (カルーセル、スライダーなど) と一緒に使用すると、問題が発生することがあります。3 番目の問題は、私の悪い面のリストに記載されています。基本的に、エミュレーターで使用される Web ビューは、実際の電話で使用されるものとは異なる動作をするため、実際のデバイスで 1 つのものとエミュレーターで 1 つのものが表示されることがあります。
そのようなデバイスを購入する必要はありません。
Android の場合、Android Development Kit (ADK) によって提供されるエミュレーターがあります。これを使用して、さまざまな画面サイズなどで複数のエミュレートされたデバイスを構成し、複数の解像度と Android (ブラウザー) バージョンをテストできます。
[編集] iphone で実際にテストするには、提供されたブラウザーで Web サイトが正しく表示されることを確認するために、そのエミュレーターも必要になると思います。
[編集 2] 「実際の」スマートフォン アプリ (Web アプリではない) をテストするには、実際のデバイスを手元に用意することをお勧めします。
これは、使用するために喜んで引き渡す前に、どのレベルをテストするかによって大きく異なります。それを行った後、誰かが欠陥を報告した場合、どこに問題があるかを確認できますか (PC で動作する場合)。
開発自体はブラウザで行うことができ、マウスをドラッグしてスワイプ イベントをシミュレートすることもできます。シミュレーターさえ必要ありません。Chrome ウィンドウを小さくすることができます (ほとんどのデバイスは、Chrome と同じ Webkit のバージョンを使用しています)。
ただし、テストに関しては、デバイス自体でどのように見えるかを知らなければ気分が良くありません. したがって、少なくとも 1 つのデバイス (理想的には OS と解像度が異なる 2 つ) を持つことは常に有益だと思います。
結果が見えないものに取り組んでいたら、私も満足できません:)