Chromeのデベロッパーツール（DevTools）にあるスマホ表示、つまりデバイスツールバーは、優れたデバッグツールです。でも、スマホそのものではありません。Simlordは、仕事のもう半分のために作られています。人がスマホで見ているとおりにサイトを確認し、それを見せることです。
SimlordはパソコンのChromeで動作します。追加するには、パソコンでこのページを開いてください。
| 必要な機能 | デベロッパーツールのデバイスモード | Simlord |
|---|---|---|
| ビューポートのサイズとピクセル比 | 対応 | 対応 |
| モバイルのユーザーエージェント | 対応 | 対応（デバイスごとのClient Hintsも） |
| タッチスクロール | 対応 | 対応（慣性スクロールつき） |
| ブラウザのツールバーとステータスバーが領域を占める | 非対応 | 対応（SafariとChrome） |
| 最新スマホのデバイスフレーム | 非対応 | 対応 |
| カバー画面のある折りたたみ端末 | 非対応 | 対応 |
| スクリーンショット | 対応 | 対応（フレームと背景つき） |
| 録画 | 非対応 | 対応（MP4、WebM、GIF） |
| 複数デバイスの同時表示 | 非対応 | 最大4台、同期あり |
| 開発者パネルを開かずに使える | 非対応 | 対応 |
ブレークポイント、ネットワークパネル、スロットリング、リモートデバッグこそデベロッパーツールの役目で、Simlordはそれらを置き換えるものではありません。必要なときは、Simlordと並べてデベロッパーツールを開いてください。
デザインレビュー、クライアントへのデモ、バグ報告、公開前の最終チェックでは、開発者パネルなしでスマホ全体を見たいものです。Simlordはタブいっぱいにデバイスを表示し、閲覧中も選んだデバイスを保ち、スマホそのままに見えるスクリーンショットや録画を保存できます。
ほかにご質問があれば、support@simlord.euまでご連絡ください。
いいえ。表示についてはデバイスモードと同じことができ、さらにブラウザバー、フレーム、録画、比較が加わります。デバッグには、引き続きデベロッパーツールを使ってください。
はい。シミュレーターのタブで、いつもどおりデベロッパーツールを開けます。
たいていはブラウザバーのためです。デベロッパーツールのスマホ表示ではブラウザバーが表示されませんが、Simlordは、実際のスマホと同じだけの領域しかページに渡しません。
無料、アカウント不要。Chrome、Edge、Braveで動作します。
SimlordはパソコンのChromeで動作します。追加するには、パソコンでこのページを開いてください。