Approfondimento facoltativo – 50 minuti. Local Overrides e traffico in tempo reale. Questa attività amplia il percorso principale senza sostituire le lezioni obbligatorie.
Concetti e strumenti
Local Overrides
Le modifiche locali consentono di sostituire in Chrome alcune risposte o intestazioni osservate, a fini di debug. Non cambiano il server; occorre attivare Overrides e selezionare una cartella locale.
WebSocket
La connessione WebSocket inizia con un handshake HTTP nelle modalità tradizionali; DevTools può mostrare i messaggi scambiati nella vista Messages/Frames, a seconda della versione.
Server-Sent Events
SSE usa una risposta HTTP di tipo text/event-stream per inviare eventi dal server al browser. Alcune versioni di DevTools offrono una vista EventStream per queste richieste.
LABORATORIO
Mocking HTTP, WebSocket e SSE
Procedura guidata e osservazione dei risultati
Obiettivo: local overrides e traffico in tempo reale. Usa esclusivamente pagine, dispositivi e processi per i quali hai autorizzazione.
- Apri una pagina di prova con una richiesta JSON.
- Nel pannello Network seleziona la richiesta e osserva Headers e Response.
- Se disponibile, scegli Override content e abilita Local Overrides nella cartella locale.
- Modifica un valore innocuo nella risposta di prova, ricarica e confronta il risultato.
- Apri una demo WebSocket o SSE autorizzata e osserva i messaggi o eventi; annota le differenze.
Risultato atteso: una tabella con azione, pannello usato, evidenza osservata e spiegazione tecnica.
Se non funziona: controlla la versione di Chrome, i permessi e la disponibilità della funzione; non tutte le pagine espongono gli stessi dati.
Esercizio autonomo: ripeti su un secondo esempio autorizzato e confronta due osservazioni, motivando le differenze.
Verifica dei concetti
Un override cambia il server?
Che cosa trasporta WebSocket dopo l’apertura?
Qual è il Content-Type tipico di SSE?
Perché un override potrebbe non applicarsi?
Come si distingue un messaggio WebSocket da una risposta HTTP?
Capisci Same-Origin Policy, CORS e richieste preflight OPTIONS.
Apri la lezione del corso PROTOCOLLO HTTP →