Responsively App - Download

Web サイトを構築しているとき、ブラウザーのタブを切り替え続けて、モバイル、タブレット、デスクトップでどのように表示されるかを確認します。そう、私もそこにいたことがあります。とても迷惑です。そこで Responsively App が登場します。すべてのデバイスのビューを並べて表示するだけで、セットアップや手間はかかりません。ウィンドウのサイズを手動で変更するのにうんざりしたので、先週ダウンロードしました。ドーン、突然、iPhone、iPad、デスクトップのサイズ全体でレイアウトが崩れることがリアルタイムで確認できるようになりました。不正行為をしているような気がします。

良いもの

同期スクロールは実際に便利です。たとえば、デスクトップ ビューを下にスクロールすると、他のビューも正確に追従します。モバイル上でフッターが揃っているかどうかを目を細めたり推測したりする必要はもうありません。また、デバイスのプリセットは、iPhone 14 Pro、iPad Air、さらには古いモデルにも対応しています。微調整することもできますが、正直なところ、デフォルトのままで十分に機能します。しかもそれは無料です。フリーミアムでもトライアルでも、「ロックを解除するためにお金を払う」というナンセンスでもありません。ダウンロードして、開いて、実行するだけです。以前はこの種のことに BrowserStack を使用していましたが、それはやりすぎでお金がかかります。これ？軽量で高速で、文字通りの動作をします。

あまり良くないこと

複数のデバイスのプレビューを表示する以上のことは行いません。ネットワークスロットル、コンソールログ、デバイスローテーションシミュレーションはありません。タッチ操作や遅い接続をテストする必要がある場合は、運が悪いです。また、UI は非常に洗練されているわけではありません。UI は機能しますが、必要最小限です。ダーク モードやカスタム デバイスの作成はなく、変更を保存するときに自動更新されません (手動でリロードする必要があります)。したがって、ホット リロードを伴う重いフロントエンド作業を行っている場合、これはフルスタック ソリューションではありません。しかし、簡単に目視チェックするにはどうすればよいでしょうか?しっかりしています。

結論

Web 開発を行っている Mac ユーザーで、デスクから離れずに応答性を確認する簡単な方法が必要な場合は、「Responsively App - Download for Mac」をインストールするのに 30 秒かかる価値があります。派手ではありませんが、仕事はうまくいきます。無料、高速、そして肥大化なし。始めたばかりの場合、または簡単な健全性チェックが必要な場合は、入手してください。高度なテスト機能が必要な場合はスキップしてください。しかし、基本的なリアルタイムのマルチデバイス表示には?はい、これで十分です。