- - Come eseguire il debug di una pagina Web in remoto con Chrome Dev Tools

Come eseguire il debug di una pagina Web in remoto con Chrome Dev Tools

Gli strumenti Dev di Chrome supportano il debug remoto manon come vorremmo che facessero. Il "telecomando" indica su un dispositivo che hai accanto a te e che puoi connetterti alla tua macchina di sviluppo. Non significa che puoi eseguire il debug di una scheda di Chrome che il tuo amico che è attualmente seduto in un altro bar ha aperto. Quindi, cosa fare se voi due state lavorando su qualcosa insieme e doveste forse accedere, magari addirittura eseguire il debug, alla scheda dell'altro. DevTools Remote è un'estensione di Chrome che ti consente di condividere unsessione remota per una scheda selezionata con chiunque tramite un collegamento. Il link si apre all'interno di Chrome Dev Tools e offre al destinatario il controllo sulla scheda. Vedono la tua console di sviluppo e possono apportarvi modifiche tra le altre cose.

Installare DevTools Remote e aprire una pagina Web in anuova scheda. Fare clic sull'icona DevTools Remote accanto alla barra dell'URL e attendere che le piccole piccole barre di avanzamento leggano "Copiato". Il link della sessione remota è stato copiato negli appunti. Invia il link a chiunque tu abbia bisogno per eseguire il debug della tua scheda.

DevTools Remote-link-session

Dal lato del destinatario, la pagina completa conApparirà l'URL e si aprirà una console di sviluppo Chrome completamente funzionale. Sei il destinatario è libero di scherzare quanto vuole ed è abbastanza intelligente da dire loro quando la scheda che hai condiviso non è attiva sullo schermo.

DevTools Remote

L'estensione è davvero fantastica ed è oltrefacile da configurare. Sei l'unico che deve averlo installato sul tuo sistema. Il destinatario non è vincolato da tali restrizioni. Se sul lato destinatario la pagina non si carica immediatamente, ridimensiona semplicemente un po 'la finestra e verrà visualizzata.

Installa DevTools Remote dal Chrome Web Store

Commenti