AnswersPublished16 sources
Edge aggiunge strumenti per le app web: cosa cambia per chi sviluppa
Le novità di Edge aiutano a misurare le transizioni lente nelle single page app, analizzare il lavoro del browser e ripetere richieste di rete. Le voci soft navigation e interaction contentful paint forniscono dati sui cambi di schermata interni e sui contenuti mostrati dopo un’interazione.
Pubblicato daModificato con GPT-6 LunaImmagini generate con GPT Image 2
Research answer
Key takeaways
- Le novità di Edge aiutano a misurare le transizioni lente nelle single page app, analizzare il lavoro del browser e ripetere richieste di rete.
- Le voci soft navigation e interaction contentful paint forniscono dati sui cambi di schermata interni e sui contenuti mostrati dopo un’interazione.
- OpaqueRange consente di lavorare con intervalli di testo nei campi dei moduli; WebMCP è una proposta iniziale per esporre azioni strutturate agli agenti di navigazione.
AI Prompt
openai.comCreate a landscape editorial hero image for this Studio Global article: What new Microsoft Edge web-development features has Microsoft announced to improve slow single-page apps, diagnose JavaScript and network p. Article summary: Microsoft’s announcements address two different needs: measuring where single-page apps feel slow, and giving developers better tools for debugging and building interactive experiences. They are at different stages—some . Topic tags: general, general web, documentation. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fak
Gli aggiornamenti per gli sviluppatori di Microsoft Edge riguardano la misurazione delle prestazioni, il debug, le interazioni con gli agenti AI e la gestione del testo nei moduli. Non tutte le funzioni, però, sono allo stesso punto: alcune sono documentate nelle versioni di Edge o in DevTools, altre sono pensate per la sperimentazione. L’elemento <menu> nativo, invece, è ancora un progetto e non va considerato pronto per la produzione. 1
6
33
39
40
Capire dove rallenta una single-page app
Le metriche tradizionali sul caricamento non bastano sempre per valutare una single-page app (SPA): in questo tipo di applicazioni si passa da una vista all’altra senza caricare un nuovo documento. Per analizzare meglio queste transizioni, la Performance API di Edge introduce due tipi di voci:
soft-navigationsegnala i cambiamenti dello stato della cronologia, avviati da un’interazione e svolti senza cambiare documento;interaction-contentful-paintregistra la comparsa di nuovi contenuti nelle parti della pagina modificate in seguito a un’interazione.
Le note di rilascio di Edge descrivono anche euristiche per rilevare le soft navigation e raccogliere metriche nelle SPA. Questi dati aiutano a capire quando è avvenuto un passaggio interno e quando ne sono comparsi i contenuti; sono strumenti diagnostici, non correzioni automatiche delle prestazioni. 39
40
Aggiungere contesto ai profili JavaScript
I marker di JavaScript Self-Profiling forniscono informazioni sulle attività del browser tra un campione JavaScript e l’altro, per esempio stile, layout, rendering e garbage collection. Possono aiutare a distinguere il tempo impiegato dal codice dell’applicazione da quello dedicato ad altre operazioni del browser. Prima di integrarli in un flusso di lavoro di produzione, è opportuno verificare la documentazione e la disponibilità nella versione di Edge in uso. 1
Ripetere e modificare le richieste di rete in DevTools
Nel pannello Network, il comando Resend invia di nuovo una richiesta acquisita senza ricaricare la pagina. È utile per verificare il comportamento della stessa richiesta quando viene ripetuta. 18
Il flusso Edit and resend as Fetch consente invece di modificare una richiesta registrata e provarla come chiamata fetch() nella Console. Sono strumenti che rendono più comodo il debug delle richieste: non accelerano la connessione di rete. Microsoft descrive il flusso più recente nel suo aggiornamento per sviluppatori, mentre la documentazione di Edge spiega come reinviare le richieste. 1
18
WebMCP: preparare i siti agli agenti di navigazione
WebMCP è una tecnologia emergente con cui un sito può esporre azioni strutturate utilizzabili da un agente di navigazione. L’obiettivo è permettere all’agente di interagire con il sito tramite strumenti o azioni dichiarati, senza affidarsi soltanto all’interpretazione visiva della pagina. Microsoft presenta WebMCP come una funzione iniziale da provare: è quindi meglio considerarla sperimentale, non darla per disponibile a tutti gli utenti. 1
OpaqueRange per interazioni più precise con il testo
OpaqueRange rappresenta un intervallo attivo di testo all’interno di un campo <input> testuale o di una <textarea>. Può servire per creare interazioni legate a porzioni specifiche del testo, per esempio posizionare elementi dell’interfaccia o applicare evidenziazioni, mantenendo al tempo stesso incapsulati i nodi interni del controllo. Microsoft include OpaqueRange tra gli aggiornamenti della piattaforma web di Edge 152. 1
33
Web Install API: disponibile un percorso di prova
La Web Install API permette a un sito di chiedere l’installazione di un’altra web app tramite la funzione asincrona navigator.install(), usando l’esperienza di installazione integrata nel browser. Microsoft ha annunciato la possibilità di provarla sui propri siti attraverso un origin trial di Edge. Un origin trial è un programma di test, non una garanzia di supporto universale. 6
L’elemento <menu> nativo è ancora in programma
Microsoft ha delineato anche un elemento nativo <menu>, pensato per offrire comportamenti di menu integrati. Per ora è una funzione pianificata: gli sviluppatori non dovrebbero considerarla disponibile in generale né basare su di essa funzionalità di produzione finché il supporto non sarà confermato. 1
Quali funzioni si possono provare
Per iniziare, Edge documenta il reinvio delle richieste in DevTools e include OpaqueRange nelle note di Edge 152. Per la Web Install API è stato annunciato un percorso di test tramite origin trial. Per le metriche sulle soft navigation, WebMCP e i marker di profiling JavaScript, conviene verificare requisiti e disponibilità nella versione corrente prima di farvi affidamento. L’elemento <menu> resta invece un progetto. 1
6
18
33
39
40
Studio Global AI
Continue your research
This page includes a source-backed answer you can continue inside Studio Global.
People also ask
What is the short answer to "Edge aggiunge strumenti per le app web: cosa cambia per chi sviluppa"?
Le novità di Edge aiutano a misurare le transizioni lente nelle single page app, analizzare il lavoro del browser e ripetere richieste di rete.
What are the key points to validate first?
Le novità di Edge aiutano a misurare le transizioni lente nelle single page app, analizzare il lavoro del browser e ripetere richieste di rete. Le voci soft navigation e interaction contentful paint forniscono dati sui cambi di schermata interni e sui contenuti mostrati dopo un’interazione.
What should I do next in practice?
OpaqueRange consente di lavorare con intervalli di testo nei campi dei moduli; WebMCP è una proposta iniziale per esporre azioni strutturate agli agenti di navigazione.