html5、css3、javascriptを使用してhtml5モバイルWebページを開発していますが、PCでレイアウトをテストする方法。いくつかのプラグインを追加して、ブラウザのサイズを携帯電話の解像度に変更しようとしましたが、成功しました。
4 に答える
Opera には、多数のデバイスをシミュレートするモバイル デバイス エミュレーターがあり、独自のデバイスを作成できます。
http://www.opera.com/developer/tools/mobile/
Chrome には、モバイル デバイスでテストするユーザー エージェントとデバイス メトリックを設定できる機能があります。これにアクセスするには、f12 を押して開発者ツールを開き、右下隅にある小さな歯車をクリックします。
Chromeのインスペクターを使用して、モバイルレイアウトをテストするためのビューポートのハード幅/高さを設定できます。これを行うには、を押してインスペクターを開きctl-shift-i
ます。次に、右下の小さな歯車をクリックします。このページが表示されます:
Overrides
左側のサイドバーをクリックします。
次に、このセクションを使用してビューポート設定を設定します。
たとえば、Firefox 用のユーザー エージェント スイッチャー プラグインが存在します。
これにより、アプリに対してモバイル ブラウザーがエミュレートされます。
「Web 開発者ツールバー」拡張機能 (Chrome および Firefox で使用可能) には、「サイズ変更」タブに「レスポンシブ レイアウトの表示」という機能があります。また、好みのサイズ設定を設定して、ブラウザのサイズを任意のサイズに変更することもできます。
もう 1 つのオプションは、自宅にあるデバイスを使用するか、友人が貸してくれるデバイスを使用し、xip.io サービスを使用してそれらのデバイスから直接コンピュータ上のファイルにアクセスすることです。
ここで簡単な説明を見つけることができます: http://xpressivecode.com/2012/9/20/xipio-why-you-should-care.aspx