日本語
Chromeに追加
  1. Simlord
  2. localhostをスマホで確認

localhostのサイトを、実機なしでスマホで確認

localhostをスマホで確認しようとすると、たいていパソコンのIPアドレスを調べたり、ファイアウォールを開けたり、トンネルを設定したりすることになります。でも、ほとんどの確認にはそのどれも必要ありません。Simlordなら、いま作業しているタブのまま、localhostをスマホやタブレットのサイズで表示できます。

Chromeに無料で追加Chrome、Edge、Braveで動作。アカウントは不要です。

SimlordはパソコンのChromeで動作します。追加するには、パソコンでこのページを開いてください。

iPhone 17 Proでコーヒー焙煎店のWebサイトを表示しているSimlord

localhostをスマホで表示

  1. 開発サーバーを起動

    フレームワークもポートも問いません。localhost:3000でも、ローカルドメインでも使えます。

  2. Simlordのアイコンをクリック

    ページは同じタブのシミュレーターで開きます。ホットリロードもそのまま動きます。

  3. デバイスを選んでコーディングを続ける

    作業中もSimlordはデバイスを保つので、リロードするたびに変更がスマホで表示されます。

localhostで使える理由

オンラインのテストサービスは自社のサーバーからページを取得しますが、そのサーバーはあなたのパソコンにアクセスできません。Simlordはお使いのChromeの中で動くので、ブラウザで開けるものなら、localhostからVPNの内側にあるステージング環境まで、なんでもスマホで表示できます。

ログインとセッションはそのまま

ページはCookieやローカルストレージを保ったまま同じタブで読み込まれるので、アプリにログインしたままで使え、デバイスで改めてログインする必要はありません。

実機を使うべきとき

Safariだけで起きる不具合、パフォーマンス、カメラなどのハードウェアの確認には、やはり実機が必要です。スマホからlocalhostにアクセスするには、トンネルかローカルネットワークのIPアドレスを使います。その間にある多くのレイアウト確認には、Simlordを使いましょう。

よくある質問

ほかにご質問があれば、support@simlord.euまでご連絡ください。

ngrokやトンネルは必要ですか?

いいえ。Simlordはブラウザの中で動くので、localhostに直接アクセスできます。

ホットリロードは使えますか?

はい。通常のタブと同じように、シミュレーター上でもページが再読み込みされます。

HTTPSやローカルドメインでも使えますか?

はい。お使いのChromeで開けるアドレスなら、Simlordでも開けます。

何かアップロードされますか?

いいえ。ページはブラウザ内にとどまり、テストした内容がパソコンの外に出ることはありません。

あなたのサイトで試してみましょう。

無料、アカウント不要。Chrome、Edge、Braveで動作します。

SimlordはパソコンのChromeで動作します。追加するには、パソコンでこのページを開いてください。