Chromeでそのまま使える、Webサイト確認用のiPhoneシミュレーター

デスクトップのウインドウを幅402ピクセルにしても、見えるのは幅の狭いページで、iPhoneではありません。実機では、Safariのアドレスバーとツールバーが場所を取り、上部はステータスバーとDynamic Islandに覆われ、下部にはホームインジケータがあります。狭いウインドウではファーストビューに収まって見えるボタンが、実機ではこれらのバーの裏に隠れてしまうことがあります。

Simlordは、Safariと同じ位置にバーを描画し、ページには実際に残る領域だけを渡します。縦向きでも横向きでも同じです。

マウスでドラッグすると慣性つきでスクロールし、クリックはホバーのないタップになります。hoverとpointerのメディアクエリはタッチスクリーンとして応答し、ページにはiPhoneのユーザーエージェントが渡されます。そのため、モバイル用のレイアウトを別に配信するサイトや、タッチを判定するサイトも、実際のiPhoneと同じように動作します。

Simlordは、ページをSafariのWebKitではなくChromeのエンジンで描画します。サイズ、バー、識別情報はiPhoneと同じですが、WebKitだけで起きる不具合は再現されません。そうした不具合は、公開前に実機のiPhoneか、MacのXcodeに付属するSimulatorで確認してください。