Paramètres pour développeurs sur Firefox OS

Le panneau de paramétrage à destination des développeurs est intentionnellement difficile d'accès afin d'éviter aux utilisateurs courants d'activer par erreur des options qui pourraient ralentir leur appareil ou modifier l'affichage.

Dans les versions de Firefox OS 1.4 et suivantes, pour atteindre ce panneau, il faut d'abord l'activer via Paramètres > Informations > Plus d'informations > Cocher "Menu Développeurs". Ensuite ouvrez l'application "Paramètres", et touchez le bouton "Développeurs" (dans la section "Appareil") :

Ce panneau "Développeurs" ressemble à ceci (Capture d'écran prise sur un ZTE Open C, avec Firefox OS 2.2) :

Dans les versions de Firefox OS antérieures à la 1.4, c'est via Paramètres > Informations > Plus d'informations > Développeurs.

Options du panneau Développeurs

Débogage via USB

L'option "Débogage USB" permet le débogage à distance de votre appareil Firefox OS. Ceci permet aussi l'utilisation des commandes ADB. Dans les versions antérieures à la 1.4, il n'y a qu'une case à cocher, à partir de la version 1.4, il y a 3 options disponibles :

• Désactivé: le débogage distant est désactivé (choix par défaut).
• ADB uniquement: accorde l'accès à l'appareil par ADB.
• ADB et outils de développement: accorde l'accès à l'appareil par ADB et par des outils de développement Firefox tel que WebIDE.

Outils de développement via Wi-Fi

Cocher cette case permet de connecter l'appareil Firefox OS à WebIDE -que vous trouverez sur Firefox Bureau- via un réseau Wi-Fi local. Cela vous permettra d'envoyer vos applications sur votre appareil Firefox OS pour les tester facilement. Pour plus de détails, voir Débogage Wi-Fi de  Firefox OS de J. Ryan Stinnett (en anglais).

Nom d'appareil Wi-Fi pour DevTools

Ce champ texte vous permet de définir le nom sous lequel votre appareil sera identifié par votre réseau Wi-Fi, lorsqu'il sera connecté aux outils de développement (voir paragraphe précédent).

Informations Développeurs

À partir de la version 1.4 de Firefox OS, toucher cette section vous amène dans le panneau "Informations Développeurs":

Les 2 premières cases à cocher (toujours actives) sont:

• Images par seconde: affiche le nombre d'images par seconde, comme expliqué dans la section Images_par_seconde ci-dessous.
• Durée de chargement: affiche les durées de chargement, comme expliqué dans la section Durée_de_chargement ci-dessous.

Ensuite, il y a l'option "Outils de développement" qui gère l'accès aux options qui se trouvent dessous, chacune contrôlable par une case à cocher:

• Outils de développement
  • Changement dans ADB: active l'enregistrement de changements sur l'appareil par adb logcat.
  • Informations système: permet de superposer sur l'affichage, différentes informations de différents types.
• Problèmes
  • Avertissements: affiche les avertissements de la console.
  • Erreurs: affiche les erreurs de la console.
  • Problèmes de sécurité: affiche les problèmes potentiels de sécurité.
• Performances
  • Reflows: displays reflows as they occur.
  • Blocages: prévient l'utilisateur des blocages dépassant une durée inacceptable (durée paramétrable).
• Mémoire
  • Unique set size: mesure de la mémoire utilisée par une application et dédiée à celle-ci. C'est une mesure importante pour faire des optimisations d'utilisation mémoire, mais il y en a d'autres. Voir la section Tests de Performance pour plus d'informations.
  • Mémoire application: affiche des informations concernant la quantité de mémoire utilisée par l'application et permet d'activer ou désactiver différents facteurs d'utilisation. Voir Mémoire_application ci-dessous pour plus de détails.
  • Objets JS: mesure de la quantité de mémoire utilisée par l'application en objets JS.
  • Chaînes JS: mesure de la quantité de mémoire utilisée par l'application en chaînes JS.
  • JS (autre): mesure de la quantité de mémoire utilisée par l'application avec d'autres fonctionnalités JS.
  • DOM: mesure de la quantité de mémoire utilisée par l'application avec son DOM.
  • Style: mesure de la quantité de mémoire utilisée par l'application avec son CSS.
  • Autre: mesure de la quantité de mémoire utilisée par l'application par des éléments non pris en compte par les catégories précédentes.

Images par seconde

Activer cette option affiche 3 nombres dans le coin en haut à gauche de l'affichage Firefox OS (voir capture d'écran précédente). Ces valeurs sont une moyenne des résultats récents au sein d'une fenêtre défilant. Ces valeurs sont voulues "instantanées" mais assez précises. Ces nombres sont donc des "déductions":

