1

わかりました。複数の画面サイズ用のコードを書く方法を知っています。しかし、サイトを公開する前にモバイル デバイスでコードを表示する方法がわかりません。助けてください！

4

4 に答える 4

0

さまざまなセルラー デバイスをシミュレートできるエミュレーターをいじることができます。これらは、たとえば Bluestacks と呼ばれるプログラムを使用してダウンロードできます。

于 2015-12-27T23:42:53.150 に答える
0

Google Chrome を使用している場合は、Web サイトを開いて F12 (Windows の場合) を押すと、開発者モードに入ることができます。

左上に小さなスマートフォンのアイコンが表示されます。ここに画像の説明を入力

それをクリックして、デバイスを選択します。次に、ページを更新します。

Chrome はスマートフォン ユーザーのエクスペリエンスをコンピューターから直接エミュレートするので、そこからテストできます。

これは、エミュレーターでのこの質問のビューです。 ここに画像の説明を入力

于 2015-12-27T23:44:14.040 に答える
0

Safariを使用している場合の解決策は次のとおりです。

  1. [Safari] > [設定] > [詳細設定] を使用して、「開発」メニュー バーを有効にします。メニュー バーは次のようになります。ここに画像の説明を入力
  2. あなたのウェブサイトに行く
  3. [開発] > [ユーザー エージェント] に移動し、エミュレートするデバイス/ブラウザーを選択します。ここに画像の説明を入力
于 2015-12-27T23:45:38.650 に答える
0

2 つのオプションがあります。

  1. エミュレーターの使用。

必要なのは、最新のブラウザーです。ほぼすべての最新のブラウザーは、ターゲット デバイス/解像度を選択できるほぼ同様のエミュレーター機能を提供します。@intboolstring と @Pither は、サファリとクロムのオプションについて既に言及しています。IE と Edge には同様の機能があります (おそらく自分で調べるか、このリンクIE Emulator featureを参照してください)。

  1. 実際のデバイスを使用しています。

必要なもの - 1) ワイヤレス ルーター 2) Web サーバー (Windows の IIS など) を備えた開発マシン/ラップトップ & 3) いくつかのモバイル デバイス (モバイル ブラウザーを搭載したスマートフォンが少なくとも 1 台あると仮定します) .

ローカル ワイヤレス ネットワーク上の Web サイトへのアクセスを許可するには、開発マシン/laotop とデバイスをワイヤレスに接続し、開発マシンでファイアウォールをセットアップする必要があります。この回答を確認してください。

これが完了すると、モバイル ブラウザでhttp://your.dev.machine.ipv4:port-if-applicable/landingpage.htmlを接続することで、ワイヤレスに接続された任意のデバイスにサイトをロードできるようになります。

(マシンの ipv4 アドレスを見つけるには、コマンド プロンプトに移動し、ipconfig と入力して Enter キーを押します。Windows を使用していると想定しています)

テストをはるかに小さなデバイス セット (アクセスできるデバイス) に制限している可能性があります。しかし、これにより、サイトがデバイス上でどのようにレンダリングおよび動作するかについての現実世界のアイデア (より良いものではないにしても) が得られます。

于 2015-12-28T00:13:06.307 に答える