RootsLabs

More than a tool ! GitHub Google+ LinkedIn RSS

Firefox OS : Dev Tips #1

Progi1984 - Commentaires (3)

Le développement sur Firefox OS en est à ses débuts et déjà, quelques astuces arrivent :

  • Comment faire une copie d’écran sur l’émulateur ?
  • Comment vérifier si une application a une mise à jour ?
  • Comment embarquer une carte OpenStreetMap dans une application ?

Comment faire une copie d’écran sur l’émulateur ?

Il peut arriver lorsque vous développez une application, lorsque vous avez trouvé un bogue, lorsque vous avez besoin de montrer un écran, de faire une copie d’écran de l’émulateur. Mais comment faire ?

L’astuce est d’appuyer sur le bouton Home et End en même temps. A l’heure actuelle, la barre du bas reste sur la copie d’écran, mais le bogue a été signalé (mozilla/r2d2b2g : #440).

Comment vérifier si une application a une mise à jour ?

Une application peut avoir comme fonctionnalité le fait de vérifier par elle-même si elle a ou non des mises à jour en attente au niveau du Store.
Pour cela, on récupère des informations sur l’application courante (mozApps.getSelf()) et si c’est un succès, on vérifie si il y a des mises à jour (checkForUpdate()). Si une mise à jour est disponible, on télécharge et installe la mise à jour (download()).

Comment embarquer une carte OpenStreetMap dans une application ?

Il faut d’abord l’archive sur le site d’OpenLayers (http://openlayers.org/).
On récupère les fichier « OpenLayers.js« , « theme\default\style.css » et « img\marker.png« .
On inclut le style (style.css) et le script (OpenLayers.js) dans le code HTML.
Ensuite, on inclut le script suivant commenté :

Commentaires

1. RootsLabs » Firefox OS : Dev Tips #2, le 20 mai 2013 à 10:30

[…] que les premières astuces semble vous avoir bien plu, nous allons continuer sur 3 astuces développeur pour Firefox OS […]

2. RootsLabs » Firefox OS : Dev Tips #3, le 3 juin 2013 à 10:30

[…] les Dev Tips #1 et #2, nous allons continuer aujourd’hui avec deux astuces sur Firefox […]

3. RootsLabs » Firefox OS : Dev Tips #4, le 2 juillet 2013 à 22:41

[…] les trois premiers articles de la série “Firefox OS : Dev Tips” (#1, #2 et #3), nous attaquons ce quatrième article sur Firefox OS avec ces trois points […]

Ajouter un commentaire

Commentaire :