- - Een webpagina op afstand debuggen met Chrome Dev Tools

Een webpagina op afstand debuggen met Chrome Dev Tools

De Dev-tools van Chrome ondersteunen foutopsporing op afstand, maarniet hoe we dat zouden willen. De ‘afstandsbediening’ betekent op een apparaat dat u naast u hebt en dat u verbinding kunt maken met uw ontwikkelmachine. Het betekent niet dat u een Chrome-tabblad kunt debuggen dat uw vriend die momenteel in een andere coffeeshop zit, heeft geopend. Dus, wat te doen als jullie samen aan iets werken en je misschien het tabblad van de ander moet openen, misschien zelfs debuggen. DevTools Remote is een Chrome-extensie waarmee je een kunt delenexterne sessie voor een geselecteerd tabblad met iedereen via een link. De link wordt geopend in Chrome Dev Tools en geeft de ontvanger controle over het tabblad. Ze zien je ontwikkelaarsconsole en kunnen er onder andere wijzigingen in aanbrengen.

Installeer DevTools Remote en open een webpagina in anieuw tabblad. Klik op het DevTools Remote-pictogram naast de URL-balk en wacht tot de kleine voortgangsbalkjes ‘Gekopieerd’ zijn. De externe sessielink is naar uw klembord gekopieerd. Stuur de link naar degene die u nodig hebt om uw tabblad te debuggen.

DevTools Remote-link-sessie

Aan de ontvangerzijde, de pagina compleet met deURL verschijnt en een volledig functionele chrome dev-console wordt geopend. Je ontvanger is vrij om ermee te prutsen zoveel als hij wil en het is slim genoeg om hen te vertellen wanneer het tabblad dat je hebt gedeeld niet actief is op je scherm.

DevTools Remote

De extensie is vrij geweldig en het is voorbijeenvoudig in te stellen. U bent de enige die het op uw systeem moet hebben geïnstalleerd. Uw ontvanger is niet gebonden aan dergelijke beperkingen. Als de pagina aan de ontvangerzijde niet onmiddellijk wordt geladen, past u het venster een beetje aan en wordt het weergegeven.

Installeer DevTools Remote vanuit de Chrome Web Store

Comments