UbuntuのさまざまなデバイスでWebサイトをエミュレートするにはどうすればよいですか？
私はウェブサイトのフロントエンドで作業しており、コードがさまざまなシステム/ブラウザーでどのように動作するかを確認する必要があります。 FirefoxとChromiumには、ディスプレイを異なるサイズに設定できる開発ツールがありますが、Appleのアップスケーリングメカニズムを完全にエミュレートすることはできず、サイトの外観はわずかに異なります。また、異なるブラウザは考慮されていません。
Ubuntuで使用して、さまざまなデバイス/ブラウザーでサイトがどのように表示されるかを確認できるツールやソフトウェアはありますか？
次のようなサービスがあります。
- ブラウザスタック
- モバイルテスト
- レスポンシミュレーター
- 食欲をそそる -おそらく最高ですが、私にとっては痛々しいほど遅いです。
それでもなお良い方法は、実際に物理デバイスでサイトをテストすることです。私はこれらすべての方法が遅いことを知りました。
ローカルまたはオンラインのサイトへのURLを入力し、コントロールを使用してビューポートの幅と高さを調整し、正確なブレークポイントの幅をピクセル単位で見つけます。次に、その情報をメディアクエリで使用して、レスポンシブデザインを作成します。
Responsivepxで最良の結果を得るには、既成概念にとらわれずに考える必要があります。何らかの理由で、Bingや複雑なニュースWebサイトで問題なくレンダリングされたとしても、GoogleとTwitterにresponsepxの空白の白い画面以外は表示されません。