Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Faire des captures d'écran

Prendre des captures d'écran de votre application peut être utile à plusieurs égards, comme pour montrer votre travail à un client, frimer devant vos amis avec votre téléphone FxOS, ou encore publier une application sur le Marketplace. Cet article explique comment faire des captures d'écran sur votre appareil Firefox OS.

Note: Les développeurs Android ne seront pas perdu car les étapes sont assez similaires.

Préparer votre téléphone

  1. Sur votre téléphone, ouvrez les paramètres pour développeurs puis cochez : Débogage distant et Console activée.
  2. Assurez-vous qu'ADB est installé et fonctionnel sur votre ordinateur.
  3. Branchez votre téléphone au port USB de votre ordinateur.

Sur votre téléphone, allez dans Paramètres > Informations > Plus d'informations > Développeurs

Prendre une capture d'écran

Maintenant vous avez quatre choix possibles : le terminal, DDMS dans Eclipe, la combinaison de boutons dédiée sur le téléphone, ou le gestionnaire d'application.

Terminal

Ouvrez une fenêtre de terminal, et exécutez les trois commandes suivantes:

  1. Prendre une capture d'écran (l'image s'appellera "capture.png" dans l'exemple)
    adb shell screencap -p /sdcard/capture.png
  2. Transférer l'image sur votre ordinateur
    adb pull /sdcard/capture.png
  3. Supprimer l'image de votre appareil
    adb shell rm /sdcard/capture.png

Vous désirez en apprendre plus sur ADB ? Regardez la documentation d'ADB.

Autrement, vous pouvez utiliser ffmpeg:

  1. Assurez-vous d'avoir ffmpeg installé:
    1. Sur Mac, si vous utilisez MacPorts, vous pouvez exécuter sudo port install ffmpeg. Pour homebrew, exécutez brew install ffmpeg.
    2. Sur Linux (Ubuntu/Debian), exécutez sudo apt-get install ffmpeg.
  2. Placez vous dans le bon dossier :  cd B2G/gaia.
  3. Utilisez la commande make screenshot pour réaliser la capture d'écran.
  4. L'image créée s'appelle screenshot.png.

DDMS

Ouvrez Eclipse.

  1. Ouvrez DDMS
    Fenêtre > Ouvrir la Perspective > Autres > DDMS
  2. Sur le panneau de gauche dans l'onglet Appareils, cliquez sur le bouton Capture d'écran.
  3. Une nouvelle fenêtre apparaît avec plusieurs options, cliquez sur le bouton Enregistrer pour sauvegarder votre image.

Note: Pour en savoir plus sur DDMS, regardez la documentation de DDMS.

Boutons du téléphone

  1. Sur les versions Firefox OS 2.0 et précédentes, appuyez simultanément sur les boutons Accueil et Bouton d'alimentation pendant quelques secondes.
  2. À partir de la version Firefox OS 2.1, appuyez simultanément sur les boutons Volume moins et Bouton d'alimentation pendant quelques secondes.

Ceci fait une capture d'écran qui est sauvegardée dans votre Galerie. Ensuite il vous suffit de récupérer l'image sur votre carte SD par la méthode de votre choix.

Note: La combinaison de boutons fut modifiée parce que de nombreuses personnes la trouvaient plus compliquée que nécessaire, particulièrement avec une seule main. Et aussi parce que les appareil sans bouton Accueil matériel ne sont pas très bien supportés (il n'est pas possible d'utiliser le bouton Accueil logiciel partout, comme par exemple sur l'écran de verrouillage).

Le gestionnaire d'application/simulateur

  1. Ouvrez le gestionnaire d'application, connectez votre téléphone, et naviguez jusqu'à l'onglet Appareil sur la gauche.
  2. Cliquez sur le bouton Capture d'écran en bas de la page (à l'endroit où vous démarrez le simulateur).

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : jwhitlock, Leonarf, GeekShadow
 Dernière mise à jour par : jwhitlock,