Come eseguire il debug di applicazioni web al di fuori del browser

Premere F12 nella maggior parte dei browser web e vedrete una serie di strumenti di debug che vi darà una visione approfondita di come il codice sta funzionando. Si tratta di un potente set di strumenti, e uno che è una delle più importanti funzionalità per gli sviluppatori focalizzato nel browser Edge di Microsoft.

Ma il web sta cambiando e le moderne tecniche di sviluppo di applicazioni stanno cambiando con esso. Ora stai creando app che si basano su tecnologie Web ma che non fanno parte del web. Strumenti come React Native Windows, Electron, i controlli WebView nelle app Universal Windows Platform (UWP) e Progressive web apps (PWA)sono ora parte integrante del tuo flusso di lavoro di sviluppo quotidiano, quindi hai bisogno di strumenti come il mix F12 di debugger, profiler ed esploratori per testare il tuo nuovo codice.

Debug del web senza il browser

Molti dei pezzi necessari per costruire questi nuovi strumenti di sviluppo sono già qui. Tecnologie come il protocollo WebDriver consentono il controllo remoto di browser e altri servizi di rendering Web, mentre WebSockets offre connessioni dirette ad alta velocità tra client e server basati sul Web. Insieme, sono la base per un ambiente di debug controllato da remoto, con un server locale in esecuzione in un browser Web in grado di fornire dati dalla strumentazione in-browser e in-app e dall’accesso diretto al DOM e al motore JavaScript.

Se è possibile controllare a distanza i browser per i test, perché non separare gli strumenti di debug F12 familiari dal browser e utilizzarli dai PC di sviluppo? Questo è ciò che il team Edge di Microsoft ha fatto, con il rilascio di Windows Store dei suoi strumenti di sviluppo Edge.

Edge Dev Tools è un’app UWP standalone, in grado di connettersi a sessioni di browser locali e remoti, pronta per avviare il debug su più dispositivi e più schermi. È pronto per nuove interazioni utente e nuovi formati di dispositivo, quindi se stai utilizzando, ad esempio, HoloLens con il nuovo portale di realtà aumentata di SharePoint, puoi utilizzare una connessione USB all’auricolare per testare qualsiasi WebVR o Babylon.contenuti js nel tuo sito.

Per continuare a leggere questo articolo registrati ora

Per saperne di più Utenti esistenti Accedi

Write a Comment

Il tuo indirizzo email non sarà pubblicato.