• Le nombre de gauche est la fréquence de composition: l'estimation du nombre de fois par seconde que Firefox OS dessine les trames pour le framebuffer matériel. Ceci est une estimation de la vitesse de rafraîchissement perçue par l'utilisateur (et bien uniquement une estimation). Par exemple, le compteur peut afficher 60 compositions par seconde même si l'écran ne change pas. Dans ce cas le taux de rafraîchissement perçu par l'utilisateur serait 0. Cependant cette mesure peut s'avérer être un outil simple et utile, si l'on n'oublie pas cette particularité et si on la compare avec d'autres mesures.
• Le nombre du milieu est la fréquence de la couche de transaction: l'estimation du nombre de fois par seconde que les processus repeignent et le notifient au compositeur. Cette estimation est principalement utile pour les développeurs de Gecko. Ce nombre devrait être inférieur ou égal à la fréquence de composition.
• Le nombre de droite est une mesure du nombre de pixels dessinés exprimés en pourcentage de la taille de l'écran. Une valeur de 317 signifie que l'écran a été dessiné 3,17 fois. Idéalement ce nombre devrait s'approcher le plus possible de 100.

Durée de chargement

Firefox OS possède un outil aidant à la mesure de la durée de chargement, particulièrement la durée du "premier affichage". Les valeurs fournies par l'outil — dans le coin en haut à droite de l'écran (voir capture d'écran précédente) — représentent la durée écoulée entre l'instant de lancement de l'application par l'utilisateur et une estimation du premier instant où l'application s'affiche à l'écran, en millisecondes. Ce nombre est uniquement une estimation de la durée réelle d'affichage et a tendance à la sous estimer. Cependant, faire baisser cette valeur se traduit quasiment toujours par une amélioration de la durée de chargement. Cette valeur peut donc être utile pour mesurer rapidement l'efficacité de travaux d'optimisation.

Mémoire application

Affiche la quantité de mémoire que les différentes catégories sélectionnées utilisent au sein de l'application courante. Par exemple, la capture d'écran ci-dessous n'a que les options Mémoire application et Objets JS de cochées, donc l'indicateur en bas à droite de l'écran montre que l'application Paramètres utilise 1,15MB en objets JS.

Accélération graphique

Zones repeintes

Dans ce mode, chaque fois qu'une région de l'écran est peinte par Gecko, Gecko ajoute une couche translucide de couleur aléatoire sur la région. Idéalement, seules les régions de l'écran qui changent visuellement "flasheront" avec une nouvelle couleur. Mais il arrive qu'il y ait plus de régions repeintes que nécessaire, faisant "flasher" de grosses parties de l'écran. Ce symptôme peut indiquer une trop forte mise à jour de l'écran de la part de l'application, ou être le reflet de bogues de Gecko lui-même.

Overscrolling

Active ou désactive le comportement des versions 2.1 et ultérieures de Firefox OS qui consiste a étirer l'affichage lorsque l'utilisateur tente de faire défiler la page au delà de la fin puis remet l'affichage à sa taille normale une fois le défilement arrêté, un peu comme le ferait un élastique. Le nom complet de ce comportement est elastic overscroll.

Tuilage (was Layers: Enable tiles)

Introduite à partir de la version 1.4 de Firefox OS, cette fonctionnalité active l'affichage de contenu sur l'écran en petites parties ("tuiles") plutôt que d'afficher tout l'écran d'un seul coup. Ceci est principalement utile pour le travail du service QA impliquant la réduction de l'effet damier et la recherche de fenêtres de régression.

Painting basse précision

Activer cette option fait dessiner à Gecko une version basse précision (floue) du contenu lors d'un défilement vraiment rapide. Ceci est utile parce que plus rapide à dessiner et aide donc à éviter d'afficher des zones blanches (effet damier) lors d'un défilement rapide. Cela ne devrait être visible que temporairement pour l'utilisateur, car le contenu basse précision sera remplacé par le contenu haute précision dès que le défilement s'arrêtera.

Transparence basse précision

Ceci est une option supplémentaire pour le "painting" basse précision qui rend le contenu basse précision à moitié transparent. Ceci rend l'effet un peu plus subtile et moins déroutant pour l'utilisateur.

Composition matérielle (was Enable hardware compositing)

Lorsque cette option est activée, l'appareil utilise son Composeur matériel pour composer les éléments visuels (surfaces) de l'écran.

Dessiner bords du tuilage (was Layers: Draw tile borders)

Ceci est similaire à l'option Dessiner_bords_du_calque, mis à part qu'elle dessine les bords des tuiles individuelles en plus des bords des calques.

Dessiner bords du calque

Lorsque cette option est activée, un bord de couleur vive est ajouté autour des différentes calques affichés à l'écran — très pratique pour investiguer les problèmes de calques.

Informations arbres de calques

Cette option active layers.dump, qui copie l'arbre de calque du composeur dans logcat à chaque image composée à l'écran. Ceci est principalement utile pour travailler sur les performances graphiques de la plate-forme, plutôt que pour du développement web classique.

Information layerscope

Active les traces du layerscope permettant de voir des informations concernant les calques des applications installées sur un PC. Lire Layerscope sur le wiki Mozilla (en anglais) pour avoir plus de détails et savoir comment l'utiliser.

Miniatures: captures d'écran

Dans la vue miniature, active l'affichage de capture d'écran des applications lancées. Sinon, les icônes des applications seront affichés au centre de miniatures vides.

Gestion de la fenêtre

Émuler le bouton Accueil

Crée un bouton Accueil logiciel offrant les mêmes fonctionnalités que son équivalent matériel s'il n'est pas disponible. Cette option existe pour une utilisation future par des appareils qui n'auront probablement pas de bouton Accueil matériel, comme les tablettes.

Geste de retour à l'accueil

Permet de faire un geste (partir hors de l'écran et monter vers le centre de l'écran) pour revenir à l'accueil. Encore une fois cette option propose une fonctionnalité du bouton Accueil matériel et existe pour une utilisation future par des appareils qui n'auront probablement pas de bouton Accueil matériel, comme les tablettes.

Transition continue

Cette option permet de contrôler si l'application clavier s'ouvre immédiatement ou de manière continue (avec une transition). Désactiver une telle transition peut être utile sur des appareils bas de gamme qui souffrent de mauvaises performances.

Transition d'application

Active et désactive toutes les transitions d'ouverture et de fermeture d'applications: toutes les applications s'afficheront immédiatement -sans douce animation- et les claviers apparaîtront et disparaîtront sans animation non plus. Comme l'option "Transition continue", elle a pour but d'améliorer les performances sur des appareils bas de gamme, avec des effets plus notables.

Suspension d'application

Cette option activée fait qu'une application fermée en tâche de fond sera gardée dans l'historique et ré-ouverte lorsque vous la sélectionnerez depuis l'écran d'accueil ou la vue miniature. L'option désactivée, une telle application ne sera pas gardée dans l'historique ou la vue miniature.

Copier-coller

Active la fonctionnalité, encore expérimentale, de copier-coller en cours d'implémentation dans Firefox OS.

Débogage

Pseudo-localisation

Cette option activée, pseudo-langues comme l'anglais accentué et l'anglais miroir sont sélectionnables dans Paramètres > Langue. Avec les pseudo-localisations, vous pouvez tester le support de la localisation de votre code sur une compilation classique de Gaia, sans avoir à ajouter les ressources d'une langue réelle ou devoir parler une autre langue que l'anglais. Par exemple, vous pouvez vous assurer que les calques se redimensionnent bien avec du texte plus long, prévisualiser l'application dans une fausse langue RTL, ou repérer les éléments HTML sans l'attribut data-l10n-id (ils seront affichés en anglais).

Lors de la compilation de Gaia, vous pouvez ajouter les pseudo-langues dans la liste des langues par défaut en ajoutant la ligne suivante dans gaia/build/config/common-settings.json:

"devtools.qps.enabled": true

Selon la configuration de la compilation, les pseudo-localisations sont soit construites au moment de la compilation (ce qui prend de l'espace disque), soit générées dynamiquement au moment de l'exécution (modifiant les performances et l'empreinte mémoire).

• À la compilation: vous pouvez ajouter les codes des pseudo-langues (qps-ploc et qps-plocm) à shared/resources/languages.json ou n'importe quel autre fichier JSON que vous utilisez comme LOCALES_FILE (voir building multilocale Gaia). Ceci est pratique pour tester la performance des autres langues que l'anglais. Par exemple:

  {
    "en-US" : "English (US)",
    "qps-ploc" : "Ȧȧƈƈḗḗƞŧḗḗḓ Ḗḗƞɠŀīīşħ",
    "qps-plocm" : "ɥsıʅƃuƎ pǝɹoɹɹıW"
  }

• À l'exécution: si la pseudo-localisation n'est pas construite à la compilation, il est encore possible d'avoir recours à la génération dynamique. Ceci permet de tester le support de la localisation même sur une version compilée existante, sans avoir besoin de flasher une nouvelle compilation. Il faut cependant garder en tête que la pseudo-localisation à l'exécution possède différentes caractéristiques de performance et de mémoire et ne devrait donc pas être utilisée pour mesurer et comparer les performances de langues autre que l'anglais.

Enregistrer les animations lentes

Cet outil a pour but d'aider les développeurs à comprendre pourquoi les animations ne sont pas déléguées au composeur pour être jouées le plus efficacement possible. Il rapporte des "problèmes" comme essayer d'animer des éléments trop gros, ou d'animer des propriétés CSS qui ne peuvent pas être déléguées. Les messages obtenus ressembleront à ceci:

I/Gecko   ( 5644): Performance warning: Async animation disabled because frame size (1280, 410) is bigger than the viewport (360, 518) [div with id 'views']

Sortie géolocalisation dans ADB

Active l'enregistrement des données de géolocalisation vers adb logcat. Ceci aide à déboguer à la fois la partie GPS (à savoir les appels NMEA) et l'utilisation MLS.

Ignorer les positions GPS

Activer cette option oblige l'API de géolocalisation à ignorer les informations de localisation provenant du GPS (l'API n'obtiendra d'information que les services de localisation basés sur le réseau). Ceci est utile pour déboguer des problèmes en rapport avec le fournisseur de géolocalisation GPS de Gonk. voir bug 1056857 pour plus d'informations.

Sortie Wi-Fi dans ADB

Activer cette option ajoute des informations à propos du Wi-Fi aux log adb (les log d'erreur de la console sont accessibles via la commande adb logcat | grep "Error" dans un Terminal).

Sortie Bluetooth dans ADB

Activer cette option ajoute des informations à propos du Bluetooth aux log adb (les log d'erreur de la console sont accessibles via la commande adb logcat | grep "Error" dans un Terminal).

Bluetooth HCI Sniffing Logs to SDCard

Enabling this option causes the device's HCI sniffing logs to be recorded to its SDCard.

Sortie NFC dans ADB

Activer cette option ajoute des informations à propos du NFC aux log adb (les log d'erreur de la console sont accessibles via la commande adb logcat | grep "Error" dans un Terminal).

Sortie RIL dans ADB

Activer cette option ajoute des informations à propos du RIL aux log adb (les log d'erreur de la console sont accessibles via la commande adb logcat | grep "Error" dans un Terminal).

Sortie réseau dans ADB

Activer cette option ajoute des informations à propos du réseau aux log adb (les log d'erreur de la console sont accessibles via la commande adb logcat | grep "Error" dans un Terminal).

Activer la console

Activer cette option vous permet d'utiliser la console Web de Firefox pour accéder à distance à la sortie console de l'appareil. Sans cette option activée, la fonction console.log() ne fait rien.

Trace de débogage de Gaia

Active les traces DEBUG de Gaia. Voir bug 881672 pour plus de détails.

Paramètres du lecteur d'écran

Cette option active les paramètres du Lecteur d'écran, qui se trouve ensuite sous Paramètres > Accessibilité. Activer cette nouvelle option active le lecteur d'écran de Firefox OS. Cette technologie permet à un non voyant d'utiliser un appareil Firefox OS. Actuellement en cours de développement, le lecteur d'écran modifie la façon dont les touches de l'écran fonctionnent. Lorsque le lecteur d'écran est activé, vous devez interagir avec l'écran de la manière suivante:

• Toucher quelque part pour sélectionner une application (ou autre) et être prévenu de ce sur quoi vous avez appuyé. Le retour fait par le téléphone est double: il est vocal, d'une part et un rectangle entoure l'objet sélectionné, d'autre part. Une double-touche (deux touches rapidement successives) n'importe où sur l'écran active l'objet qui est entouré par le rectangle.
• Un glissement de gauche à droite pour parcourir séquentiellement la liste des objets présents à l'écran. Les objets sont parcouru de gauche à droite, de haut en bas, en incluant le défilement de l'écran s'il y a plus d'objets à afficher. Vous serez prévenu pour chaque objet par une explication orale et un rectangle. Un glissement de droite à gauche parcours les objets dans l'ordre inverse. Une double touche permet toujours d'exécuter l'élément sélectionné.
• Un glissement à 2 doigts — à gauche, droite, haut ou bas — pour faire défiler l'écran dans cette direction. Ceci est l'équivalent d'un glissement à 1 doigt avec le lecteur d'écran désactivé. Par exemple un glissement à 2 doigts sur le premier écran d'accueil fera basculer sur le second et un glissement à 2 doigts vers le haut provoquera un défilement vers le bas pour afficher plus de contenu.

À partir de la version 1.4 de Firefox OS, il y a un moyen plus rapide de changer l'état du lecteur d'écran. Appuyez sur la touche volume plus puis volume moins, et recommencez 3 fois (plus, moins, plus, moins, plus, moins). Le lecteur d'écran vous demandera de refaire cette action (plus, moins, plus, moins, plus, moins) pour l'activer s'il ne l'était pas, ou le désactiver dans l'autre cas. Si vous ne souhaitez pas modifier l'état du lecteur d'écran, faites simplement autre chose. De cette manière, vous pouvez facilement l'activer pour tester l'accessibilité de votre application Web puis le désactiver sans retourner dans le menu à chaque fois.

Volume de lecture

Un curseur contrôlant le volume de la voix.

Vitesse de lecture

Un curseur contrôlant la vitesse de lecture de la voix.

Certificats relecteur Marketplace

Les certificats de relecteur Marketplace sont utilisés au cours de processus de revue du Firefox Marketplace, pour permettre aux relecteurs d'installer des applications provenant d'autres sources que le Marketplace (e.g. les pages des relecteurs). Cette option permet à l'appareil d'utiliser ces certificats.

Secouer pour enregistrer les journaux système

Active Logshake, qui attend que l'appareil fasse des mouvements de forte accélération. Lorsqu'un tel mouvement est détecté — c'est à dire lorsque vous secouez votre appareil — il sauvegarde les journaux système présents de log/logcat sur la carte SD, dans un dossier logs/<datetime>. Voir bug 1019816 pour plus de détails.

Permissions d'applications détaillées

Cette option activée, les développeurs (ainsi que les amateurs de vie privée) peuvent modifier n'importe quelle permission donnée à une application. Le panneau "Permissions applications" dans l'application Paramètres, proposera plus de choix qu'un simple sous-ensemble compréhensible par les non-développeurs (comme géolocalisation). Par exemple, "Schedule Alarms" apparaît avec les choix Demander, Refuser et Autoriser. Notez que certaines applications peuvent ne pas supporter les changements de permissions. Si vous remarquez un comportement anormal veuillez essayer de réinitialiser les permissions, ou réinstaller l'application.

Tutoriel de prise en main

Ce bouton lance le programme "First-Time Use" (FTU), qui relance la procédure de configuration initiale ainsi que le tutoriel. C'est utile pour déboguer cette procédure, ou si vous souhaitez reconfigurer votre appareil depuis le début.

Déverrouillage des privilèges

Réinitialiser et activer les outils de développement non restreints

Ce bouton vous permet d'activer le mode de développement non restreint dans lequel vous pouvez déboguer et surcharger des applications système depuis le WebIDE. Pour des raisons de sécurité, activer ce mode supprime les données de l'appareil. Notez qu'une fois ce mode activé, il est hautement suggéré d'ajouter un code PIN pour déverrouiller votre appareil puisque ce mode permet facilement d'accéder aux données internes et aux applications système (informations privées, mots de passe, ...).

Mises à jour logicielles

Canal de mise à jour

Vous permet de définir différents canaux pour recevoir les mises à jour logicielles lors de mises à jour OTA. Les canaux sont nightly, aurora, et others.

Adresse de mise à jour

Vous permet de définir différentes adresses (URL) desquelles recevoir vos mises à jour.

Options obsolètes

Ce chapitre liste les options qui ne sont plus proposées ou qui n'existent plus en l'état, mais qui peuvent être intéressantes pour ceux qui utilisent une ancienne version de Firefox OS.

Accessibilité

Dans les versions de Firefox OS qui précèdent la 1.4, ceci contrôle les options d'accessibilité, comme expliqué dans la section Paramètres_du_lecteur_d'écran.

Grille

L'option "Grille", une fois activée, ajoute au-dessus de l'affichage de Firefox OS, un motif de grille qui vous aidera à positionner et aligner des éléments. Par exemple, vous pouvez voir ci-dessous l'application navigateur fonctionnant avec l'option Grille d'activée :

Les lignes les plus épaisses de la grille sont séparées de 32 pixels, horizontalement et verticalement.

Images par seconde

Activer cette option ajoute deux indicateurs en haut de l'affichage de Firefox OS, indiquant la fréquence à laquelle l'écran est redessiné, en images par seconde.

Show time to load

In Firefox OS versions older than newer 1.4, enabling this displays time to load information, as explained in the Time_to_load section above.

Rocketbar enabled

In Firefox OS versions older than newer 1.4, this option enables the new Firefox Rocketbar on your device, which provides a useful new way to switch between apps, search, and more. When enabled, you'll find a search icon at the top left of the device, and the RocketBar can be brought up by swiping from the top left of the device towards the bottom left.

Contacts debugging output in adb

Enabling this option adds debugging information about contacts to the adb logs (error logs from the console can be accessed using adb logcat | grep "Error" in the Terminal.)

Progressive paint (was Layers: Progressive paint)

This was introduced to help with debugging of the Async Panning/Zoom module (APZ) during its implementation. Now APZ implementation is complete, this option is deprecated, and will be removed from future versions (see bug 1003228).

Displayport Heuristics

• Default
• Center displayport
• Assume perfect paints
• Taller displayport
• Faster paints
• No checkerboarding

These options were introduced to help with debugging of the Async Panning/Zoom module (APZ) during its implementation, specifically to allow QA to experiment with different repainting heuristics to see which resulted in the least amount of checkboarding. Now APZ implementation is complete, these options are deprecated, and will be removed from future versions (see bug 1003228).

Enable APZ for all content (Async Pan/Zoom)

When enabled, the Async Pan/Zoom module allows panning and zooming to be performed on asynchronously, on another thread, with some noticeable differences to rendering behaviour. To find out more, read the MozillaWiki APZ article. Now APZ implementation is complete, this option is deprecated, and will be removed from future versions (see bug 1003228).

Edges gesture

Enabling this option allows you to swipe left and right from outside the screen towards the center, to navigate to the next and previous sheets (either web pages in the browser, or views inside another app.) This basically works like the browser navigator bar in Firefox, but is enabled by default in Firefox 2.1+.

Keyboard layouts

In addition to the developer-specific options listed above, Firefox OS < 1.4's developer settings featured keyboard layout options. These let you toggle on and off the then-experimental Chinese input methods:

As of Firefox 1.4, these options have been removed. This is because the Chinese keyboard layout implementations (zhuyin and pinyin) have now been completed.