Les outils de développement de Chrome prennent en charge le débogage à distance, maispas comment nous aimerions qu'ils le fassent. La «télécommande» signifie sur un appareil que vous avez juste à côté de vous et que vous pouvez connecter à votre machine de développement. Cela ne signifie pas que vous pouvez déboguer un onglet Chrome ouvert par votre ami qui est actuellement assis dans un café différent. Alors, que faire si vous travaillez tous les deux sur quelque chose ensemble et que vous devez peut-être accéder, voire déboguer, à l'onglet de l'autre. DevTools Remote est une extension Chrome qui vous permet de partager unsession à distance pour un onglet sélectionné avec n'importe qui via un lien. Le lien s'ouvre à l'intérieur des outils de développement Chrome et permet au destinataire de contrôler l'onglet. Ils voient votre console de développement et peuvent y apporter des modifications, entre autres.
Installez DevTools Remote et ouvrez une page Web dans unnouvel onglet. Cliquez sur l'icône DevTools Remote à côté de la barre d'URL et attendez que les minuscules petites barres de progression indiquent «Copié». Le lien de la session à distance a été copié dans votre presse-papiers. Envoyez le lien à la personne dont vous avez besoin pour déboguer votre onglet.
![Session de liaison à distance DevTools](/images/web/how-to-debug-a-web-page-remotely-with-chrome-dev-tools.png)
Côté destinataire, la page complète avec leL'URL apparaîtra et une console de développement Chrome entièrement fonctionnelle s'ouvrira. Votre destinataire est libre de jouer avec lui autant de fois qu'il le souhaite et il est assez intelligent pour lui dire quand l'onglet que vous avez partagé n'est pas actif sur votre écran.
![DevTools Remote](/images/web/how-to-debug-a-web-page-remotely-with-chrome-dev-tools.jpg)
L'extension est assez géniale et c'est au-delàfacile à installer. Vous êtes le seul à devoir l'installer sur votre système. Votre destinataire n'est lié par aucune de ces restrictions. Si du côté du destinataire, la page ne se charge pas immédiatement, redimensionnez simplement un peu la fenêtre et elle apparaîtra.
Installer DevTools Remote à partir du Chrome Web Store
commentaires