Categoria

chrome-devtools

13 articoli associati a questo tag.

1 ottobre 2026

Specificità CSS in DevTools: da Chrome 151 la vedi al volo (e smetti di “fare i conti” a mente)

Con Chrome 151, DevTools calcola automaticamente la specificità dei selettori CSS. Basta passare il mouse su un selettore nel pannello Styles per vedere un tooltip con il valore di specificità. Una piccola feature che cambia il modo in cui debuggare conflitti di stile: meno tentativi alla cieca, più controllo sul peso dei selettori e meno necessità di usare !important.

10 settembre 2026

DevTools “su misura”: costruire strumenti interni in Chrome DevTools con poche righe di JavaScript

Quando l’app ha stato interno complesso (feature flag, ruoli, sessioni, dati in memoria), gli strumenti standard non bastano. Con strumenti personalizzati integrabili in Chrome DevTools puoi esporre controlli mirati — ad esempio l’impersonazione di ruoli — riducendo passaggi manuali, migliorando la sicurezza e accelerando il debug. Basta JavaScript e una buona idea di cosa rendere osservabile e controllabile.

21 luglio 2026

WebMCP: progettare strumenti “agent-friendly” e debuggarli in Chrome DevTools

WebMCP è una proposta di standard (ancora sperimentale) per esporre strumenti strutturati che un agente nel browser può invocare in modo affidabile. In questo articolo vediamo come costruire tool WebMCP con API imperativa o dichiarativa, come abilitarne il supporto in Chrome e come ispezionarli, invocarli e debuggarli in DevTools, incluso il flusso con DevTools for Agents.

9 luglio 2026

Due workflow per alzare la qualità delle web app nell’era degli agenti: Modern Web Guidance e DevTools “agent-ready”

L’uso di strumenti AI e agenti di coding cresce rapidamente, ma spesso si appoggia a conoscenza non aggiornata. Due nuovi workflow puntano a risolvere il problema: una guida moderna e curata che allinea le scelte tecniche a Baseline e un’integrazione di Chrome DevTools pensata per far lavorare gli agenti su dati di debug reali (log, network, heap, accessibility tree), abilitando correzioni autonome e audit continui.

7 luglio 2026

Un loop di feedback “chiuso” con Chrome DevTools: far debuggare l’agente sul runtime (non sui file)

Per ottenere correzioni affidabili da un coding agent, conviene spostare il focus dal “cerca in questi file” al “riproduci il bug nel runtime”. Con Chrome DevTools per agenti l’assistente può aprire una vera istanza di Chrome, eseguire un flusso end-to-end (es. signup), raccogliere console log e richieste di rete, usare le source map per risalire ai sorgenti corretti e chiudere il cerchio con una fix verificata.

18 giugno 2026

Emulare geolocalizzazione, viewport e user agent con Chrome DevTools (anche nei test automatizzati degli agenti)

Quando sviluppi funzionalità che dipendono dal contesto del dispositivo — come “Near Me” con la Geolocation API — il vero problema non è scrivere il codice, ma testarlo in modo affidabile. Con Chrome DevTools puoi emulare capacità come geolocalizzazione, viewport e user agent, e farle usare anche a strumenti automatizzati/agent-based tramite il DevTools MCP server per verifiche end‑to‑end ripetibili.

18 giugno 2026

Tre aggiornamenti AI che cambiano davvero il lavoro quotidiano nel frontend

Google spinge forte sull’integrazione tra agenti di coding e Chrome DevTools: arrivano linee guida “moderne” per scegliere feature e fallback corretti, DevTools utilizzabili dagli agenti per ispezionare runtime reale, e un assistente in DevTools capace di suggerire interventi prestazionali con insight azionabili e tracciabili.

19 maggio 2026

Pronti per Google I/O: come prepararsi da frontend senza perdere tempo

Google I/O è alle porte: invece di inseguire le novità all’ultimo minuto, conviene arrivarci preparati. Ecco una checklist concreta per frontend developer: aggiornamenti di Chrome e DevTools, ambienti di test, audit di performance e accessibilità, automazioni, note-taking tecnico e un piano per valutare rapidamente cosa adottare nei progetti reali.

27 aprile 2026

Deprecazioni in Chrome: come vengono ritirate le feature senza rompere il Web

Chrome introduce continuamente nuove API e comportamenti, ma a volte una feature diventa un problema: non scala, è superata, o apre nuovi rischi di sicurezza. In questi casi entra in gioco un processo strutturato di deprecazione e rimozione, pensato per ridurre l’impatto su siti e sviluppatori. Vediamo come funziona, dove compaiono gli avvisi, cosa sono intent, flag e deprecation trial, e quali pratiche adottare per intercettare in anticipo le rotture.