3

HTML 5 インタープリター (別名 Web ブラウザー) 用のオリエンテーション デバイス シミュレーター/エミュレーターはありますか?

私は HTML 5 のDeviceOrientation イベント仕様をいじっており、Android スマートフォンのブラウザーで動作する例をコーディングできます。

ただし、開発段階では、コードを試すために自分の PC で直接作業したいと考えており、デバイス オリエンテーション エミュレーターを探しています。

Android の場合、 OpenIntents Sensor Simulatorが見つかりました。これは、アプリケーションに特別な Java コードを含める必要があるため役に立たないため、Web ブラウザーでは使用できません (特別なものを使用するまで)。ブラウザで直接動作する Android 用のデバイス エミュレータは他にありますか?

また、Firefox 用のシミュレーターも見つかりませんでした。

他の解決策はありますか？

4

3 に答える 3

8

まあ、Chromeにはこれがあります

ここに画像の説明を入力

非アニメーション版:

  1. ハンバーガーメニューから開発者ツールを開く
  2. Esc キーを押すか、>_アイコンをクリックします。
  3. エミュレーションタブを選択
  4. 電話アイコンをクリックします　

Chrome の devtools エミュレーションには明らかにいくつかの問題があるため、このデバイスの向きのエミュレーション ライブラリもあります。

于 2015-06-09T07:49:05.660 に答える
1

ただし、開発段階では、コードを試すために自分の PC で直接作業したいと考えており、デバイス オリエンテーション エミュレーターを探しています。

向きを変更できるiPhoneシミュレーターが付属するXcodeがあります。Android SDKを使用すると、実際の電話のようにコンピュータ画面上で使用できる仮想 Android デバイスを作成することもできます。また、Opera Mobile に対して同じことを行うOpera モバイル エミュレーターもあります。

その後、Prefix freeを使用してコードを開発できるため、CSS のベンダー プレフィックスについて心配する必要はありません。

Mozilla は、これらのデバイス/シミュレータ/エミュレータでテストすること、およびデバイスで直接テストすることをお勧めします。これは、信頼できるコンピュータで得られるものとはわずかに異なるためです。

そして、最後になりましたが (そして、あなたの質問に少しだけ関連しています)、Weinre、 Adobe Shadow、新しい Safari 6 Webinspector など、JavaScript をデバッグし、コンピューターから直接デバイス上で DOM と CSS を編集できる、本当に素晴らしいものがあります。Shadow では、接続されている複数のデバイスを一度にリロードすることもできます。

于 2012-08-02T21:40:22.083 に答える
0

他の人が Chrome DevTools エミュレーターの使用を提案しているようですが、現在バグがあるようです (例: https://code.google.com/p/chromium/issues/detail?id=504343を参照)。

これらの問題への対応として、私は独自の deviceorientation エミュレーターを作成しました。デスクトップ ブラウザでこのポップアップ ベースのエミュレータを使用する手順については、次の URL を参照してください。

https://github.com/richtr/deviceorientationemulator

私はしばらくの間 W3C DeviceOrientation 仕様に取り組んできましたが、この時点で、このエミュレーターは現在、Android 上の任意の Chromium ブラウザーで Web アプリを実行したときに取得するのとまったく同じ deviceorientation データを生成するということを言わなければなりません。

Chromium DevTools エミュレーターがすぐに更新されることを願っていますが、当面はこれが役立つことを願っています。

于 2015-07-02T15:56:20.187 に答える