Tutoriel pour visualiser la console du navigateur Firefox d'un smartphone Android (sur un PC)

Comment voir la console Javascript / des outils de développement (F12) du navigateur web Firefox d'un smartphone sous Android ?

N'ayant pas réussi à trouver de procédure simple et fiable sur le Web, je partage ce mode opératoire, en douze étapes, construit à partir d'informations agrégées et de mes tests.

1. Installer Firefox Developer Edition sur le PC
   
   
   
   
2. Installer Firefox Nightly sur le smartphone Android (comme indiqué sur cette page : https://developer.mozilla.org/en-US/docs/Tools/about:debugging#Connection_to_Firefox_for_Android_68)
   
   
   
   
3. Activer le mode développeur sur le smartphone Android (https://www.frandroid.com/comment-faire/tutoriaux/184906_comment-acceder-au-mode-developpeur-sur-android) :
   
   
   1. Accéder aux paramètres de l’appareil Android
      
      
   2. Aller dans les paramètres système
      
      
   3. Aller dans « À propos du téléphone »
      
      
   4. Tapoter 7 fois « numéro de build »
      
      
   5. Les options pour les développeurs apparaissent dans les paramètres système
      
      
4. Brancher le smartphone au PC via un câble USB
   
   
5. Activer le « Débogage USB » dans les « Options pour les développeurs » des paramètres d’Android (nouveau menu apparu à l’étape précédente)
   
   
   
   
6. Activer le « Débogage distant par USB » dans les « Paramètres » de Firefox Nightly sur le smartphone Android
   
   
   
   
7. Taper « about:debugging » dans la barre d’adresses du navigateur Firefox Developer Edition sur le PC
   
   
   
   
8. Cliquer, si besoin, sur le bouton « Actualiser les appareils »
   
   
9. Puis cliquer sur le bouton « Connecter » en face du nom du smartphone Android
   
   
10. Valider, si besoin, l’autorisation de connexion USB sur le smartphone
    
    
11. Cliquer sur le nom du smartphone dans Firefox Developer Edition sur le PC
    
    
    
    
12. Cliquer sur le bouton « Examiner » de l’onglet correspondant à la page du navigateur du smartphone à afficher dans la console du navigateur du PC
    
    
    
    

Ne pas oublier de désactiver le mode développeur sur le smartphone à la fin du débogage, pour des raisons de sécurité.

Plus d’informations sur : https://developer.mozilla.org/en-US/docs/Tools/about:debugging 

Haut de page

Vos commentaires

Haut de page

Pour aller plus loin

• Les autres billets de la catégorie Création et administration de sites web :
  • Comparatif CMS : quel outil de gestion de contenu PHP choisir ?
  • CMS : parts de marché des outils de gestion de contenu
  • Les outils du webmaster, chef de projet Internet, référenceur ou consultant en accessibilité
  • Comparatif "polls" : quelle solution de génération et de gestion de sondages P.H.P. choisir ?
• Les autres billets de la catégorie Internet :
  • Comparatif CMS : quel outil de gestion de contenu PHP choisir ?
  • C'est quoi webmaster ? (définition de "webmestre").
  • Mes newsgroups favoris
  • Serveur de newsgroups gratuit pour les forums Usenet français (free newsgroup)
  • Quels sont les meilleurs hébergeurs de blogs ?
  • CMS : parts de marché des outils de gestion de contenu
  • Comparatif "polls" : quelle solution de génération et de gestion de sondages P.H.P. choisir ?
  • Les mots clés les plus recherchés sur Google en 2012 ?
  • Les mots clés les plus recherchés sur Google en 2013 ?
  • Quels ont été les mots clés les plus tapés en 2008 dans le moteur de recherche Google ?
  • Quels ont été les mots clés les plus tapés en 2009 dans le moteur de recherche Google ?
  • Quels ont été les mots clés les plus recherchés en 2010 sur Internet dans le moteur Google ?
  • Quels ont été les mots clés les plus recherchés en 2011 sur Internet dans le moteur Google ?
• Tous les billets du blog de Hervé Chuzeville
  
  
• Accéder aux dernières actualités sur la page d'accueil du site chuzeville.com
  
  
• Voir le plan du site