すべての画面で、一度に確認。
どんなページも、localhostでも、実在のスマホ、折りたたみ、タブレット、ノートPC、スマートウォッチで表示できる無料のChrome拡張機能。並べて、同期して。
ライブ。どの画面でもスクロールやタップができます。
- 111種類の実機
- 同時に4台並べて表示
- 同期スクロール・タップ・ページ移動
- プライベートアカウント不要・追跡なし
4台のデバイス。ひとつのワークスペース。
111種類の実機から好きな4台を選び、すべてで同時にページを確認できます。
一度スクロールすれば、全画面が追従。
スクロール、クリック、ページ移動がデバイス間で同期します。
全デバイスを、ワンクリックで。
カテゴリーごとまとめて開けます。ここでは37台中16台のiPhone、iPhone 5からiPhone 15 Proまで。
デザインどおりか確かめる。
どのデバイスでも、ライブページの横にモックアップを配置。並べても重ねても、デザインと実装のズレがすぐわかります。
この比較で見つかった差分
- 見出しの文言が違うライブ：「Make room for your best work.」 デザイン：「Room for your best work.」
- ボタンのスタイルが違うライブ：濃い色、角ばった形。デザイン：ティール色のピル型。
バグに印を。修正をコピー。
スクリーンショットに書き込み、AIコーディングツール用のプロンプトをそのままコピー。データは外部に送信されません。
- ほかにも
- フローの記録と再生
- フォーカスモード
- 回転とズーム
- カスタムサイズ
- デバイスセットの保存
Such a great tool I've ever used for viewing responsive design across multiple device at the same time.
Fantastic Extension!! God bless the day I found you! Thank you!
What a great tool to have! I use this daily and it's the first extension in the panel. It's got many uses, but if you just want to make sure your sites and apps look good on all screens, this is hands down the best!
よくある質問。
無料ですか？
はい。MITライセンスの無料オープンソースで、アカウントも不要です。
localhostでも使えますか？
はい。Chromeでローカルページを開き、Mobile Viewを起動するだけ。データはパソコンの外に出ません。
DevToolsのデバイスモードとの違いは？
DevToolsは一度にひとつのビューポートしか表示できません。Mobile Viewは4台の実機を並べて同期表示します。
一部のサイトが読み込めないのはなぜ？
サイトによっては、他のページ内への埋め込み表示をブロックしています。その場合はMobile Viewがお知らせし、タブで開くこともできます。
修正プロンプトはコードをアップロードしますか？
いいえ。お使いのPC上で作成され、ご自身のコーディングツールに貼り付けて使います。
あなたのサイトで試してみよう。
無料。アカウント不要。localhostにも対応。