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
|
---
title: Simulateur Firefox OS
slug: Outils/Firefox_OS_Simulator_clone
translation_of: Tools/Firefox_OS_Simulator_clone
---
<div>{{ToolsSidebar}}</div><div class="note">
<p>Cette page décrit le Simulateur Firefox OS à l'attention des développeurs qui ciblent Firefox OS à partir de la version 1.2. Si vous développez des applications pour Firefox OS 1.1, il faut à la place consulter la documentation pour le <a href="/en-US/docs/Tools/Firefox_OS_1.1_Simulator">Simulateur Firefox OS 1.1</a>.</p>
</div>
<p><span style="line-height: 1.5;">Le Simulateur Firefox OS est une version des couches supérieures de<span style="line-height: 1.5;"> Firefox OS</span> qui permet de simuler le fonctionnement d'un appareil Firefox OS sur un ordinateur de bureau</span><span style="line-height: 1.5;">. Cela signifie que dans la plupart des cas, il n'est pas nécessaire d'avoir un véritable appareil pour tester et déboguer votre application. </span><span style="line-height: 1.5;">Il s'affiche dans une fenêtre de la même taille qu'un appareil Firefox OS, comprend l'interface utilisateur de Firefox OS et ses applications intégrées, et simule la plupart des APIs des appareils Firefox OS.</span></p>
<p><span style="line-height: 1.5;">Le Simulateur est distribué comme un module complémentaire pour Firefox. Une fois que vous l'avez téléchargé et installé dans Firefox, vous pouvez le lancer, y envoyer des applications ainsi qu'utiliser les outils de développement avec le <a href="/fr/Firefox_OS/Using_the_App_Manager">Gestionnaire d'applications</a>, et à l'heure actuelle dans <a href="https://nightly.mozilla.org/">Nightly</a>/<a href="https://www.mozilla.org/fr/firefox/channel/#aurora">Aurora</a>, </span><span style="line-height: 1.5;">avec </span><a href="/fr/docs/Outils/WebIDE"><span style="line-height: 1.5;">WebIDE</span></a><span style="line-height: 1.5;">.</span></p>
<h2 id="Installation"><span style="line-height: 1.5;">Installation</span></h2>
<p><span style="line-height: 1.5;">Pour installer le simulateur, utilisez le <a href="/docs/Tools/WebIDE#Adding_a_Simulator">panneau de gestion des Simulateurs dans WebIDE</a> (disponible dans Firefox à partir de la version 33). Plusieurs versions sont disponibles, et il est conseillé de toutes les installer pour un maximum de flexibilité.</span></p>
<p>Pour lancer le Simulateur, choisissez-le dans la liste des environnements de WebIDE. Pour plus de détails, voir les <a href="/docs/Tools/WebIDE#Selecting_a_runtime" style="font-size: 14px; font-weight: normal; line-height: 1.5;">instructions dans la documentation de WebIDE</a>. Une fois le Simulateur lancé, vous pouvez y envoyer des applications et les déboguer grâce à WebIDE, comme vous le feriez avec un vrai appareil.</p>
<p>Si vous utilisez le <a href="/Firefox_OS/Using_the_App_Manager">Gestionnaire d'applications</a> (l'ancien outil, disponible avant WebIDE), vous pouvez installer un simulateur en cliquant sur le bouton suivant :</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;">Installer le Simulateur</a></p>
<h2 id="L'interface_du_Simulateur" style="line-height: 30px;">L'interface du Simulateur</h2>
<p><span style="line-height: 22.00800132751465px;">Le Simulateur apparaît dans une fenêtre séparée, dimensionnée de manière à ce que l'écran simulé fasse 320x480 pixels. </span><span style="line-height: 22.00800132751465px;">Pour simuler les événements tactiles, vous pouvez cliquer avec la souris et glisser en maintenant le bouton enfoncé. Donc, en cliquant et glissant de la droite vers la gauche sur l'écran d'accueil, vous verrez les applications intégrées tout comme celles que vous avez ajoutées :</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>Le Simulateur dispose de deux boutons dans la barre d'outils en bas de l'écran :</p>
<ul>
<li>Le bouton de gauche vous renvoie à l'écran d'accueil, ou éteint le Simulateur si vous le maintenez enfoncé.</li>
<li>Le bouton de droite bascule entre portrait et paysage l'orientation de l'écran du Simulateur. Cela générera un événement <a href="https://developer.mozilla.org/en-US/docs/WebAPI/Managing_screen_orientation#Listening_orientation_change" title="/en-US/docs/WebAPI/Detecting_device_orientation">orientationchange</a>.</li>
</ul>
<h2 id="Limitations_du_Simulateur">Limitations du Simulateur</h2>
<p>Notez que le Simulateur Firefox OS ne réalise pas une simulation parfaite.</p>
<h3 id="Limitations_au_niveau_du_matériel">Limitations au niveau du matériel</h3>
<p>À part la taille de l'écran, le Simulateur ne simule pas les limitations du matériel d'un appareil Firefox OS comme la mémoire disponible ou la vitesse du CPU.</p>
<h3 id="Codecs_audiovidéo">Codecs audio/vidéo</h3>
<p>Les codecs suivants dépendent du décodage pris en charge par le matériel et ne sont donc pas encore supportés :</p>
<ul>
<li>MP3</li>
<li>AAC</li>
<li>H.264 (MP4)</li>
<li>WebM</li>
</ul>
<p>Cela implique qu'il n'est pas possible d'utiliser le Simulateur pour tester la lecture de vidéo dans des applications ni sur des sites web comme Youtube qui reposent sur ces codecs.</p>
<h3 id="APIs_non_supportées"><a name="Unsupported-APIs">APIs non supportées</a></h3>
<p>Certaines APIs qui fonctionnent sur un appareil ne fonctionneront pas sur le Simulateur, en général parce que le matériel supporté n'est pas disponible sur l'ordinateur. Nous avons implémenté des simulations pour quelques APIs comme la géolocalisation, et envisageons d'en ajouter davantage dans les versions à venir. Néanmoins, à l'heure actuelle, les APIs suivantes ne sont pas prises en charge. Le fait de les utiliser peut générer des erreurs ou juste renvoyer des résultats incorrects :</p>
<ul>
<li><a href="/en-US/WebAPI/WebTelephony" title="/en-US/WebAPI/WebTelephony">Telephony</a></li>
<li><a href="/en-US/docs/WebAPI/WebSMS" title="/en-US/docs/WebAPI/WebSMS">WebSMS</a></li>
<li><a href="/en-US/docs/WebAPI/WebBluetooth" title="/en-US/docs/WebAPI/WebBluetooth">WebBluetooth</a></li>
<li><a href="/en-US/docs/WebAPI/Using_Light_Events" title="/en-US/docs/WebAPI/Using_Light_Events">Ambient Light</a></li>
<li><a href="/en-US/docs/WebAPI/Proximity" title="/en-US/docs/WebAPI/Proximity">Proximity</a></li>
<li><a href="/en-US/docs/WebAPI/Network_Information" title="/en-US/docs/WebAPI/Network_Information">Network Information</a></li>
<li><a href="/en-US/docs/Online_and_offline_events" title="/en-US/docs/Online_and_offline_events">Événements navigator.onLine et offline</a></li>
<li><a href="/en-US/docs/WebAPI/Vibration" title="/en-US/docs/WebAPI/Vibration">Vibration</a></li>
</ul>
<h2 id="Obtenir_de_l'aide"><a name="Simulator-help"></a>Obtenir de l'aide</h2>
<p><span style="line-height: 1.5;">Si vous avez une question, essayez de nous la poser sur la </span><a href="https://lists.mozilla.org/listinfo/dev-developer-tools" style="line-height: 1.5;">liste de diffusion dev-developer-tools</a><span style="line-height: 1.5;"> ou sur </span><a href="irc://irc.mozilla.org/#devtools" style="line-height: 1.5;">#devtools on irc.mozilla.org</a><span style="line-height: 1.5;">.</span></p>
<h3 id="Comment_activer_la_journalisation_verbeuse"><a name="Simulator-verbose-logging"></a>Comment activer la journalisation verbeuse</h3>
<p>Vous pouvez voir les messages enregistrés dans les journaux de votre application dans la <a href="/en-US/docs/Tools/Web_Console">Console Web</a>, cette dernière pouvant être liée à votre app en utilisant <a href="/docs/Tools/WebIDE/Troubleshooting">WebIDE</a>. Si vous souhaitez capturer plus tôt les messages qui surviennent durant le démarrage de l'application, avant que la console ne soit connectée et fonctionnelle, vous pouvez activer l'enregistrement verbeux des journaux dans le Simulateur.</p>
<p>Allez sur about:config et <strong>créer</strong> une nouvelle préférence. Le nom de la préférence est différent selon la version du Simulateur :</p>
<ul>
<li>extensions.fxos_1_3_simulator@mozilla.org.sdk.console.logLevel pour Firefox OS 1.3</li>
<li>extensions.fxos_1_2_simulator@mozilla.org.sdk.console.logLevel pour Firefox OS 1.2</li>
</ul>
<p>Attribuez-lui la valeur chaîne "all", désactivez, puis réactivez le module dans les modules complémentaires. À présent, des messages supplémentaires concernant les opérations du Simulateur apparaîtront dans la <a href="/en-US/docs/Tools/Browser_Console">Console du navigateur</a>.</p>
|
