Débogage distant de Firefox pour Metro

Cet article explique comment utiliser le débogage distant pour inspecter et coder des onglets exécutés dans l'application Firefox du nouveau Windows 8 "metro-style" en utilisant les outils de développement de Firefox Desktop.

Prérequis

Vous avez besoin d'avoir :

• Firefox Windows 8 (Metro-style) tournant dans le mode tactile "Metro" d'un ordinateur Windows 8.
• Firefox "classique" sous Windows, Mac OS X, ou Linux, soit sur un ordinateur séparé soir sur un profil séparé sur le même ordinateur.

Configurer Firefox pour Metro

Allez dans about:config dans Firefox pour Metro, et paramétrez impérativement la préférence suivante :

• devtools.debugger.remote-enabled = true

Vous pouvez également vouloir paramétrer ces préférences optionnelles :

• devtools.debugger.force-local = false (pour se connecter depuis une machine différente sur même réseau)
• devtools.debugger.remote-host (pour changer le TCP hostname que Firefox écoutera pour les connexions)
• devtools.debugger.remote-port ( pour changer le port TCP que Firefox écoutera pour les connexions )
• devtools.debugger.prompt-connection = false (autorise les connections sans afficher de confirmation. Cela peut être un risque de sécurité, surtout si la préférence force-local est à false.)

Configurer Firefox Desktop

Sur l'ordinateur, le débogage distant est une option des outils de développement. Ouvrez la boite à outils, cliquez sur l'icône "Options" dans la barre d'outils, et cochez "Activer le débogage distant"

Connexion

Sur l'ordinateur

Ouvrez le menu "Developpement" et cliquez sur "Se connecter". Vous verrez une page qui ressemble à ceci :

Si vous utilisez Firefoix pour Metro sur le même ordinateur avec les paramètres par défaut, utilisez le host par défaut (localhost) et le port par défaut (6000), puis appuyez sur "Se connecter".

Si vous voulez vous connecter à un Firefox pour Metro sur un ordinateur différent, entrez le hostname approprié et le numéro de port puis appuyez sur  "Se connecter."

Dans le navigateur Windows 8 (Metro)

Vous verrez ensuite une pop up dans Firefox pour Metro demandant de confirmer la connexion. Appuyez sur OK pour continuer.

Conseil : Si la connections périme, passez sur le bureau en passant par l'icône bureau et vérifiez si le pare-feu Windows n'a pas bloqué la connections.

Sur l'ordinateur

Ensuite, le navigateur affiche une pop up qui affiche quelque chose qui ressemble à ceci :

Cela demande si vous préférez déboguer du code s'exécutant dans un onglet du navigateur ou bien si vous voulez déboguer le navigateur lui même.

• Vous verrez qu'il y a une ligne pour chaque onglet disponible et que cliquer dessus attachera les outils de développement au contenu de cet onglet.
• Vous verrez également "Available remote processes" : il s'agit du processus du navigateur lui-même. Sélectionnez cette option si vous voulez déboguer le code du navigateur.

Choisison par exemple d'attacher les outils de développement au site web mozilla.org. La boite à outils ouvrira alors sa propre fenêtre attachée à l'onglet de Firefox pour Metro qui navigue actuellement sur mozilla.org :

Les outils de développement fonctionnent alors de la même manière que pour le contenu local.