blob: 8d3cbdaaf26d06d82e3e2b170b05048e581c3e1f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
---
title: Firefox OS シミュレータ
slug: Tools/Firefox_OS_Simulator_clone
translation_of: Tools/Firefox_OS_Simulator_clone
---
<div>{{ToolsSidebar}}</div>
<div class="note">
<p>このページでは、Firefox OS 1.2 以降をターゲットとする開発者向けの Firefox OS シミュレータについて説明します。 Firefox OS 1.1 用のアプリケーションを開発する場合は、代わりに <a href="/ja/docs/Tools/Firefox_OS_1.1_Simulator">Firefox OS 1.1 Simulator</a> のドキュメントを参照してください。</p>
</div>
<p><span style="line-height: 1.5;">Firefox OS シミュレータは、Firefox OS デバイスをシミュレートするが、デスクトップ上で動作する Firefox OS の上位層のバージョンです。つまり多くの場合、アプリをテストしてデバッグするために実際のデバイスは必要ありません。これは、Firefox OS デバイスと同じサイズのウィンドウで実行され、Firefox OS ユーザーインターフェイスと組み込みアプリケーションを含み、Firefox OS デバイス API の多くをシミュレートします。</span></p>
<p><span style="line-height: 1.5;">Simulator は Firefox のアドオンとしてパッケージ化され、配布されます。Firefox にダウンロードしてインストールしたら、App Manager ツールを使用してそれを実行し、アプリをプッシュしてデベロッパーツールをアタッチすることができます。現在、<a href="/ja/docs/Tools/WebIDE">WebIDE</a> の <a href="https://www.mozilla.org/ja/firefox/channel/desktop/#nightly">Nightly</a>/<a href="https://www.mozilla.org/ja/firefox/channel/desktop/#aurora">Aurora</a> にあります。</span></p>
<h2 id="インストール"><span style="line-height: 1.5;">インストール</span></h2>
<p><span style="line-height: 1.5;">シミュレータをインストールするには、<a href="/ja/docs/Tools/WebIDE#Adding_a_Simulator">WebIDE の Manage Simulators ペイン</a> (Firefox 33 以降で利用可能) を使用します。複数のバージョンが用意されており、それらをすべてインストールすることをお勧めします。</span></p>
<p>Simulator を起動するには、WebIDE のランタイムリストから選択します。詳細については、<a href="/ja/docs/Tools/WebIDE#Selecting_a_runtime">WebIDE のマニュアル</a>を参照してください。Simulator が実行されると、実際のデバイスと同様に WebIDE を使用して Simulator をデバッグすることで、デバッグができます。</p>
<p>アプリケーションマネージャ (WebIDE より前の古いツール) を使用している場合は、次のボタンを使用してシミュレータをインストールできます。</p>
<p><a href="https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/" style="margin-bottom: 20px; padding: 10px; color: white; text-align: center; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; display: inline-block; background-color: rgb(129, 188, 46); white-space: nowrap; text-shadow: rgba(0, 0, 0, 0.247059) 0px 1px 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px 0px, rgba(0, 0, 0, 0.298039) 0px -1px 0px 0px inset;">Simulator のインストール</a></p>
<h2 id="シミュレータの_UI" style="line-height: 30px;">シミュレータの UI</h2>
<p><span style="line-height: 22.00800132751465px;">シミュレータは、シミュレートされた画面領域が 320 x 480 ピクセルになるようにサイズが変更された別個のウィンドウとして表示されます。タッチイベントをシミュレートするには、マウスボタンをクリックし、ボタンを押したままドラッグします。ホーム画面から右クリックして右から左にドラッグすると、ビルトインアプリとあなたが追加したアプリが表示されます:</span></p>
<p><img alt="" src="https://mdn.mozillademos.org/files/7173/simulator-1.2.png" style="display: block; height: 623px; margin: 0px auto; width: 810px;"></p>
<p>Simulator には、下部にツールバーの2つのボタンがあります。</p>
<ul>
<li>左側のボタンはホーム画面に移動し、押さえている場合はシミュレータをオフに切り替えます</li>
<li>右のボタンは Simulator を縦向きと横向きに切り替えます。<a href="/ja/docs/Web/API/CSS_Object_Model/Managing_screen_orientation#Listening_orientation_change">orientationchange</a> イベントが生成されます</li>
</ul>
<h2 id="シミュレータの制限">シミュレータの制限</h2>
<p>Firefox OS シミュレータは完璧なシミュレーションではありません。</p>
<h3 id="ハードウェアの制限">ハードウェアの制限</h3>
<p>シミュレータは、画面サイズとは別に、使用可能なメモリや CPU 速度など、Firefox OS デバイスのハードウェア制限をシミュレートしません。</p>
<h3 id="Audiovideo_codecs">Audio/video codecs</h3>
<p>次のコーデックは、ハードウェアアクセラレーションによるデコードに依存しているため、まだサポートされていません。</p>
<ul>
<li>MP3</li>
<li>AAC</li>
<li>H.264 (MP4)</li>
<li>WebM</li>
</ul>
<p>つまり、Simulator を使用して、アプリケーションやこれらのコーデックに依存する Youtube のような Web サイトでのビデオ再生をテストすることはできません。</p>
<h3 id="サポートされていない_API"><a name="Unsupported-APIs">サポートされていない API</a></h3>
<p>サポートしているハードウェアがデスクトップ上で利用できないため、デバイス上で動作する特定の API はシミュレータ上では機能しません。ジオロケーションなどの一部の API のシミュレーションを実装し、今後のリリースでさらに追加する予定です。ただし、現時点では、次の API はサポートされていません。それらを使用すると、エラーがスローされたり、正しくない結果が返される可能性があります</p>
<ul>
<li><a href="/ja/WebAPI/WebTelephony" title="/en-US/WebAPI/WebTelephony">Telephony</a></li>
<li><a href="/ja/docs/WebAPI/WebSMS" title="/en-US/docs/WebAPI/WebSMS">WebSMS</a></li>
<li><a href="/ja/docs/WebAPI/WebBluetooth" title="/en-US/docs/WebAPI/WebBluetooth">WebBluetooth</a></li>
<li><a href="/ja/docs/WebAPI/Using_Light_Events" title="/en-US/docs/WebAPI/Using_Light_Events">Ambient Light</a></li>
<li><a href="/ja/docs/WebAPI/Proximity" title="/en-US/docs/WebAPI/Proximity">Proximity</a></li>
<li><a href="/ja/docs/WebAPI/Network_Information" title="/en-US/docs/WebAPI/Network_Information">Network Information</a></li>
<li><a href="/ja/docs/Online_and_offline_events" title="/en-US/docs/Online_and_offline_events">navigator.onLine and offline events</a></li>
<li><a href="/ja/docs/WebAPI/Vibration" title="/en-US/docs/WebAPI/Vibration">Vibration</a></li>
</ul>
<h2 id="ヘルプの利用"><a name="Simulator-help"></a>ヘルプの利用</h2>
<p><span style="line-height: 1.5;">ご質問がある場合は、<a href="https://lists.mozilla.org/listinfo/dev-developer-tools">dev-developer-tools メーリングリスト</a>または <a href="irc://irc.mozilla.org/#devtools">irc.mozilla.org の #devtools</a> にお問い合わせください。</span></p>
<h3 id="詳細ログを有効にする方法"><a name="Simulator-verbose-logging"></a>詳細ログを有効にする方法</h3>
<p><a href="/ja/docs/Tools/Web_Console">Web Console</a> でアプリからログに記録されたメッセージを見ることができ、<a href="/ja/docs/Tools/WebIDE/Troubleshooting">WebIDE</a> を使用してアプリケーションに添付することができます。アプリの起動中に起こった初期のメッセージを、コンソールが接続されて動作する前にキャッチしたい場合は、シミュレータで冗長なログを有効にすることができます。</p>
<p>about:config を参照し、新しい設定を<strong>作成</strong>してください。設定名は Simulator の各バージョンごとに異なります。</p>
<ul>
<li>extensions.fxos_1_3_simulator@mozilla.org.sdk.console.logLevel for Firefox OS 1.3</li>
<li>extensions.fxos_1_2_simulator@mozilla.org.sdk.console.logLevel for Firefox OS 1.2</li>
</ul>
<p>それを文字列の値 "all" に設定し、アドオンマネージャでアドオンを無効にしてから再び有効にします。Simulator の操作に関する追加のメッセージが<a href="/ja/docs/Tools/Browser_Console">ブラウザコンソール</a>に表示されます。</p>
|