DokuWiki

User Tools

Site Tools

Trace:
uda-fewd:responsive_images:using_dev_tools_on_mobile

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

uda-fewd:responsive_images:using_dev_tools_on_mobile [2017/04/02 18:33] – created leouda-fewd:responsive_images:using_dev_tools_on_mobile [2017/04/02 18:33] (current) – leo
Line 2: Line 2:
  
 1. ouvrir sur la machine de dev avec chrome canary : [[chrome://inspect]] 1. ouvrir sur la machine de dev avec chrome canary : [[chrome://inspect]]
 +
 2. ouvrir le site à debuguer sur le device android et brancher le câble usb 2. ouvrir le site à debuguer sur le device android et brancher le câble usb
 +
 3. confirmer sur le mobile que vous voulez autoriser l'usb debugging (popup sur le mobile) 3. confirmer sur le mobile que vous voulez autoriser l'usb debugging (popup sur le mobile)
 +
 4. sur chrome://inspect onglet devices, on peut voir les dispositifs connecté à l'ordinateur, ainsi que les onglets qui y sont ouverts. On peut les afficher, les recharger, fermer... 4. sur chrome://inspect onglet devices, on peut voir les dispositifs connecté à l'ordinateur, ainsi que les onglets qui y sont ouverts. On peut les afficher, les recharger, fermer...
 +
 5. vous pouvez inspecter les pages affichées par le dispositif, et même faire un 'screencast' : naviguer sur le site sur l'ordinateur de dev et voir en temps réel ce qui se passe sur le dispositif 5. vous pouvez inspecter les pages affichées par le dispositif, et même faire un 'screencast' : naviguer sur le site sur l'ordinateur de dev et voir en temps réel ce qui se passe sur le dispositif
uda-fewd/responsive_images/using_dev_tools_on_mobile.1491150796.txt.gz · Last modified: 2017/04/02 18:33 by leo