0

html5、css3、javascriptを使用してhtml5モバイルWebページを開発していますが、PCでレイアウトをテストする方法。いくつかのプラグインを追加して、ブラウザのサイズを携帯電話の解像度に変更しようとしましたが、成功しました。

4

4 に答える 4

3

Opera には、多数のデバイスをシミュレートするモバイル デバイス エミュレーターがあり、独自のデバイスを作成できます。

http://www.opera.com/developer/tools/mobile/

Chrome には、モバイル デバイスでテストするユーザー エージェントとデバイス メトリックを設定できる機能があります。これにアクセスするには、f12 を押して開発者ツールを開き、右下隅にある小さな歯車をクリックします。

于 2013-02-25T12:43:19.120 に答える
1

Chromeのインスペクターを使用して、モバイルレイアウトをテストするためのビューポートのハード幅/高さを設定できます。これを行うには、を押してインスペクターを開きctl-shift-iます。設定ギア次に、右下の小さな歯車をクリックします。このページが表示されます:

設定ページ

Overrides左側のサイドバーをクリックします。

次に、このセクションを使用してビューポート設定を設定します。

ビューポート設定

于 2013-03-12T23:08:52.057 に答える
0

たとえば、Firefox 用のユーザー エージェント スイッチャー プラグインが存在します。

これにより、アプリに対してモバイル ブラウザーがエミュレートされます。

于 2013-02-25T12:34:33.157 に答える
0

「Web 開発者ツールバー」拡張機能 (Chrome および Firefox で使用可能) には、「サイズ変更」タブに「レスポンシブ レイアウトの表示」という機能があります。また、好みのサイズ設定を設定して、ブラウザのサイズを任意のサイズに変更することもできます。

もう 1 つのオプションは、自宅にあるデバイスを使用するか、友人が貸してくれるデバイスを使用し、xip.io サービスを使用してそれらのデバイスから直接コンピュータ上のファイルにアクセスすることです。

http://xip.io/

ここで簡単な説明を見つけることができます: http://xpressivecode.com/2012/9/20/xipio-why-you-should-care.aspx

于 2013-02-25T12:49:26.653 に答える