Che cos'è ChromeDriver?

ChromeDriver è un server autonomo che implementa lo standard W3C WebDriver.

Sfrutta casi d'uso interessanti con l'API Document Picture-in-Picture

Scopri in che modo la funzionalità Picture-in-Picture di Documenti ha migliorato un'esperienza di apprendimento online.

• Chrome

Chrome Extensions

Scopri come sviluppare estensioni di Chrome.

• Estensioni di Chrome

chrome.contentSettings

Utilizza l'API chrome.contentSettings per modificare le impostazioni che controllano se i siti web possono utilizzare funzioni come cookie, JavaScript e plug-in. In termini più generali, le impostazioni dei contenuti ti consentono di personalizzare

• Estensioni di Chrome

chrome.contentSettings

Utilizza l'API chrome.contentSettings per modificare le impostazioni che controllano se i siti web possono utilizzare funzioni come cookie, JavaScript e plug-in. In termini più generali, le impostazioni dei contenuti ti consentono di personalizzare

• Estensioni di Chrome

chrome.bookmarks

Questa autorizzazione attiva un avviso. Utilizza l'API chrome.bookmarks per creare, organizzare e manipolare i preferiti. Consulta anche Override Pages, che puoi utilizzare per creare una pagina Gestione preferiti personalizzata. Per utilizzare l'API

• Estensioni di Chrome

chrome.bookmarks

Utilizza l'API chrome.bookmarks per creare, organizzare e manipolare i preferiti. Consulta anche Override Pages, che puoi utilizzare per creare una pagina Gestione preferiti personalizzata. Per utilizzare l'API dei preferiti, devi dichiarare

• Estensioni di Chrome

Intelligenza artificiale

IA su Chrome Ti diamo il benvenuto nella prossima era del web con l'IA. Scopri come l'IA può aiutare gli sviluppatori a creare più facilmente esperienze potenti sul web. Reinventa le possibilità offerte da Gemini Nano in Chrome. IA integrata Stiamo

Prepararsi al passaggio a Chrome su Android a tutto schermo

Chrome su Android passerà alla visualizzazione a tutto schermo a partire da Chrome 135.

• Chrome

Guida alla migrazione edge-to-edge di Chrome su Android

Creare esperienze web end-to-end

Eseguire il debug di Gemini Nano

Esiste una pagina speciale interna a Chrome per visualizzare i dettagli sui prompt di Gemini Nano. Questa guida spiega come utilizzarlo per il debug.

Pannello Privacy e sicurezza

Utilizza il riquadro "Privacy e sicurezza" per ispezionare e controllare i cookie di terze parti e verificare la protezione HTTPS.

• Chrome DevTools

Eseguire analisi di rete avanzate con Chrome DevTools

Esegui un'analisi avanzata della rete con Chrome DevTools.

• Chrome DevTools
• Chrome

Novità di WebGPU (Chrome 134)

Migliora i carichi di lavoro di machine learning con sottogruppi, miglioramenti dei tempi di compilazione degli shader su D3D12, rimozione del supporto dei tipi di texture filtrabili con valori float come miscelabili e altro ancora.

• Chrome

Popover = suggerimento

Scopri la nuova modalità per i popup che semplifica le descrizioni comando e altri elementi mobili.

• Chrome

In che modo NRK utilizza le animazioni basate sullo scorrimento per dare vita alle storie

Scopri come le animazioni basate sullo scorrimento e attivate dallo scorrimento migliorano gli articoli narrativi

• Chrome

chrome.app.runtime

Utilizza l'API chrome.app.runtime per gestire il ciclo di vita dell'app. Il runtime dell'app gestisce l'installazione dell'app, controlla la pagina dell'evento e può arrestare l'app in qualsiasi momento. qualsiasi facoltativo Dati facoltativi

chrome.printing

Utilizza l'API chrome.printing per inviare processi di stampa alle stampanti installate su Chromebook. Tutti i metodi ed eventi chrome.printing richiedono di dichiarare l'autorizzazione "printing" nel manifest dell'estensione. Ad esempio: Gli esempi

• Estensioni di Chrome

chrome.sessions

Utilizza l'API chrome.sessions per eseguire query e ripristinare schede e finestre da una sessione di navigazione. stringa Il nome del dispositivo esterno. Session [] Un elenco di sessioni delle finestre aperte per il dispositivo esterno, ordinate

• Estensioni di Chrome

chrome.userScripts

Utilizza l'API userScripts per eseguire script utente nel contesto Script utente. Per utilizzare l'API User Scripts, chrome.userScripts, aggiungi l'autorizzazione "userScripts" a manifest.json e "host_permissions" per i siti su cui vuoi eseguire gli

• Estensioni di Chrome

chrome.sessions

Utilizza l'API chrome.sessions per eseguire query e ripristinare schede e finestre da una sessione di navigazione. stringa Il nome del dispositivo esterno. Session [] Un elenco di sessioni delle finestre aperte per il dispositivo esterno, ordinate

• Estensioni di Chrome

chrome.printing

Utilizza l'API chrome.printing per inviare processi di stampa alle stampanti installate su Chromebook. Tutti i metodi ed eventi chrome.printing richiedono di dichiarare l'autorizzazione "printing" nel manifest dell'estensione. Ad esempio: Gli esempi

• Estensioni di Chrome

Novità di DevTools, Chrome 134

Riquadro Privacy e sicurezza, throttling della CPU calibrato, evidenziazione di elementi proprietari e di terze parti in Rendimento, nuovi approfondimenti e altro ancora.

• Chrome DevTools
• Chrome

chrome.i18n

Utilizza l'infrastruttura chrome.i18n per implementare l'internazionalizzazione nell'intera app o nell'intera estensione. Se un'estensione ha una directory /_locales, il manifest deve definire "default_locale". Devi inserire tutte le stringhe

• Estensioni di Chrome

Miglioramento del rendering del testo nei browser basati su Chromium su Windows

Il team di Edge ha aggiunto il supporto per il rispetto dei valori di Windows ClearType Tuner direttamente in Chromium, con un conseguente miglioramento del rendering del testo nei browser basati su Chromium su Windows.

• Chrome

chrome.storage

Utilizza l'API chrome.storage per archiviare, recuperare e monitorare le modifiche ai dati utente. Per utilizzare l'API di archiviazione, dichiara l'autorizzazione "storage" nel manifest dell'estensione. Ad esempio: L'API Storage fornisce un modo

• Estensioni di Chrome

chrome.storage

Utilizza l'API chrome.storage per archiviare, recuperare e monitorare le modifiche ai dati utente. L'API Storage fornisce un modo specifico per l'estensione per mantenere i dati e lo stato dell'utente. È simile alle API di archiviazione della

• Estensioni di Chrome

Dimensioni

Documentazione tecnica sulle dimensioni CrUX.

• Chrome UX Report

Componenti secondari delle immagini LCP e RTT ora disponibili in CrUX

Scopri la modifica al Report sull'esperienza utente di Chrome (modifiche a CrUX) nella release di febbraio 2025, inclusi i componenti secondari delle immagini LCP, i tipi di risorse LCP e il tempo di risposta.

• Chrome

Docs

Esempi di codice, guide e riferimenti API necessari per qualsiasi cosa tu stia creando.

Chrome for Developers

Ti aiuta a creare, crescere e innovare sul web.

• Chrome

Estensioni / Come iniziare

Nozioni di base per iniziare a utilizzare le estensioni di Chrome

• Estensioni di Chrome

Attivare automaticamente la modalità Picture in picture durante la riproduzione di contenuti multimediali

Chrome consente alle app web che riproducono contenuti multimediali di attivare automaticamente la modalità Picture in picture.

• Chrome

Chrome 134 beta

Scopri le ultime funzionalità che saranno disponibili su Chrome.

• Chrome

chrome.enterprise.platformKeys

Utilizza l'API chrome.enterprise.platformKeys per generare chiavi e installare certificati per queste chiavi. I certificati verranno gestiti dalla piattaforma e potranno essere utilizzati per l'autenticazione TLS, l'accesso alla rete o da un'altra

• Estensioni di Chrome

chrome.enterprise.platformKeys

Utilizza l'API chrome.enterprise.platformKeys per generare chiavi e installare certificati per queste chiavi. I certificati verranno gestiti dalla piattaforma e potranno essere utilizzati per l'autenticazione TLS, l'accesso alla rete o da un'altra

• Estensioni di Chrome

Chrome 133

CSS avanzato attr(), text-box-trim, query del contenitore dello stato di scorrimento e altro ancora.

• Chrome

Novità di Chrome 133

Chrome 133 è in fase di implementazione. Ci sono alcune nuove funzionalità CSS interessanti e molto altro da scoprire.

• Chrome

Modalità di applicazione a schede per le PWA

La modalità applicazione a schede consente agli sviluppatori di app web progressive di aggiungere un'interfaccia per documenti a schede alle loro PWA indipendenti.

Aumentare il coinvolgimento degli utenti con la cronologia specifica dell'app nelle schede personalizzate di Chrome

Introduzione della cronologia specifica per le app per le schede personalizzate di Chrome per Android

• Chrome

Migliorare il flusso di accesso basato sul web con Auth Tab per Android

Migliorare l'autenticazione basata sul web con Auth Tab per Android

• Chrome

Semplificare l'autenticazione utilizzando la scheda Auth

Come utilizzare la scheda Auth specializzata nella tua app per Android

Migliorare la privacy web per gli utenti con schede personalizzate temporanee

Come utilizzare le schede personalizzate effimere nella tua app per Android

Migliorare l'esperienza di navigazione degli utenti con la cronologia specifica per app

Come utilizzare la cronologia specifica dell'app nella tua app per Android

chrome.permissions

Utilizza l'API chrome.permissions per richiedere le autorizzazioni facoltative dichiarate in fase di esecuzione anziché di installazione, in modo che gli utenti comprendano perché sono necessarie e ne concedano solo quelle necessarie. Esistono avvisi

• Estensioni di Chrome

chrome.runtime

Utilizza l'API chrome.runtime per recuperare il service worker, restituire i dettagli del manifest e ascoltare e rispondere agli eventi nel ciclo di vita dell'estensione. Puoi anche utilizzare questa API per convertire il percorso relativo degli URL

• Estensioni di Chrome

chrome.permissions

Utilizza l'API chrome.permissions per richiedere le autorizzazioni facoltative dichiarate in fase di esecuzione anziché di installazione, in modo che gli utenti comprendano perché sono necessarie e ne concedano solo quelle necessarie. Esistono avvisi

• Estensioni di Chrome

Novità di DevTools, Chrome 133

Cronologia della chat basata sull'IA persistente, navigazione migliorata, ignora elenco e tracce dello stack in Rendimento, nuovo riquadro"Novità" e altro ancora.

• Chrome DevTools
• Chrome

Novità di WebGPU (Chrome 133)

Formati di vertici unorm8x4-bgra e a un componente aggiuntivi, consentono di richiedere limiti sconosciuti con valore non definito, modifiche alle regole di allineamento WGSL, miglioramenti delle prestazioni di WGSL con l'eliminazione e molto altro.

• Chrome
• WebGpu

Novità di Estensioni di Chrome, gennaio 2025

Una panoramica delle modifiche recenti alle estensioni di Chrome, oltre a interessanti funzionalità future delle estensioni che gli sviluppatori possono aspettarsi.

• Chrome
• Estensioni di Chrome

Best practice per la gestione delle sessioni con l'API Prompt

Questa guida illustra le best practice per la gestione delle sessioni con l'API Prompt.

Note di rilascio

Scopri di più sulle modifiche di Chrome che interessano gli sviluppatori

• Chrome

Novità di Chrome

Novità di Chrome Scopri gli ultimi aggiornamenti di Chrome nella nostra documentazione e nel nostro blog. Nuovi contenuti e aggiornamenti significativi alla documentazione. article Come gli LLM generano risposte dinamiche Nuova documentazione per

Aggiornamenti delle norme del Chrome Web Store: chiarezza e coerenza per gli sviluppatori

Stiamo annunciando una serie di aggiornamenti delle norme volti a garantire chiarezza e coerenza sulla nostra piattaforma.

• Chrome
• Estensioni di Chrome

Best practice per il rendering delle risposte LLM in streaming

Utilizza queste best practice per il frontend per visualizzare le risposte in streaming di Gemini con API che supportano lo streaming, come l'API Prompt.

Traduzione con IA integrata

L'API Translator integrata ti consente di tradurre contenuti arbitrari da una lingua di origine a una lingua di destinazione. Partecipa alla prova dell'origine per provare l'API.

Semplificazione del rilevamento delle funzionalità WebAuthn per le passkey

Scopri come rilevare le funzionalità WebAuthn con "getClientCapabilities()" e personalizzare i flussi di lavoro di autenticazione per i tuoi utenti.

• Chrome
• Passkey

Come gli LLM generano risposte dinamiche

Scopri cos'è lo streaming e come funziona con l'IA e gli LLM.

Blocco in modalità Risparmio energetico

A partire da Chrome 133, le schede in background idonee che richiedono un'elevata intensità di risorse della CPU verranno bloccate quando è attiva la modalità Risparmio energetico.

• Chrome

Suggerimenti per DevTools

Suggerimenti per DevTools

• Chrome DevTools

Media

Migliora la modalità di inclusione di immagini, video e altro sui tuoi siti web e nelle tue app web.

Le passkey su Gestore delle password di Google sono ora disponibili su iOS

Ora Chrome su iOS 17 o versioni successive può creare, sincronizzare e autenticarsi con le passkey in Gestore delle password di Google (GPM). In questo modo, le passkey su GPM sono disponibili ovunque sia disponibile Chrome.

• Chrome
• Passkey

Aggiornamento della funzione CSS attr()

Ora puoi utilizzare attr() con qualsiasi proprietà CSS, incluse le proprietà personalizzate, e può analizzare i valori in tipi di dati diversi dalle stringhe.

• Chrome

Chrome 133 beta

Scopri le ultime funzionalità di Chrome.

• Chrome

scroll-state() CSS

Come le query dei contenitori, ma per query bloccate, scattate e con overflow.

• Chrome

Come abbiamo introdotto Gemini in Chrome DevTools

Scopri casi d'uso divertenti ed entusiasmanti del nuovo riquadro di assistenza AI in DevTools

• Chrome DevTools
• Chrome

Novità di Chrome 132

Chrome 132 è in fase di implementazione. L'elemento Dialog riceve un evento Toggle, il supporto per la condivisione di video a livello di elemento e l'API File System Access supporta Android e WebView.

• Chrome

Chrome 132

ToggleEvent per la finestra di dialogo, il supporto della condivisione di video a livello di elemento e l'API File System Access supportano Android e WebView e altro ancora.

• Chrome

CSS text-box-trim

Recupera lo spazio sopra e sotto i contenuti di testo e ottieni un equilibrio ottico.

• Chrome

chrome.sockets.udp

Utilizza l'API chrome.sockets.udp per inviare e ricevere dati sulla rete utilizzando connessioni UDP. Questa API sostituisce la funzionalità UDP precedentemente disponibile nell'API "socket". Per utilizzare questa API, le seguenti chiavi devono

chrome.tabs

Utilizza l'API chrome.tabs per interagire con il sistema di schede del browser. Puoi utilizzare questa API per creare, modificare e riorganizzare le schede nel browser. L'API Tabs non solo offre funzionalità per manipolare e gestire le schede, ma può

• Estensioni di Chrome

chrome.tabs

Utilizza l'API chrome.tabs per interagire con il sistema di schede del browser. Puoi utilizzare questa API per creare, modificare e riorganizzare le schede nel browser. L'API Tabs non solo offre funzionalità per manipolare e gestire le schede, ma può

• Estensioni di Chrome

Vincitori della Built-in AI Challenge

Scopri le app e le estensioni vincitrici del contest sull'IA integrata, in cui ti abbiamo invitato a ripensare a cosa è possibile fare con Gemini Nano in Chrome.

• Chrome

Il supporto dell'estensione Web Vitals è terminato

L'unione dell'estensione Web Vitals e di DevTools è stata completata e il supporto dell'estensione è terminato.

• Chrome
• Chrome DevTools

Acquisisci uno stream video da qualsiasi elemento

L'API Element Capture rappresenta un metodo efficace e robusto per trasformare un'acquisizione della scheda corrente in un'acquisizione di un sottoalbero DOM.

chrome.ttsEngine

Utilizza l'API chrome.ttsEngine per implementare un motore di sintesi vocale(TTS) utilizzando un'estensione. Se l'estensione si registra utilizzando questa API, riceverà eventi contenenti un'espressione da pronunciare e altri parametri quando

• Estensioni di Chrome

chrome.ttsEngine

Utilizza l'API chrome.ttsEngine per implementare un motore di sintesi vocale(TTS) utilizzando un'estensione. Se l'estensione si registra utilizzando questa API, riceverà eventi contenenti un'espressione da pronunciare e altri parametri quando

• Estensioni di Chrome

chrome.cookies

Utilizza l'API chrome.cookies per eseguire query e modificare i cookie e per ricevere una notifica quando cambiano. Per utilizzare l'API cookies, devi dichiarare l'autorizzazione "cookies" nel manifest, insieme alle autorizzazioni host per tutti gli

• Estensioni di Chrome

chrome.cookies

Utilizza l'API chrome.cookies per eseguire query e modificare i cookie e per ricevere una notifica quando cambiano. Per utilizzare l'API cookies, dichiara l'autorizzazione "cookies" nel manifest insieme alle autorizzazioni host per tutti gli host ai

• Estensioni di Chrome

chrome.appviewTag

Utilizza il tag appview per incorporare altre app Chrome nella tua app Chrome (vedi Utilizzo ). oggetto Dati facoltativi specificati dallo sviluppatore che l'app da incorporare può utilizzare per prendere una decisione in merito all'incorporazione.

Ridurre il rischio di clickjacking con XFO o CSP

Scopri di più su come ridurre al minimo gli attacchi di clickjacking.

Novità di WebGPU (Chrome 132)

Utilizzo della visualizzazione delle texture, miscelazione di texture con valori float a 32 bit, attributo adapterInfo di GPUDevice, configurazione del contesto della tela con formato non valido che genera un errore JavaScript, filtraggio delle restrizioni del selettore sulle texture, sperimentazione di sottogruppi estesi, miglioramento dell'esperienza dello sviluppatore, supporto sperimentale per i formati delle texture normalizzate a 16 bit e altro ancora.

• Chrome
• WebGpu

Novità delle estensioni di Chrome

Modifiche recenti alla piattaforma, alla documentazione e ai criteri delle estensioni di Chrome

• Estensioni di Chrome

GPU web

Scopri WebGPU con guide, demo e ultime notizie

Crea con Chrome

Scopri cosa è incluso nelle ultime release stabili e beta di Chrome.

Pagamenti

Scopri come utilizzare le API per i pagamenti più recenti in Chrome

Privacy e sicurezza

Scopri le funzionalità di privacy e sicurezza di Chrome.

App

Tecnologia deprecata per creare esperienze che avevano un maggiore accesso al sistema operativo sottostante.

Burattinaio

Una libreria Node.js che fornisce un'API di alto livello per controllare Chrome o Chromium headless

Web su Android

Scopri le funzionalità di Chrome per lo sviluppo di app web su Android.

chrome.certificateProvider

Utilizza questa API per esporre alla piattaforma i certificati che possono essere utilizzati per le autenticazioni TLS. L'utilizzo tipico di questa API per esporre i certificati client a ChromeOS prevede i seguenti passaggi: La sequenza effettiva dei

• Estensioni di Chrome

chrome.extension

L'API chrome.extension include utilità che possono essere utilizzate da qualsiasi pagina dell'estensione. Include il supporto per lo scambio di messaggi tra un'estensione e i relativi script di contenuti o tra estensioni, come descritto in dettaglio

• Estensioni di Chrome

chrome.certificateProvider

Utilizza questa API per esporre alla piattaforma i certificati che possono essere utilizzati per le autenticazioni TLS. L'utilizzo tipico di questa API per esporre i certificati client a ChromeOS prevede i seguenti passaggi: La sequenza effettiva dei

• Estensioni di Chrome

Faro

Automatizza i controlli delle prestazioni web con Lighthouse

Rendimento

Ottimizza le prestazioni delle tue applicazioni web con gli strumenti per le prestazioni di Chrome.

chrome.system.display

Utilizza l'API system.display per eseguire query sui metadati della visualizzazione. Un enum per indicare se il display viene rilevato e utilizzato dal sistema. Il display è considerato "inattivo" se non viene rilevato dal sistema (ad esempio se è

• Estensioni di Chrome

chrome.system.display

Utilizza l'API system.display per eseguire query sui metadati della visualizzazione. Un enum per indicare se il display viene rilevato e utilizzato dal sistema. Il display è considerato "inattivo" se non viene rilevato dal sistema (ad esempio se è

• Estensioni di Chrome

chrome.action

Utilizza l'API chrome.action per controllare l'icona dell'estensione nella barra degli strumenti di Google Chrome. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest. Per utilizzare l'API chrome.action, specifica

• Estensioni di Chrome

Supporto del browser

Una panoramica delle funzionalità della scheda personalizzata e della relativa disponibilità nel browser.

Identità

Scopri le funzionalità di identità di Chrome, come l'autenticazione web.

chrome.commands

Utilizza l'API Commands per aggiungere scorciatoie da tastiera che attivano azioni nell'estensione, ad esempio un'azione per aprire l'azione del browser o inviare un comando all'estensione. Per utilizzare questa API, le seguenti chiavi devono essere

• Estensioni di Chrome

Operazione non supportata durante l'utilizzo del debug remoto

Alcuni comandi WebDriver (ad es. il ridimensionamento della finestra del browser) richiedono il caricamento di un'estensione di Chrome nel browser. In genere, ChromeDriver carica questa "estensione di automazione" ogni volta che avvia una nuova

ChromeOS

In tutte le immagini di test di ChromeOS è installato il file binario di ChromeDriver in /usr/local/chromedriver/. Il file binario viene aggiornato alla stessa versione di Chrome nell'immagine di test. In altre parole, utilizzi sempre la build più

Panoramica di WebView

Il componente WebView si basa sul progetto open source Chromium.

chrome.extension

L'API chrome.extension include utilità che possono essere utilizzate da qualsiasi pagina dell'estensione. Include il supporto per lo scambio di messaggi tra un'estensione e i relativi script di contenuti o tra estensioni, come descritto in dettaglio

• Estensioni di Chrome

Arresti anomali di ChromeDriver

Per diagnosticare e correggere gli arresti anomali di ChromeDriver, hai a disposizione alcune opzioni. Questo vale solo per gli arresti anomali di ChromeDriver, che non è la stessa cosa che l'arresto anomalo o la chiusura di Chrome. Su Windows,

Download

Per le versioni precedenti di Chrome, di seguito sono riportate le versioni di ChromeDriver che supportano queste versioni. Per ulteriori informazioni sulla selezione della versione corretta di ChromeDriver, consulta la pagina Selezione della

Log prestazioni

ChromeDriver supporta il logging delle prestazioni, da cui puoi ottenere eventi dei domini "Sequenza temporale", "Rete" e "Pagina", nonché dati di traccia per categorie di traccia specifiche. La registrazione delle prestazioni NON è attiva per

Android

I binari più recenti per ChromeDriver vengono pacchettizzati come file ZIP per varie piattaforme host. Le versioni precedenti di ChromeDriver sono disponibili in Download. ChromeDriver supporta l'esecuzione di test sul browser Chrome (versione 30 e

Emulazione di dispositivi mobili

Chrome consente agli utenti di emulare Chrome su un dispositivo mobile dalla versione desktop di Chrome attivando la modalità dispositivo con Chrome DevTools. Questa funzionalità consente di velocizzare lo sviluppo web e permette agli sviluppatori di

Supporto della tastiera

Al momento, ChromeDriver supporta solo i sistemi su cui è configurata una tastiera statunitense. Quando ChromeDriver rileva questo stato, registra quanto segue: Gli utenti che non dispongono di una tastiera statunitense potrebbero perdere i tasti

Chrome non si avvia o si arresta immediatamente in modo anomalo

Questo accade spesso quando esegui ChromeDriver o Chrome utilizzando un harness di test speciale (ad esempio un IDE) o un sistema di compilazione continua (come Jenkins). Prova a lanciare lo stesso file binario di Chrome utilizzato dal test da un

Canary

ChromeDriver Canary include le ultime funzionalità di ChromeDriver. I nuovi binari vengono compilati e resi disponibili più volte al giorno. Tieni presente che è progettato per gli sviluppatori e gli early adopter e a volte può smettere di funzionare

Considerazioni sulla sicurezza

ChromeDriver è uno strumento potente e può causare danni se finisce nelle mani sbagliate. Quando utilizzi ChromeDriver, segui questi suggerimenti:

Compilazione automatica in azione: approfondimenti sul mondo reale

Uno studio di Chrome mostra che gli utenti che utilizzano la compilazione automatica compilano i moduli più velocemente, con tassi di abbandono inferiori.

• Chrome

Risultati della richiesta di selezione personalizzabile per il modulo di feedback per gli sviluppatori

Grazie per il tempo che ci hai dedicato, per aver fornito feedback, esaminato i dettagli e contribuito a definire gli standard.

• Chrome

Inizia a utilizzare l'IA integrata

Scopri i requisiti per iniziare a creare funzionalità e applicazioni con l'IA integrata.

Rilevamento della lingua con l'AI integrata

L'API Language Detector offre il rilevamento della lingua integrato sul web, nel browser.

Come utilizzare lo strumento di pianificazione dell'allocazione

Utilizza lo strumento Sequenza temporale dell'allocazione per trovare gli oggetti che non vengono raccolti correttamente come spazzatura e continuano a occupare memoria.

• Chrome DevTools

Evita animazioni non composite

Come superare il controllo di Lighthouse "Evita animazioni non composte".

Registra e analizza una traccia del rendimento con DevTools

Registra e analizza una traccia del rendimento con DevTools.

• Chrome
• Chrome DevTools

Terminologia della memoria

Questa sezione descrive i termini comuni utilizzati nell'analisi della memoria ed è applicabile a una serie di strumenti di profilazione della memoria per lingue diverse.

• Chrome DevTools

Wrapped 2024 per CSS

Unisciti al team di Chrome DevRel e a un dinosauro Chrome che fa skateboard in un viaggio attraverso le ultime funzionalità CSS lanciate per Chrome e la piattaforma web nel 2024.

Novità di DevTools, Chrome 132

Esegui il debug delle richieste di rete, dei file di origine e delle tracce relative alle prestazioni con Gemini, visualizza la cronologia chat dell'IA e altro ancora.

• Chrome DevTools
• Chrome

Visualizzare e modificare lo spazio di archiviazione delle estensioni

Come visualizzare e modificare lo spazio di archiviazione delle estensioni con il riquadro Spazio di archiviazione delle estensioni.

• Chrome DevTools

chrome.mdns

Utilizza l'API chrome.mdns per trovare i servizi tramite mDNS. Questo include un sottoinsieme delle funzionalità della specifica NSD: http://www.w3.org/TR/discovery-api/ stringa L'indirizzo IP di un servizio pubblicizzato tramite mDNS. stringa[]

chrome.browser

Utilizza l'API chrome.browser per interagire con il browser Chrome associato all'applicazione e al profilo di Chrome correnti. stringa L'URL da visitare quando la nuova scheda viene aperta inizialmente. Apre una nuova scheda in una finestra del

chrome.socket

Utilizza l'API chrome.socket per inviare e ricevere dati sulla rete utilizzando connessioni TCP e UDP. Nota: a partire da Chrome 33, questa API è deprecata a favore delle API sockets.udp, sockets.tcp e sockets.tcpServer. numero number facoltativo

chrome.bluetoothSocket

Utilizza l'API chrome.bluetoothSocket per inviare e ricevere dati ai dispositivi Bluetooth utilizzando connessioni RFCOMM e L2CAP. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest. "system_error" Si è

chrome.syncFileSystem

Utilizza l'API chrome.syncFileSystem per salvare e sincronizzare i dati su Google Drive. Questa API NON è destinata all'accesso a documenti utente arbitrari archiviati su Google Drive. Fornisce spazio di archiviazione sincronizzabile specifico per

chrome.bluetoothLowEnergy

L'API chrome.bluetoothLowEnergy viene utilizzata per comunicare con i dispositivi Bluetooth Smart (Low Energy) utilizzando il Generic Attribute Profile (GATT). Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest.

chrome.bluetooth

Utilizza l'API chrome.bluetooth per connetterti a un dispositivo Bluetooth. Tutte le funzioni segnalano gli errori tramite chrome.runtime.lastError. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest. stringa

chrome.serial

Utilizza l'API chrome.serial per leggere e scrivere su un dispositivo connesso a una porta seriale. number facoltativo Leggi i ConnectionOptions.bitrate. Questo campo potrebbe essere omesso o impreciso se è in uso una velocità in bit non standard o

chrome.webviewTag

Utilizza il tag webview per caricare attivamente contenuti dal vivo dal web tramite la rete e incorporarli nella tua app Chrome. La tua app può controllare l'aspetto di webview e interagire con i contenuti web, avviare navigazioni in una pagina web

chrome.fontSettings

Utilizza l'API chrome.fontSettings per gestire le impostazioni dei caratteri di Chrome. Per utilizzare l'API Font Settings, devi dichiarare l'autorizzazione "fontSettings" nel manifest dell'estensione. Ad esempio: Chrome consente che alcune

• Estensioni di Chrome

chrome.usb

Utilizza l'API chrome.usb per interagire con i dispositivi USB collegati. Questa API fornisce l'accesso alle operazioni USB dal contesto di un'app. Tramite questa API, le app possono funzionare come driver per i dispositivi hardware. Gli errori

L'API Prompt

Scopri le infinite possibilità dell'API Prompt nelle estensioni di Chrome.

Estensioni e IA

Scopri come sviluppare estensioni con l'IA

• Estensioni di Chrome

Ritiro del riquadro Informazioni sulle prestazioni

Il riquadro sperimentale Informazioni sulle prestazioni verrà rimosso a gennaio 2025 e sostituito da nuovi approfondimenti all'interno del riquadro Prestazioni.

• Chrome DevTools
• Chrome

Utilizza un criterio HSTS efficace

Scopri di più sulla configurazione di un criterio HTTP Strict Transport Security (HSTS) efficace

Chrome DevTools

Scopri e esplora le ultime novità e i casi d'uso dell'assistenza AI

• Chrome DevTools

chrome.declarativeContent

Utilizza l'API chrome.declarativeContent per eseguire azioni in base ai contenuti di una pagina, senza richiedere l'autorizzazione per leggere i contenuti della pagina. L'API Declarative Content ti consente di attivare l'azione dell'estensione in

• Estensioni di Chrome

chrome.documentScan

Utilizza l'API chrome.documentScan per trovare e recuperare le immagini dagli scanner di documenti allegati.

• Estensioni di Chrome

chrome.desktopCapture

L'API Desktop Capture acquisisce i contenuti della schermata, di singole finestre o di singole schede. Enum utilizzato per definire l'insieme di origini multimediali desktop utilizzate in chooseDesktopMedia(). "screen" "window" "tab" "audio" Specchi

• Estensioni di Chrome

chrome.dns

Utilizza l'API chrome.dns per la risoluzione DNS. Per utilizzare questa API, devi dichiarare l'autorizzazione "dns" nel file manifest. Il seguente codice chiama resolve() per recuperare l'indirizzo IP di example.com. service-worker.js: stringa

• Estensioni di Chrome

chrome.system.storage

Utilizza l'API chrome.system.storage per eseguire query sulle informazioni del dispositivo di archiviazione e ricevere una notifica quando un dispositivo di archiviazione rimovibile viene collegato e scollegato. "success" Il comando di espulsione è

• Estensioni di Chrome

chrome.contextMenus

Utilizza l'API chrome.contextMenus per aggiungere elementi al menu contestuale di Google Chrome. Puoi scegliere a quali tipi di oggetti applicare le aggiunte al menu contestuale, ad esempio immagini, link ipertestuali e pagine. Per utilizzare l'API,

• Estensioni di Chrome

chrome.alarms

Utilizza l'API chrome.alarms per pianificare l'esecuzione del codice periodicamente o in un momento specifico in futuro. Per utilizzare l'API chrome.alarms, dichiara l'autorizzazione "alarms" nel manifest: Per garantire un comportamento affidabile, è

• Estensioni di Chrome

chrome.audio

L'API chrome.audio viene fornita per consentire agli utenti di ottenere informazioni e controllare i dispositivi audio collegati al sistema. Questa API è attualmente disponibile solo in modalità kiosk per ChromeOS. stringa Nome del dispositivo.

• Estensioni di Chrome

Compilazione automatica

I browser e tu, in qualità di sviluppatore, potete aiutare gli utenti a inserire i dati più velocemente ed evitare di doverli inserire di nuovo. La compilazione automatica è una funzionalità che consente ai browser di compilare automaticamente i

Strumenti CrUX

Documentazione tecnica sugli strumenti di CrUX.

• Chrome UX Report

chrome.declarativeNetRequest

L'API chrome.declarativeNetRequest viene utilizzata per bloccare o modificare le richieste di rete specificando regole dichiarative. In questo modo, le estensioni possono modificare le richieste di rete senza intercettarle e visualizzarne i

• Estensioni di Chrome

chrome.fileBrowserHandler

Utilizza l'API chrome.fileBrowserHandler per estendere il browser dei file di ChromeOS. Ad esempio, puoi utilizzare questa API per consentire agli utenti di caricare file sul tuo sito web. Il browser dei file di ChromeOS viene visualizzato quando

• Estensioni di Chrome

chrome.devtools.panels

Utilizza l'API chrome.devtools.panels per integrare l'estensione nell'interfaccia utente della finestra Strumenti per gli sviluppatori: crea i tuoi riquadri, accedi a quelli esistenti e aggiungi barre laterali. Ogni riquadro delle estensioni e ogni

• Estensioni di Chrome

chrome.readingList

Utilizza l'API chrome.readingList per leggere e modificare gli elementi nell' elenco di lettura. Per utilizzare l'API Reading List, aggiungi l'autorizzazione "readingList" nel file manifest dell'estensione: manifest.json: Nel riquadro laterale di

• Estensioni di Chrome

Passaggi successivi per WebGPU

Scopri le nuove funzionalità di IA e rendering discusse nell'ultima riunione del gruppo di lavoro GPU per il web.

• Chrome
• WebGpu

L'accessibilità dei video vince il premio web del concorso per sviluppatori dell'API Gemini

Abbiamo selezionato ViddyScribe per il premio web del concorso per sviluppatori dell'API Gemini. Hanno dimostrato come Gemini può contribuire a rendere più accessibili i video sul web generando descrizioni audio per qualsiasi video.

• Chrome

Prepara la tua estensione mentre iniziamo a testare un nuovo menu delle estensioni

Come preparare l'estensione per il nuovo menu delle estensioni.

• Estensioni di Chrome
• Chrome

Passkey

Una sostituzione più semplice e sicura delle password.

chrome.networking.onc

L'API chrome.networking.onc viene utilizzata per configurare le connessioni di rete (cellulare, Ethernet, VPN o Wi-Fi). Questa API è disponibile nelle sessioni kiosk di Chrome OS con avvio automatico. Le configurazioni di connessione di rete sono

Traduzione lato client con l'IA

Scopri l'API Translator per potenziare l'assistenza clienti globale.

Riquadro di assistenza AI

Comprendi come funziona un sito web con l'aiuto dell'IA

• Chrome DevTools

Annotare le tracce direttamente nel riquadro Rendimento

Scopri come rendere più comprensibili le tracce relative alle prestazioni con le nuove funzionalità di annotazione in DevTools

• Chrome

Assistenza AI per le origini

Comprendere le risorse del tuo sito web con l'aiuto dell'IA

• Chrome DevTools

API Signal per le passkey su Chrome per computer

Introduzione dell'API Signal per le passkey su Chrome per computer

• Passkey
• Chrome

IA integrata

L'IA integrata è la più recente offerta per offrire agli utenti modelli efficaci, proteggendo al contempo i dati sensibili e migliorando la latenza.

Assistenza AI per il rendimento

Comprendere i profili di rendimento con l'aiuto dell'IA

• Chrome DevTools

Chrome 132 beta

Scopri le ultime funzionalità di Chrome.

• Chrome

Assistenza AI per la rete

Comprendi il traffico di rete del tuo sito web con l'aiuto dell'IA

• Chrome DevTools

Partecipare alla prova dell'origine dell'API Translator

Testo traduttore dal vivo nel browser utilizzando modelli di AI locali. Ora gli utenti possono contribuire nella loro lingua madre.

• Chrome

Partecipa alla prova dell'API Prompt per le estensioni di Chrome

Partecipa alla prova dell'origine dell'API Prompt per le estensioni di Chrome e accedi a Gemini Nano in Chrome.

• Chrome

Partecipare alla prova dell'origine dell'API Summarizer

Partecipa alla prova dell'origine per aiutare gli utenti a sintetizzare articoli lunghi, documenti complessi o persino conversazioni chat vivaci per ottenere riepiloghi concisi e approfonditi.

• Chrome

Novità di Chrome 131

Chrome 131 è in fase di implementazione. Più stili CSS per l'elemento dettagli, layout di stampa più semplice con caselle per i margini della pagina e molto altro.

• Chrome

Mantenere le passkey coerenti con le credenziali sul server con l'API Signal

L'API WebAuthn Signal consente a una terza parte attendibile di segnalare lo stato delle credenziali esistenti al fornitore di passkey, in modo che le passkey siano coerenti con le credenziali sul server.

• Passkey
• Chrome

Chrome 131

L'eredità degli elementi evidenziati CSS sta cambiando, sono disponibili più stili CSS per l'elemento dettagli, il layout di stampa è più semplice con le caselle dei margini di pagina e altro ancora.

• Chrome

Riepiloga con l'IA integrata

Ridurre articoli lunghi, documenti complessi o persino conversazioni vivaci in chat in riepiloghi concisi e perspicaci.

CSS e UI

Trova risorse su argomenti quali tipografia, colore e layout.

Manifest - Sandbox

Avviso: a partire dalla versione 57, Chrome non consentirà più contenuti web esterni (inclusi frame e script incorporati) all'interno di pagine con sandbox. Utilizza invece una webview. Definisce una raccolta di pagine di app o estensioni da

Manifest per le aree di stoccaggio

A differenza delle aree di archiviazione local e sync, l'area di archiviazione managed richiede che la relativa struttura sia dichiarata come schema JSON ed è convalidata rigorosamente da Chrome. Questo schema deve essere archiviato in un file

Manifest - Requisiti

Tecnologie richieste dall'app o dall'estensione. Siti di hosting come il Chrome Web Store potrebbero utilizzare questo elenco per dissuadere gli utenti dall'installare app o estensioni che non funzioneranno sul loro computer. I requisiti supportati

Iniziare a utilizzare le prove dell'origine

Testare una funzionalità nuova o sperimentale della piattaforma web. Fornisci un feedback alla community degli standard web in merito a usabilità, praticità ed efficacia della funzionalità prima che venga resa disponibile per tutti gli utenti.

Altre opzioni per lo stile di <details>

Ora puoi impostare il tipo di visualizzazione e anche applicare uno stile al contenitore per la parte che si espande e si comprime utilizzando il nuovo pseudo-elemento ::details-content.

Risolvere i problemi di memoria

Scopri come utilizzare Chrome e DevTools per individuare i problemi di memoria che influiscono sulle prestazioni delle pagine, ad esempio perdite di memoria, spossatezza della memoria e garbage collection frequenti.

• Chrome DevTools

Novità di WebGPU (Chrome 131)

Distanze di clip in WGSL, GPUCanvasContext getConfiguration(), le primitive punto e linea non devono avere bias di profondità, funzioni integrate di scansione inclusiva per sottogruppi, supporto sperimentale per il rendering multiplo indiretto, opzione di compilazione del modulo shader matematica rigorosa, rimozione di GPUAdapter requestAdapterInfo() e altro ancora.

• Chrome
• WebGpu

Panoramica del riquadro Memoria

Ottieni insight approfonditi sull'allocazione della memoria, esamina i problemi di memoria di basso livello e gestisci la garbage collection.

• Chrome DevTools

Aiuta gli utenti ad accedere senza problemi con la condivisione delle credenziali senza interruzioni

La condivisione delle credenziali senza problemi ti consente di indicare in modo sicuro ai gestori delle password che i tuoi utenti possono accedere utilizzando le stesse credenziali nell'app e nel sito web Android.

• Chrome

Personalizza DevTools

Un elenco di modi per personalizzare Chrome DevTools: modifica il tema, il posizionamento, l'ordine dei riquadri, la lingua e altro ancora.

• Chrome DevTools

Monitorare le metriche di Core Web Vitals in tempo reale nel riquadro Rendimento

Monitora le metriche in tempo reale Core Web Vitals nel riquadro Prestazioni.

• Chrome DevTools
• Chrome

Informazioni sui badge

Attiva/disattiva vari overlay e accelera la navigazione nell'albero del DOM con i badge.

• Chrome DevTools

Aggiungi contenuti ai margini delle pagine web quando vengono stampate utilizzando CSS

Crea intestazioni e piè di pagina personalizzati quando stampi le pagine web.

• Chrome

Riconoscimento della scrittura a mano libera degli utenti

L'API Riconoscimento della scrittura a mano libera consente alle applicazioni web di utilizzare servizi avanzati di riconoscimento della scrittura a mano libera per riconoscere in tempo reale il testo inserito a mano libera.

Novità di DevTools, Chrome 131

Esegui il debug di CSS con Gemini, annota i risultati e ottieni informazioni nel riquadro Rendimento, individua eccessive variazioni del layout e animazioni non composte e altro ancora.

• Chrome
• Chrome DevTools

WebGPU: suggerimenti per la risoluzione dei problemi e correzioni

Scopri perché la WebGPU potrebbe essere disattivata o non funzionante nel browser Chrome.

Rimozione di --headless=old da Chrome

Chrome 132 non include più la precedente modalità headless. Esegui la migrazione a chrome-headless-shell o alla nuova modalità headless.

• Chrome

Analizza le prestazioni del runtime

Scopri come valutare le prestazioni del runtime in Chrome DevTools.

• Chrome DevTools

Nuovo badge di scorrimento in DevTools: trova più velocemente gli elementi scorrevoli

Scopri come il nuovo badge di scorrimento di DevTools semplifica il debug degli elementi scorrevoli (e come lo abbiamo creato).

• Chrome

Modalità headless di Chrome

La modalità headless di Chrome è ora più utile per gli sviluppatori, avvicinandola alla normale modalità "headful" di Chrome.

• Chromium

5 fantastiche cose da fare con l'assistenza AI di DevTools

Scopri casi d'uso divertenti ed entusiasmanti del nuovo riquadro di assistenza AI in DevTools

• Chrome

Attivazione di bfcache per Cache-Control: no-store

Chrome sta apportando una modifica per consentire l'utilizzo di bfcache per le pagine che usano Cache-Control: no-store quando è sicuro farlo. Scopri cosa significa questo per gli sviluppatori.

API AI integrate

L'IA integrata è la più recente offerta per offrire agli utenti modelli efficaci, proteggendo al contempo i dati sensibili e migliorando la latenza.

Chrome 131 beta

Scopri le funzionalità che saranno disponibili su Chrome con l'ultima versione beta.

• Chrome

Riferimento API

Il riferimento completo a tutte le API messe a disposizione delle estensioni di Chrome. Sono incluse le API per la piattaforma App di Chrome deprecata, nonché le API ancora in versione beta e dev.

• Estensioni di Chrome

Novità di Chrome 130

Chrome 130 è in fase di implementazione. La funzionalità Picture in picture dei documenti ti offre un maggiore controllo sulle finestre Picture in picture, le dichiarazioni CSS nidificate correggono alcuni casi limite complicati e puoi specificare il comportamento delle decorazioni degli elementi suddivisi su più righe. Pete LePage ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 130.

• Chrome

Assistenza basata sull'IA per la definizione degli stili

Scopri come viene applicato lo stile a un sito web con l'aiuto dell'IA in DevTools.

• Chrome DevTools

Chrome 130

Chrome 130 è in fase di implementazione. Document Picture in picture ti offre un maggiore controllo sulle finestre Picture in picture, le dichiarazioni nidificate CSS risolvono alcuni casi limite delicati e puoi specificare il comportamento delle decorazioni su elementi suddivisi su più righe, e c'è molto altro.

• Chrome

Novità di WebGPU (Chrome 130)

Combinazione dual-source, miglioramenti dei tempi di compilazione dello streamr su Metal, ritiro di GPUAdapter requestAdapterInfo() e altro ancora.

• Chrome
• WebGpu

chrome.virtualKeyboard

L'API chrome.virtualKeyboard è un'API solo kiosk utilizzata per configurare il layout e il comportamento della tastiera virtuale nelle sessioni kiosk. booleano facoltativo Indica se le tastiere virtuali possono offrire il completamento automatico.

chrome.clipboard

L'API chrome.clipboard è fornita per consentire agli utenti di accedere ai dati degli appunti. Si tratta di una soluzione temporanea per le app della piattaforma chromeos fino a quando non sarà disponibile un'alternativa open web. Verrà ritirata non

Controlla l'attività di rete

Un tutorial sulle funzionalità di rete più diffuse in Chrome DevTools.

• Chrome DevTools

Innovazioni dell'IA

Riferimento alla scheda Innovazioni dell'IA.

• Chrome DevTools

API Long Animation Frames

Scopri di più sull'API Long Animation Frames (LoAF), la prossima iterazione dell'API Long Tasks che consente di misurare i ritardi di aggiornamento dei frame con l'attribuzione

Client nativo

Una sandbox per l'esecuzione di codice C e C++ compilato nel browser. Questa opzione è stata ritirata.

Novità nelle estensioni di Chrome, ottobre 2024

Una panoramica delle modifiche recenti alle estensioni di Chrome, oltre a interessanti funzionalità future delle estensioni che gli sviluppatori possono aspettarsi.

• Chrome
• Estensioni di Chrome

La proprietà box-decoration-break in Chrome 130

Chrome 130 include il supporto completo e senza prefisso di box-decoration-break.

• Chrome

Accesso a rete privata in attesa

L'implementazione dell'accesso a rete privata (PNA) è in sospeso.

• Chrome

API Translation disponibile in anteprima

L'API Translation è ora disponibile per i partecipanti al programma di anteprima dell'IA integrata.

• Chrome

Modifiche all'eredità per lo stile di selezione CSS

In Chrome 134 è prevista una modifica all'eredità degli elementi evidenziati CSS.

• Chrome

API di posizionamento dell'ancoraggio CSS

Posiziona gli elementi rispetto l'uno all'altro utilizzando l'API di posizionamento dell'ancora.

Individua le previsioni in Chrome DevTools: perché è difficile e come migliorarla

Scopri come il debugger di DevTools prevede se viene rilevata un'eccezione.

• Chrome

Partecipa alla sfida sull'IA integrata di Google Chrome

Stiamo lanciando la sfida dell'IA integrata, in cui ti invitiamo a ripensare a ciò che è possibile con Gemini Nano in Chrome.

• Chrome

WebAuthn: emula gli autori di autenticazione

Emula Authenticator ed esegui il debug di WebAuthn in Chrome DevTools.

• Chrome DevTools

Informazioni di riferimento sulle funzionalità

Un riferimento completo delle funzionalità del pannello Registratore di Chrome DevTools.

• Chrome DevTools

Migliorare l'esperienza mobile della Dashboard per sviluppatori del Chrome Web Store

Siamo lieti di lanciare una serie di modifiche all'interfaccia utente che rendono la Dashboard per sviluppatori del Chrome Web Store più adattabile e ottimizzata per il mobile. Ci auguriamo che questa funzionalità ti offra un'esperienza più comoda e

• Estensioni di Chrome
• Chrome

Cerca: trova il testo in tutte le risorse caricate

Trova il testo in tutte le risorse caricate con il riquadro di ricerca.

• Chrome DevTools

Novità di DevTools, Chrome 130

Consigli per metriche live e breadcrumb che puoi consultare nel riquadro Rendimento, filtri di rete reinventati, esportazioni HAR convalidate e altro ancora.

• Chrome
• Chrome DevTools

Panoramica del riquadro delle origini

Puoi visualizzare e modificare i file, creare snippet, eseguire il debug di JavaScript e configurare le aree di lavoro nel riquadro Origini di Chrome DevTools.

• Chrome DevTools

Copertura: trova codice JavaScript e CSS inutilizzato

Come trovare e analizzare il codice JavaScript e CSS inutilizzato in Chrome DevTools.

• Chrome DevTools

Transizioni per la visualizzazione dello stesso documento per le applicazioni a pagina singola

Inizia a eseguire le transizioni della visualizzazione dello stesso documento da usare nella tua applicazione a pagina singola.

Memorizzazione nella cache semplificata: ispeziona, svuota e disattiva le cache

Controlla e risolvi i problemi relativi alla cache con DevTools.

• Chrome DevTools
• Chrome

Riquadro Livelli: esplora i livelli del sito web

Esamina i livelli che compongono il tuo sito web.

• Chrome DevTools

L'estensione Web Vitals, ora disponibile in DevTools

L'estensione Web Vitals verrà unita al pannello Rendimento di Chrome DevTools e il supporto autonomo terminerà a gennaio 2025.

• Chrome DevTools
• Chrome

Panoramica della console

La console Chrome DevTools viene utilizzata principalmente per registrare i messaggi ed eseguire JavaScript.

• Chrome DevTools

Identificare in modo univoco le PWA con la proprietà ID manifest dell'app web

La proprietà facoltativa "id" fa parte delle specifiche del file manifest dell'app web e ti consente di definire in modo esplicito l'identificatore utilizzato per la PWA. L'aggiunta della proprietà "id" al file manifest rimuove la dipendenza da "start_url" o dalla posizione del file manifest e ne rende possibile l'aggiornamento in futuro.

Chrome per sincronizzare le passkey su Gestore delle password di Google tra computer e Android

A breve Chrome su computer sarà in grado di creare passkey in Gestore delle password di Google (GPM) e sincronizzarle su queste piattaforme, oltre che su Android.

• Passkey
• Chrome

Feedback necessario: come dobbiamo definire la disposizione a mattoni CSS?

Un confronto delle due specifiche di muratura proposte.

• Chrome

API Writer e riscrittura disponibili per l'anteprima

Ora i partecipanti all'EPP possono creare prototipi con le API di scrittura e riscrittura in Chrome.

• Chrome

Chrome 130 beta

Testa il tuo sito con le funzionalità e le modifiche dell'ultima versione beta di Chrome.

• Chrome

Riquadro Rendimento: analizza il rendimento del tuo sito web

Analizza le prestazioni di caricamento e runtime del tuo sito web

• Chrome DevTools

Esperimento di Chrome: condivisione dei processi

L'esperimento di condivisione dei processi e il suo impatto in Chrome DevTools' che l'esperienza degli sviluppatori di Google.

• Chrome

Novità di Chrome 129

È in corso l'implementazione di Chrome 129. Puoi eseguire il rendimento in attività lunghe: per migliorare le prestazioni, puoi animare gli elementi con dimensioni intrinseche, sono state apportate alcune modifiche alla sintassi di posizionamento dell'ancora e molto altro ancora. Pete LePage ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 129.

• Chrome

Monitora le prestazioni dei Core Web Vitals e degli utenti reali in DevTools

Il riquadro Rendimento in Chrome DevTools offre un nuovo modo per monitorare il rendimento locale dei Core Web Vitals e confrontarlo con i dati utente reali sul campo.

• Chrome
• Chrome DevTools

Novità di WebGPU (Chrome 129)

Supporto HDR con modalità di mappatura dei toni canvas, supporto di sottogruppi espansi e altro ancora.

• Chrome
• WebGpu

Animate to height: auto; (e altre parole chiave di dimensionamento intrinseco) in CSS

Applica l'animazione alle parole chiave di dimensionamento intrinseco con "interpolate-size" e "calc-size()"

Aggiornamenti RFCOMM Bluetooth in Web Serial

Scopri come rilevare quando è disponibile una porta seriale RFCOMM Bluetooth con Web Serial.

• Chrome

Richiesta di feedback dello sviluppatore: selezione personalizzabile

Uno sguardo in anteprima alla nuova funzionalità personalizzabile di selezione.

• Chrome

Bloccare lo schermo e ispezionare gli elementi che scompaiono

Blocca gli elementi nel DOM in modo da poterli ispezionare con DevTools.

• Chrome DevTools
• Chrome

Note di rilascio

Dettagli sulle ultime modifiche al set di dati CrUX.

• Chrome UX Report

Le API Blocco tastiera e Blocco cursore richiedono l'autorizzazione di Chrome 131

L' API Blocco tastiera consente agli sviluppatori di offrire un'esperienza immersiva a schermo intero per una serie di casi d'uso, tra cui siti web interattivi, giochi e streaming di desktop o applicazioni remoti. Ciò avviene consentendo ai siti web

• Chrome

Picture in picture per qualsiasi elemento, non solo per i <video>

Visualizza contenuti HTML arbitrari in una finestra sempre in primo piano.

Manifest - Moduli Nacl

Una o più mappature dai tipi MIME al modulo Native Client che gestisce ogni tipo. Per Ad esempio, il codice in grassetto nello snippet seguente registra un modulo Native Client come contenuto. per il tipo MIME del foglio di lavoro OpenOffice. Il

externally_connectable

La proprietà manifest externally_connectable dichiara quali estensioni, app e pagine web possono connettiti alla tua app tramite runtime.connect e runtime.sendMessage. Per un tutorial sulla trasmissione di messaggi, vedi Messaggistica per app e con

Manifest - Icone

Una o più icone che rappresentano l'estensione, l'app o il tema. Devi sempre fornire un'immagine di 128 x 128 icona; durante l'installazione e dal Chrome Web Store. Le estensioni devono inoltre fornire un Icona 48 x 48, utilizzata nella pagina di

Versione manifest

Un numero intero che specifica la versione del formato del file manifest richiesto dal pacchetto. A partire da Chrome 18, gli sviluppatori devono specificare 2 (senza virgolette) per utilizzare il formato come descritto documento: Considera la

Controllo memoria: ispeziona Arraybuffer, TypedArray, DataView e Wasm Memory.

Utilizza Memory inspector per ispezionare un Arraybuffer, TypedArray o DataView in JavaScript e WebAssembly.Memory delle app C++ Wasm.

• Chrome DevTools

Modifiche: monitora le modifiche HTML, CSS e JavaScript

Tieni traccia delle modifiche apportate a HTML, CSS e JavaScript.

• Chrome DevTools

Modifiche alla sintassi del posizionamento degli ancoraggi

Modifiche relative all'API di posizionamento dell'ancoraggio di cui devi essere a conoscenza.

• Chrome

Esegui comandi dal menu Comando

Una guida su come aprire il menu Comando, eseguire comandi, aprire file, visualizzare altre azioni e altro ancora.

• Chrome DevTools

Abilita la condivisione senza interruzioni delle credenziali tra i siti web in Chrome

Se utilizzi più domini che condividono lo stesso backend di gestione dell'account, con Digital Asset Links ora puoi anche condividere facilmente le credenziali tra di loro per consentire agli utenti di salvare le credenziali una volta e fare in modo che il Gestore delle password di Chrome le suggerisca in uno dei siti web associati.

Introduzione alla prova dell'origine dell'API Digital Credentials

Una prova dell'origine dell'API Digital Credentials inizierà a partire da Chrome 128. L'API Digital Credentials è una nuova API della piattaforma web che consente ai siti web di richiedere selettivamente informazioni verificabili sull'utente tramite credenziali digitali come la patente di guida o una carta d'identità nazionale memorizzata in un portafoglio digitale.

• Chrome

Novità di DevTools, Chrome 129

Richieste di ricerca in Rendimento > Utilizza i dati di test nei moduli degli indirizzi con la compilazione automatica, esportali in Puppeteer per Firefox nel pannello Registratore, individua a colpo d'occhio i problemi di prestazioni grazie alle osservazioni nel riquadro Prestazioni e altro ancora.

• Chrome
• Chrome DevTools

Piattaforma web

Scopri come funziona Chrome, partecipa alle prove dell'origine e crea con Chrome ovunque.

Introduzione di suggerimenti, richieste di origini correlate e serializzazione JSON per WebAuthn in Chrome

WebAuthn su Chrome ora può utilizzare i suggerimenti, le richieste di origini correlate e la serializzazione JSON

• Chrome

chrome.wallpaper

Utilizza l'API chrome.wallpaper per cambiare lo sfondo di ChromeOS. Devi dichiarare lo "sfondo" l'autorizzazione nel manifest dell'app a utilizzare l'API sfondo. Ad esempio: Ad esempio, per impostare lo sfondo come immagine nella

• Estensioni di Chrome

chrome.privacy

Usa l'API chrome.privacy per controllare l'utilizzo delle funzionalità di Chrome che possono influire sulla privacy dell'utente. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione di Chrome.

• Estensioni di Chrome

chrome.system.storage

Utilizza l'API chrome.system.storage per eseguire query sulle informazioni del dispositivo di archiviazione e ricevere una notifica quando un dispositivo di archiviazione rimovibile viene collegato e scollegato. "success" Il comando di espulsione è

• Estensioni di Chrome

chrome.input.ime

Utilizza l'API chrome.input.ime per implementare un IME personalizzato per ChromeOS. In questo modo l'estensione può gestire le sequenze di tasti, impostare la composizione e gestire la finestra candidata. Devi dichiarare l'input nel manifest

• Estensioni di Chrome

chrome.scripting

Utilizza l'API chrome.scripting per eseguire script in diversi contesti. Per utilizzare l'API chrome.scripting, dichiara l'autorizzazione "scripting" nel file manifest più le autorizzazioni host per le pagine in cui inserire script. Utilizza la

• Estensioni di Chrome

chrome.enterprise.deviceAttributes

Utilizza l'API chrome.enterprise.deviceAttributes per leggere gli attributi del dispositivo. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. Recupera la posizione annotata

• Estensioni di Chrome

chrome.webAuthenticationProxy

L'API chrome.webAuthenticationProxy consente al software di desktop remoto in esecuzione su un host remoto di intercettare le richieste dell'API Web Authentication (WebAuthn) per gestirle su un client locale. stringa

• Estensioni di Chrome

chrome.devtools.performance

Usa l'API chrome.devtools.performance per ascoltare gli aggiornamenti sullo stato della registrazione nel riquadro Prestazioni in DevTools. Consulta il riepilogo delle API di DevTools per un'introduzione generale all'utilizzo delle API degli

• Estensioni di Chrome

chrome.enterprise.hardwarePlatform

Utilizza l'API chrome.enterprise.hardwarePlatform per ottenere il produttore e il modello della piattaforma hardware su cui viene eseguito il browser. Nota: questa API è disponibile solo per le estensioni installate in base ai criteri aziendali.

• Estensioni di Chrome

chrome.types

L'API chrome.types contiene dichiarazioni di tipo per Chrome. Il tipo ChromeSetting fornisce un insieme comune di funzioni ( get(), set() e clear() ) nonché un publisher di eventi ( onChange ) per le impostazioni del browser Chrome. Le impostazioni

• Estensioni di Chrome

chrome.vpnProvider

Utilizza l'API chrome.vpnProvider per implementare un client VPN. L'utilizzo tipico di chrome.vpnProvider è il seguente: Crea configurazioni VPN chiamando createConfig(). Una configurazione VPN è una voce permanente mostrata all'utente in una UI di

• Estensioni di Chrome

chrome.tabCapture

Utilizza l'API chrome.tabCapture per interagire con gli stream multimediali delle schede. L'API chrome.tab Capture ti consente di accedere a una MediaStream che contiene video e audio della scheda corrente. Può essere chiamato solo dopo che l'utente

• Estensioni di Chrome

chrome.systemLog

Utilizza l'API chrome.systemLog per registrare i log di sistema di Chrome dalle estensioni. stringa Aggiunge un nuovo record di log. MessageOptions Le opzioni di logging. funzione facoltativa Il parametro callback ha il seguente aspetto:

• Estensioni di Chrome

chrome.power

Utilizza l'API chrome.power per eseguire l'override delle funzionalità di gestione dell'alimentazione del sistema. Per impostazione predefinita, i sistemi operativi oscurano lo schermo quando gli utenti sono inattivi e alla fine sospenderanno di un

• Estensioni di Chrome

chrome.topSites

Utilizza l'API chrome.topSites per accedere ai siti principali (ovvero i siti più visitati) visualizzati nella pagina Nuova scheda. Non sono incluse le scorciatoie personalizzate dall'utente. Devi dichiarare i siti "topSites" nel file manifest

• Estensioni di Chrome

chrome.system.memory

L'API chrome.system.memory. numero La quantità di capacità disponibile, in byte. numero La quantità totale di capacità di memoria fisica, in byte. Recupera informazioni sulla memoria fisica. funzione facoltativa Il parametro callback ha il seguente

• Estensioni di Chrome

chrome.proxy

Utilizza l'API chrome.proxy per gestire le impostazioni del proxy di Chrome. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione del proxy. Devi dichiarare il "proxy" autorizzazione nel

• Estensioni di Chrome

chrome.enterprise.networkingAttributes

Utilizza l'API chrome.enterprise.networkingAttributes per leggere le informazioni sulla tua rete attuale. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. stringa facoltativo L'indirizzo

• Estensioni di Chrome

chrome.processes

Utilizza l'API chrome.processes per interagire con i processi del browser. numero La parte di cache utilizzata, in byte. numero Le dimensioni della cache, in byte. numero facoltativo La misurazione più recente dell'utilizzo della CPU da parte del

• Estensioni di Chrome

chrome.devtools.recorder

Usa l'API chrome.devtools.recorder per personalizzare il riquadro Registratore in DevTools. L'API devtools.recorder è una funzionalità in anteprima che consente di estendere il riquadro Registratore in Chrome DevTools. Consulta il riepilogo delle API

• Estensioni di Chrome

chrome.search

Usa l'API chrome.search per eseguire una ricerca tramite il provider predefinito. "CURRENT_TAB" Specifica che i risultati di ricerca vengono visualizzati nella scheda delle chiamate o nella scheda del browser attivo. "NEW_TAB" Specifica che i

• Estensioni di Chrome

chrome.system.cpu

Usa l'API system.cpu per eseguire query sui metadati della CPU. stringa Il nome dell'architettura dei processori. stringa[] Un insieme di codici funzionalità che indicano alcune capacità del processore. I codici attualmente supportati sono "mmx",

• Estensioni di Chrome

chrome.webNavigation

Utilizza l'API chrome.webNavigation per ricevere notifiche sullo stato delle richieste di navigazione in corso. Tutti i metodi e gli eventi chrome.webNavigation richiedono di dichiarare l'autorizzazione "webNavigation" nel manifest dell'estensione.

• Estensioni di Chrome

chrome.devtools.network

Utilizza l'API chrome.devtools.network per recuperare le informazioni sulle richieste di rete visualizzate dagli Strumenti per sviluppatori nel riquadro Rete. Le informazioni sulle richieste di rete sono rappresentate nel formato HTTP Archive ( HAR

• Estensioni di Chrome

chrome.devtools.inspectedWindow

Utilizza l'API chrome.devtools.inspectedWindow per interagire con la finestra ispezionata: ottieni l'ID scheda della pagina ispezionata, valuta il codice nel contesto della finestra ispezionata, ricarica la pagina o recupera l'elenco delle risorse al

• Estensioni di Chrome

chrome.printerProvider

L'API chrome.printerProvider espone gli eventi utilizzati da Gestione stampa per interrogare le stampanti controllate da estensioni, per eseguire query sulle loro funzionalità e per inviare processi di stampa a queste stampanti. stringa facoltativo

• Estensioni di Chrome

chrome.tts

Usa l'API chrome.tts per riprodurre la sintesi vocale (TTS). Vedi anche l'API ttsEngine correlata, che consente a un'estensione di implementare un motore vocale. Chrome offre questa funzionalità su Windows (utilizzando SAPI 5), Mac OS X e ChromeOS,

• Estensioni di Chrome

chrome.printingMetrics

Utilizza l'API chrome.printingMetrics per recuperare i dati sull'utilizzo della stampa. "BLACK_AND_WHITE" Specifica che è stata utilizzata la modalità bianco e nero. "COLOR" Specifica che è stata utilizzata la modalità colore. "ONE_SIDED" Specifica

• Estensioni di Chrome

chrome.tabGroups

Utilizza l'API chrome.tabGroups per interagire con il sistema di raggruppamento delle schede del browser. Puoi utilizzare questa API per modificare e ridisporre i gruppi di schede nel browser. Per raggruppare e separare le schede o per eseguire query

• Estensioni di Chrome

Funzionalità e ChromeOptions

Le funzionalità sono opzioni che puoi utilizzare per personalizzare e configurare una sessione di ChromeDriver.

L'API di rilevamento della lingua è disponibile per l'anteprima in anteprima

I partecipanti al programma EPP ora possono creare un prototipo con un'API di rilevamento della lingua in Chrome.

• Chrome

Lighthouse: ottimizza la velocità del sito web

Velocizza il caricamento dei tuoi siti web con Chrome Lighthouse.

• Chrome DevTools

chrome.webRequest

Utilizza l'API chrome.webRequest per osservare e analizzare il traffico e intercettare, bloccare o modificare le richieste in corso. Per usare la richiesta web, devi dichiarare l'autorizzazione "webRequest" nel manifest dell'estensione dell'API,

• Estensioni di Chrome

chrome.sidePanel

Utilizza l'API chrome.sidePanel per ospitare i contenuti nel riquadro laterale del browser insieme ai contenuti principali di una pagina web. Per utilizzare l'API Side Panel, aggiungi l'autorizzazione "sidePanel" nel file manifest dell'estensione:

• Estensioni di Chrome

chrome.omnibox

L'API omnibox ti consente di registrare una parola chiave nella barra degli indirizzi di Google Chrome, nota anche come omnibox. Quando l'utente inserisce la parola chiave dell'estensione, inizia a interagire esclusivamente con la tua. Ogni sequenza

• Estensioni di Chrome

chrome.windows

Utilizza l'API chrome.windows per interagire con le finestre del browser. Puoi utilizzare questa API per creare, modificare e ridisporre le finestre nel browser. Quando richiesto, un elemento windows.Window contiene un array di oggetti tabs.Tab.

• Estensioni di Chrome

chrome.pageAction

Utilizza l'API chrome.pageAction per inserire icone nella barra degli strumenti principale di Google Chrome, a destra della barra degli indirizzi. Le azioni sulla pagina rappresentano azioni che possono essere intraprese sulla pagina corrente, ma che

• Estensioni di Chrome

chrome.browserAction

Utilizza le azioni del browser per inserire icone nella barra degli strumenti principale di Google Chrome, a destra della barra degli indirizzi. Oltre alla sua icona, un'azione del browser può avere una descrizione comando, un badge e un popup. Nella

• Estensioni di Chrome

chrome.i18n

Utilizza l'infrastruttura chrome.i18n per implementare l'internazionalizzazione nell'intera app o estensione. Devi inserire tutte le stringhe visibili all'utente in un file denominato messages.json. Ogni volta aggiungi nuove impostazioni

• Estensioni di Chrome

chrome.webRequest

Utilizza l'API chrome.webRequest per osservare e analizzare il traffico e intercettare, bloccare o modificare le richieste in corso. Per usare la richiesta web, devi dichiarare l'autorizzazione "webRequest" nel manifest dell'estensione dell'API,

• Estensioni di Chrome

chrome.fileBrowserHandler

Utilizza l'API chrome.fileBrowserHandler per estendere il browser di file di ChromeOS. Ad esempio, puoi utilizzare questa API per consentire agli utenti di caricare file sul tuo sito web. Il browser di file di ChromeOS viene visualizzato quando

• Estensioni di Chrome

chrome.devtools.panels

Utilizza l'API chrome.devtools.panels per integrare la tua estensione nell'interfaccia utente della finestra Strumenti per sviluppatori: crea i tuoi riquadri, accedi ai riquadri esistenti e aggiungi barre laterali. Per utilizzare questa API, le

• Estensioni di Chrome

Formato file manifest

Ogni app dispone di un file manifest in formato JSON, chiamato manifest.json, che fornisce importanti informazioni. Il seguente codice mostra i campi manifest supportati per le app, con link alla pagina che illustra ogni campo.

chrome.system.cpu

Usa l'API system.cpu per eseguire query sui metadati della CPU. stringa Il nome dell'architettura dei processori. stringa[] Un insieme di codici funzionalità che indicano alcune capacità del processore. I codici attualmente supportati sono "mmx",

• Estensioni di Chrome

chrome.enterprise.networkingAttributes

Utilizza l'API chrome.enterprise.networkingAttributes per leggere le informazioni sulla tua rete attuale. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. stringa facoltativo L'indirizzo

• Estensioni di Chrome

chrome.gcm

Utilizza chrome.gcm per consentire ad app ed estensioni di inviare e ricevere messaggi tramite Firebase Cloud Messaging (FCM). La dimensione massima (in byte) di tutte le coppie chiave/valore in un messaggio. 4096 Registra l'applicazione con FCM.

• Estensioni di Chrome

chrome.loginState

Utilizza l'API chrome.loginState per leggere e monitorare lo stato dell'accesso. "SIGNIN_PROFILE" Specifica che l'estensione si trova nel profilo di accesso. "USER_PROFILE" Specifica che l'estensione è presente nel profilo utente. "UNKNOWN" Specifica

• Estensioni di Chrome

chrome.wallpaper

Utilizza l'API chrome.wallpaper per cambiare lo sfondo di ChromeOS. Devi dichiarare lo "sfondo" l'autorizzazione nel manifest dell'app a utilizzare l'API sfondo. Ad esempio: Ad esempio, per impostare lo sfondo come immagine nella

• Estensioni di Chrome

chrome.fontSettings

Utilizza l'API chrome.fontSettings per gestire le impostazioni dei caratteri di Chrome. Per utilizzare l'API Font Settings, devi dichiarare il valore "fontSettings" nell' estensione del file manifest. Ad esempio: Chrome consente la dipendenza di

• Estensioni di Chrome

chrome.instanceID

Usa chrome.instanceID per accedere al servizio ID istanza. Reimposta l'identificatore di istanza dell'app e revoca tutti i token associati. funzione facoltativa Il parametro callback ha il seguente aspetto: Promesso&lt;void&gt; Le promesse sono

• Estensioni di Chrome

chrome.input.ime

Utilizza l'API chrome.input.ime per implementare un IME personalizzato per ChromeOS. In questo modo l'estensione può gestire le sequenze di tasti, impostare la composizione e gestire la finestra candidata. Devi dichiarare l'input nel manifest

• Estensioni di Chrome

chrome.printingMetrics

Utilizza l'API chrome.printingMetrics per recuperare i dati sull'utilizzo della stampa. "BLACK_AND_WHITE" Specifica che è stata utilizzata la modalità bianco e nero. "COLOR" Specifica che è stata utilizzata la modalità colore. "ONE_SIDED" Specifica

• Estensioni di Chrome

chrome.platformKeys

Utilizza l'API chrome.platformKeys per accedere ai certificati client gestiti dalla piattaforma. Se l'utente o il criterio concedono l'autorizzazione, un'estensione può utilizzare questo certificato nel proprio protocollo di autenticazione

• Estensioni di Chrome

chrome.devtools.inspectedWindow

Utilizza l'API chrome.devtools.inspectedWindow per interagire con la finestra ispezionata: ottieni l'ID scheda della pagina ispezionata, valuta il codice nel contesto della finestra ispezionata, ricarica la pagina o recupera l'elenco delle risorse al

• Estensioni di Chrome

chrome.history

Utilizza l'API chrome.history per interagire con il record delle pagine visitate del browser. Puoi aggiungere, rimuovere ed eseguire query per gli URL nella cronologia del browser. Per eseguire l'override della pagina della cronologia con la tua

• Estensioni di Chrome

chrome.identity

Utilizza l'API chrome.identity per ottenere i token di accesso OAuth2. stringa Un identificatore univoco dell'account. Questo ID rimarrà invariato per tutta la durata dell'account. "SYNC" Specifica che la sincronizzazione è abilitata per l'account

• Estensioni di Chrome

chrome.tts

Usa l'API chrome.tts per riprodurre la sintesi vocale (TTS). Vedi anche l'API ttsEngine correlata, che consente a un'estensione di implementare un motore vocale. Chrome offre supporto nativo per il parlato su Windows (utilizzando SAPI 5), Mac OS X e

• Estensioni di Chrome

chrome.processes

Utilizza l'API chrome.processes per interagire con i processi del browser. numero La parte di cache utilizzata, in byte. numero Le dimensioni della cache, in byte. numero facoltativo La misurazione più recente dell'utilizzo della CPU da parte del

• Estensioni di Chrome

chrome.enterprise.hardwarePlatform

Utilizza l'API chrome.enterprise.hardwarePlatform per ottenere il produttore e il modello della piattaforma hardware su cui viene eseguito il browser. Nota: questa API è disponibile solo per le estensioni installate in base ai criteri aziendali.

• Estensioni di Chrome

chrome.devtools.recorder

Usa l'API chrome.devtools.recorder per personalizzare il riquadro Registratore in DevTools. Consulta il riepilogo delle API di DevTools per un'introduzione generale all'utilizzo delle API degli strumenti per sviluppatori. L'API devtools.recorder è

• Estensioni di Chrome

chrome.dom

Usa l'API chrome.dom per accedere a speciali API DOM per le estensioni Restituisce la radice ombra aperta o la radice ombra chiusa ospitata dall'elemento specificato. Se l'elemento non collega la radice shadow, restituirà un valore nullo. HTMLElement

• Estensioni di Chrome

chrome.tabCapture

Utilizza l'API chrome.tabCapture per interagire con gli stream multimediali delle schede. L'API chrome.tab Capture consente di accedere a un file MediaStream contenente video e audio della scheda corrente. Può essere chiamato solo dopo che l'utente

• Estensioni di Chrome

chrome.webNavigation

Utilizza l'API chrome.webNavigation per ricevere notifiche sullo stato delle richieste di navigazione in corso. Tutti i metodi e gli eventi chrome.webNavigation richiedono la dichiarazione di "web Browsing" autorizzazione nel manifest

• Estensioni di Chrome

chrome.topSites

Utilizza l'API chrome.topSites per accedere ai siti principali (ovvero i siti più visitati) visualizzati nella pagina Nuova scheda. Non sono incluse le scorciatoie personalizzate dall'utente. Devi dichiarare i siti "topSites" nel file manifest

• Estensioni di Chrome

chrome.management

L'API chrome.management consente di gestire le app e le estensioni installate. Devi dichiarare il valore "management" nel manifest dell'estensione per utilizzare la gestione tramite Google Cloud CLI o tramite l'API Compute Engine. Ad esempio:

• Estensioni di Chrome

chrome.idle

Usa l'API chrome.idle per rilevare quando cambia lo stato di inattività della macchina. Devi dichiarare lo stato "inattivo" nel file manifest dell'estensione per usare l'API inattiva. Ad esempio: "attivo" "inattivo" "bloccata" Recupera il tempo, in

• Estensioni di Chrome

chrome.search

Usa l'API chrome.search per eseguire una ricerca tramite il provider predefinito. "CURRENT_TAB" Specifica che i risultati di ricerca vengono visualizzati nella scheda delle chiamate o nella scheda del browser attivo. "NEW_TAB" Specifica che i

• Estensioni di Chrome

chrome.printerProvider

L'API chrome.printerProvider espone gli eventi utilizzati da Gestione stampa per interrogare le stampanti controllate da estensioni, per eseguire query sulle loro funzionalità e per inviare processi di stampa a queste stampanti. stringa facoltativo

• Estensioni di Chrome

chrome.types

L'API chrome.types contiene dichiarazioni di tipo per Chrome. Il prototipo ChromeSetting fornisce un insieme comune di funzioni ( get(), set() e clear() ) nonché un publisher di eventi ( onChange ) per le impostazioni del browser Chrome. Le

• Estensioni di Chrome

chrome.enterprise.deviceAttributes

Utilizza l'API chrome.enterprise.deviceAttributes per leggere gli attributi del dispositivo. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. Recupera la posizione annotata

• Estensioni di Chrome

chrome.windows

Utilizza l'API chrome.windows per interagire con le finestre del browser. Puoi utilizzare questa API per creare, modificare e ridisporre le finestre nel browser. Quando richiesto, un elemento windows.Window contiene un array di oggetti tabs.Tab.

• Estensioni di Chrome

chrome.privacy

Usa l'API chrome.privacy per controllare l'utilizzo delle funzionalità di Chrome che possono influire sulla privacy dell'utente. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione di Chrome.

• Estensioni di Chrome

chrome.power

Utilizza l'API chrome.power per eseguire l'override delle funzionalità di gestione dell'alimentazione del sistema. Per impostazione predefinita, i sistemi operativi oscurano lo schermo quando gli utenti sono inattivi e alla fine sospenderanno di un

• Estensioni di Chrome

chrome.pageCapture

Usa l'API chrome.pageCapture per salvare una scheda come MHTML. MHTML è un formato standard supportato dalla maggior parte dei browser. Incapsula in un singolo file una pagina e tutte le relative risorse (file CSS, immagini e così via). Tieni

• Estensioni di Chrome

chrome.systemLog

Utilizza l'API chrome.systemLog per registrare i log di sistema di Chrome dalle estensioni. stringa Aggiunge un nuovo record di log. MessageOptions Le opzioni di logging. funzione facoltativa Il parametro callback ha il seguente aspetto:

• Estensioni di Chrome

chrome.fileSystemProvider

Utilizza l'API chrome.fileSystemProvider per creare file system accessibili tramite Gestione file su ChromeOS. Devi dichiarare il valore "fileSystemProvider" e la sezione del manifest dell'estensione per utilizzare l'API File System Provider. Ad

• Estensioni di Chrome

chrome.notifications

Usa l'API chrome.notifications per creare notifiche avanzate utilizzando modelli e mostrare queste notifiche agli utenti nella barra delle applicazioni. stringa facoltativo Icone dei pulsanti non visibili per gli utenti di Mac OS X. stringa stringa

• Estensioni di Chrome

chrome.downloads

Questa autorizzazione attiva un avviso Utilizza l'API chrome.downloads per avviare, monitorare, manipolare e cercare download in modo programmatico. Per utilizzare questa API, devi dichiarare l'autorizzazione "downloads" nel manifest dell'estensione.

• Estensioni di Chrome

chrome.devtools.network

Utilizza l'API chrome.devtools.network per recuperare le informazioni sulle richieste di rete visualizzate dagli Strumenti per sviluppatori nel riquadro Rete. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel manifest.

• Estensioni di Chrome

chrome.vpnProvider

Utilizza l'API chrome.vpnProvider per implementare un client VPN. L'utilizzo tipico di vpnProvider è il seguente: Creare configurazioni VPN utilizzando il metodo createConfig. Una configurazione VPN è una voce permanente mostrata all'utente in una UI

• Estensioni di Chrome

chrome.proxy

Utilizza l'API chrome.proxy per gestire le impostazioni del proxy di Chrome. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione del proxy. Devi dichiarare il "proxy" autorizzazione nel

• Estensioni di Chrome

chrome.events

Lo spazio dei nomi chrome.events contiene tipi comuni utilizzati dagli eventi di invio delle API per avvisarti quando succede qualcosa di interessante. Un Event è un oggetto che ti consente di ricevere una notifica quando succede qualcosa di

• Estensioni di Chrome

chrome.events

Lo spazio dei nomi chrome.events contiene tipi comuni utilizzati dagli eventi di invio delle API per avvisarti quando succede qualcosa di interessante. Un Event è un oggetto che ti consente di ricevere una notifica quando succede qualcosa di

• Estensioni di Chrome

chrome.idle

Usa l'API chrome.idle per rilevare quando cambia lo stato di inattività della macchina. Per usare l'API inattiva, devi dichiarare l'autorizzazione "idle" nel file manifest dell'estensione. Ad esempio: "attivo" "inattivo" "bloccata" Recupera il tempo,

• Estensioni di Chrome

chrome.pageCapture

Usa l'API chrome.pageCapture per salvare una scheda come MHTML. MHTML è un formato standard supportato dalla maggior parte dei browser. Incapsula in un singolo file una pagina e tutte le relative risorse (file CSS, immagini e così via). Tieni

• Estensioni di Chrome

chrome.offscreen

Usa l'API offscreen per creare e gestire documenti fuori schermo. Per utilizzare l'API Offscreen, dichiara l'autorizzazione "offscreen" nel manifest dell'estensione. Ad esempio: I Service worker non hanno accesso al DOM e molti siti web hanno criteri

• Estensioni di Chrome

chrome.dom

Usa l'API chrome.dom per accedere a speciali API DOM per le estensioni Restituisce la radice ombra aperta o la radice ombra chiusa ospitata dall'elemento specificato. Se l'elemento non collega la radice shadow, restituirà un valore nullo. HTMLElement

• Estensioni di Chrome

chrome.fileSystemProvider

Utilizza l'API chrome.fileSystemProvider per creare file system accessibili tramite Gestione file su ChromeOS. Devi dichiarare il valore "fileSystemProvider" e la sezione del manifest dell'estensione per utilizzare l'API File System Provider. Ad

• Estensioni di Chrome

chrome.debugger

L'API chrome.debugger funge da trasporto alternativo per il protocollo di debug remoto di Chrome. Usa chrome.debugger per collegarti a una o più schede per analizzare l'interazione con la rete, eseguire il debug di JavaScript, modificare DOM e CSS e

• Estensioni di Chrome

chrome.instanceID

Usa chrome.instanceID per accedere al servizio ID istanza. Reimposta l'identificatore di istanza dell'app e revoca tutti i token associati. funzione facoltativa Il parametro callback ha il seguente aspetto: Promesso&lt;void&gt; Le promesse sono

• Estensioni di Chrome

chrome.loginState

Utilizza l'API chrome.loginState per leggere e monitorare lo stato dell'accesso. "SIGNIN_PROFILE" Specifica che l'estensione si trova nel profilo di accesso. "USER_PROFILE" Specifica che l'estensione è presente nel profilo utente. "UNKNOWN" Specifica

• Estensioni di Chrome

chrome.management

L'API chrome.management consente di gestire le app e le estensioni installate. Devi dichiarare il valore "management" nel manifest dell'estensione per utilizzare la gestione tramite Google Cloud CLI o tramite l'API Compute Engine. Ad esempio:

• Estensioni di Chrome

chrome.omnibox

L'API omnibox ti consente di registrare una parola chiave nella barra degli indirizzi di Google Chrome, nota anche come omnibox. Quando l'utente inserisce la parola chiave dell'estensione, inizia a interagire esclusivamente con la tua. Ogni sequenza

• Estensioni di Chrome

chrome.downloads

Utilizza l'API chrome.downloads per avviare, monitorare, manipolare e cercare download in modo programmatico. Per utilizzare questa API, devi dichiarare l'autorizzazione "downloads" nel manifest dell'estensione. Puoi trovare semplici esempi di

• Estensioni di Chrome

chrome.platformKeys

Utilizza l'API chrome.platformKeys per accedere ai certificati client gestiti dalla piattaforma. Se l'utente o il criterio concedono l'autorizzazione, un'estensione può utilizzare questo certificato nel proprio protocollo di autenticazione

• Estensioni di Chrome

chrome.history

Utilizza l'API chrome.history per interagire con il record delle pagine visitate del browser. Puoi aggiungere, rimuovere ed eseguire query per gli URL nella cronologia del browser. Per eseguire l'override della pagina della cronologia con la tua

• Estensioni di Chrome

chrome.gcm

Utilizza chrome.gcm per consentire ad app ed estensioni di inviare e ricevere messaggi tramite Firebase Cloud Messaging (FCM). La dimensione massima (in byte) di tutte le coppie chiave/valore in un messaggio. 4096 Registra l'applicazione con FCM.

• Estensioni di Chrome

chrome.notifications

Usa l'API chrome.notifications per creare notifiche avanzate utilizzando modelli e mostrare queste notifiche agli utenti nella barra delle applicazioni. stringa facoltativo Icone dei pulsanti non visibili per gli utenti di Mac OS X. stringa stringa

• Estensioni di Chrome

chrome.identity

Utilizza l'API chrome.identity per ottenere i token di accesso OAuth2. stringa Un identificatore univoco dell'account. Questo ID rimarrà invariato per tutta la durata dell'account. "SYNC" Specifica che la sincronizzazione è abilitata per l'account

• Estensioni di Chrome

chrome.sockets.tcp

Utilizza l'API chrome.sockets.tcp per inviare e ricevere dati sulla rete tramite connessioni TCP. Questa API sostituisce la funzionalità TCP in precedenza presente nell'API chrome.socket. Per utilizzare questa API, le seguenti chiavi devono essere

chrome.hid

Utilizza l'API chrome.hid per interagire con i dispositivi HID connessi. Questa API consente di accedere alle operazioni HID dal contesto di un'app. Utilizzando questa API, le app possono fungere da driver per i dispositivi hardware. Gli errori

chrome.sockets.tcpServer

Utilizza l'API chrome.sockets.tcpServer per creare applicazioni server mediante connessioni TCP. Questa API sostituisce la funzionalità TCP in precedenza presente nell'API chrome.socket. Per utilizzare questa API, le seguenti chiavi devono essere

chrome.system.network

Utilizza l'API chrome.system.network. stringa L'indirizzo IPv4/6 disponibile. stringa Il nome sottostante dell'adattatore. Su *nix, i valori sono in genere "eth0", "wlan0" e così via. numero La lunghezza del prefisso Recupera informazioni sugli

chrome.app.window

Usa l'API chrome.app.window per creare finestre. Le finestre hanno un frame facoltativo con la barra del titolo e i controlli per le dimensioni. Non sono associate a nessuna finestra del browser Chrome. Per una dimostrazione di queste opzioni, vedi

chrome.fileSystem

Utilizza l'API chrome.fileSystem per creare, leggere, navigare e scrivere nel file system locale dell'utente. Con questa API, le app di Chrome possono leggere e scrivere in una posizione selezionata dall'utente. Ad esempio, un'app di editor di testo

chrome.mediaGalleries

Usa l'API chrome.mediaGalleries per accedere ai file multimediali (audio, immagini, video) dai dischi locali dell'utente (con il suo consenso). stringa booleano stringa Identifica la galleria modificata. GalleryChangeType Tipo di evento di modifica.

Logging

Per impostazione predefinita, ChromeDriver registra solo avvisi/errori in stderr. Durante il debug problemi, è utile attivare una registrazione più dettagliata. Per attivare il logging dettagliato, passa semplicemente --verbose al server

Inizia a utilizzare ChromeDriver

Questa pagina documenta come iniziare a utilizzare ChromeDriver per testare il tuo sito web su computer desktop (Windows/Mac/Linux). Puoi anche leggere Guida introduttiva ad Android oppure Guida introduttiva a ChromeOS. ChromeDriver è un eseguibile

Estensioni di Chrome

Le estensioni di Chrome possono essere pacchettizzate o decompresse. Per comprimere un'estensione non pacchettizzata, usa il pulsante Comprime in chrome://extensions oppure utilizza Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension

Chrome 129 beta

Scopri in anteprima la prossima versione di Chrome con questo post che descrive nel dettaglio le funzionalità della versione beta attuale.

• Chrome

Personalizza i dati sulle prestazioni con l'API estensibilità

Personalizza i dati sulle prestazioni con l'API estensibilità

• Chrome DevTools

chrome.browsingData

Utilizza l'API chrome.browsingData per rimuovere i dati di navigazione dal profilo locale di un utente. Per utilizzare questa API, devi dichiarare l'autorizzazione "browsingData" nel manifest dell'estensione. Il caso d'uso più semplice per questa API

• Estensioni di Chrome

chrome.system.memory

L'API chrome.system.memory. numero La quantità di capacità disponibile, in byte. numero La quantità totale di capacità di memoria fisica, in byte. Recupera informazioni sulla memoria fisica. funzione facoltativa Il parametro callback ha il seguente

• Estensioni di Chrome

chrome.desktopCapture

L'API Desktop Capture acquisisce i contenuti dello schermo, di singole finestre o singole schede. Enum utilizzata per definire l'insieme di origini multimediali desktop utilizzate in chooseDesktopMedia(). "schermo" "finestra" "scheda" "audio" Esegue

• Estensioni di Chrome

chrome.documentScan

Utilizza l'API chrome.documentScan per rilevare e recuperare immagini dagli scanner di documenti collegati. L'API Document Scan è progettata per consentire ad app ed estensioni di visualizzare i contenuti di documenti cartacei su uno scanner di

• Estensioni di Chrome

Riferimento API

Il riferimento completo a tutte le API messe a disposizione delle estensioni di Chrome. Sono incluse le API per la piattaforma App di Chrome deprecata, nonché le API ancora in versione beta e dev.

• Estensioni di Chrome

Chrome DevTools

Esegui il debug e ottimizza le applicazioni web con Chrome DevTools.

• Chrome DevTools

Miglioramento delle prestazioni dell'accessibilità di Chromium

Un post di Ahmed Elwasefi, che racconta come è diventato un collaboratore di Chromium grazie a Google Summer of Code.

• Chrome

Novità di WebGPU (Chrome 128)

Sperimenta con i sottogruppi, ritira l'impostazione della bias di profondità per linee e punti, nascondi l'avviso di DevTools non acquisito se preventDefault, WGSL interpola prima il campionamento e l'uno o l'altro e altro ancora.

• Chrome
• WebGpu

Creare un'app con WebGPU

Scopri come creare un'app con WebGPU per il web e piattaforme specifiche.

Contenuti multimediali: visualizzare le informazioni dei lettori multimediali ed eseguirne il debug

Utilizza il riquadro Media per visualizzare le informazioni ed eseguire il debug dei media player per ogni scheda del browser.

• Chrome DevTools

Chrome 128

L'implementazione di Chrome 128 avverrà il 20 agosto 2024, con la proprietà CSS ruby-align, Promise.try e molte altre.

• Chrome

Prova dell'origine dell'API File System Observer

Il team di Chrome sta sperimentando una nuova API File System Observer, che informa gli sviluppatori delle modifiche al file system.

• Chrome

Novità di Chrome 128

È in corso l'implementazione di Chrome 128. Con un display migliorato per gli elementi color rosso rubino con interruzioni di riga, Promise.try per avviare le catene Promise più facilmente, l'interfaccia PointerEvent estesa per identificare in modo univoco più penne e c'è molto altro e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 128.

• Chrome

chrome.alarms

Usa l'API chrome.alarms per pianificare l'esecuzione del codice periodicamente o in un orario specifico nel futuro. Per utilizzare l'API chrome.alarms, dichiara l'autorizzazione "alarms" nel manifest: I seguenti esempi mostrano come utilizzare e

• Estensioni di Chrome

chrome.contextMenus

Utilizza l'API chrome.contextMenus per aggiungere elementi al menu contestuale di Google Chrome. Puoi scegliere i tipi di oggetti a cui applicare le aggiunte del menu contestuale, ad esempio immagini, link ipertestuali e pagine. Le voci del menu

• Estensioni di Chrome

chrome.debugger

L'API chrome.debugger funge da trasporto alternativo per il protocollo di debug remoto di Chrome. Usa chrome.debugger per collegarti a una o più schede per analizzare l'interazione con la rete, eseguire il debug di JavaScript, modificare DOM e CSS e

• Estensioni di Chrome

chrome.commands

Utilizza l'API dei comandi per aggiungere scorciatoie da tastiera che attivano azioni nell'estensione, ad esempio un'azione per aprire l'azione del browser o inviare un comando all'estensione. Per utilizzare questa API, le seguenti chiavi devono

• Estensioni di Chrome

chrome.audio

Viene fornita l'API chrome.audio per consentire agli utenti di ottenere informazioni sui dispositivi audio collegati al sistema e di controllarli. Questa API è attualmente disponibile solo in modalità kiosk per ChromeOS. stringa Nome del dispositivo.

• Estensioni di Chrome

chrome.declarativeContent

Usa l'API chrome.declarativeContent per intraprendere azioni a seconda dei contenuti di una pagina, senza richiedere l'autorizzazione a leggerne i contenuti. L'API dichiarativa Content ti consente di attivare l'azione dell'estensione in base all'URL

• Estensioni di Chrome

chrome.browsingData

Utilizza l'API chrome.browsingData per rimuovere i dati di navigazione dal profilo locale di un utente. Devi dichiarare il valore "browsingData" nel manifest dell'estensione per utilizzare questa API. Il caso d'uso più semplice per questa API è un

• Estensioni di Chrome

API File System Access: semplifica l'accesso ai file locali

L'API File System Access consente agli sviluppatori di creare potenti app web che interagiscono con i file sul dispositivo locale dell'utente, come IDE, editor di foto e video, editor di testo e altro ancora. Dopo che un utente ha concesso l'accesso a un'app web, questa API consente all'utente di leggere o salvare le modifiche direttamente su file e cartelle sul suo dispositivo.

L'API Summarization è disponibile per l'anteprima in anteprima

I partecipanti a EPP ora possono creare un prototipo con l'API di riepilogo per Gemini Nano in Chrome.

• Chrome

Eventi Snap di scorrimento

Presentazione di due nuovi eventi JavaScript: scrollSnapChange e scorriSnapChange.

• Chrome

Sperimentazione con la misurazione delle navigazioni soft

Il team di Chrome sta lavorando per migliorare la misurazione delle cosiddette navigazioni soft utilizzate dalle applicazioni a pagina singola e ora è disponibile una nuova API dietro un flag per consentire anche ai siti di fare esperimenti con queste.

4 modi per acquisire screenshot con DevTools

Scopri 4 modi unici per acquisire screenshot con DevTools.

• Chrome
• Chrome DevTools

Novità di DevTools, Chrome 128

Gli approfondimenti sulla console vengono pubblicati in Europa, API e canale di rete migliorati per personalizzare i canali nel riquadro Rendimento e altro ancora.

• Chrome DevTools
• Chrome

WebDriver BiDi pronto per la produzione in Firefox, Chrome e Puppeteer

Puppeteer 23 introduce il supporto stabile per Firefox 129 e versioni successive, offrendo un'API unificata per l'automazione di Chrome e Firefox, basata su WebDriver BiDi.

• Chrome

Blog

Ultime notizie dal team per le relazioni con gli sviluppatori di Chrome

• Chrome

Aggiornamenti dell'esperienza utente delle passkey in Chrome su Android

Chrome su Android ora integra il Gestore delle credenziali che consente ai gestori delle password di terze parti di fornire passkey su Android 14 e versioni successive

• Chrome

Partecipa all'esperimento sull'IA integrata di Chrome

Aggiornamento sull'IA integrata, sull'API Prompt e sui piani AI di Chrome.

• Chrome

Nomi CSS definiti dall'autore e shadow DOM: nella specifica e nella pratica

Spiegazione dell'attuale stato di interoperabilità dei nomi definiti dall'autore come utilizzato nello shadow DOM in CSS.

Automazione con WebDriver BiDi ora disponibile su BrowserStack

BrowserStack introduce il supporto BiDi di WebDriver: migliora i tuoi test Selenium Grid con l'automazione basata su eventi.

• Chrome

Oltre le espressioni regolari: miglioramento dell'analisi del valore CSS in Chrome DevTools

Scopri come il team DevTools ha migliorato la presentazione degli stili nella scheda Stili.

• Chrome

API CrUX

Scopri come creare richieste e analizzare le risposte dall'API CrUX.

• Chrome UX Report

API CrUX History

Scopri come eseguire query degli ultimi sei mesi delle tendenze storiche di CrUX utilizzando l'API CrUX History.

• Chrome UX Report

Caricamenti delle pagine più rapidi grazie al momento di riflessione del server con i suggerimenti anticipati

Scopri in che modo il tuo server può inviare suggerimenti al browser sulle risorse secondarie critiche.

Riquadro Rete: analisi del carico e delle risorse di rete

Analizza carico e risorse di rete

• Chrome DevTools

Interruzioni di riga <ruby> e la proprietà ruby-align CSS

Elemento ruby con interruzioni di riga e proprietà ruby-align CSS

• Chrome

Campioni

Esempi di estensioni di Chrome sono disponibili su GitHub.

• Estensioni di Chrome

Pubblica l'app

DA FARE

• Estensioni di Chrome

Manifest - Versione

Da uno a quattro numeri interi separati da punti che identificano la versione di questa estensione. Ai numeri interi si applicano un paio di regole: devono essere compresi tra 0 e 65535 inclusi e i numeri interi diversi da zero non possono iniziare

Manifest: impostazioni internazionali predefinite

Specifica la sottodirectory di _locales che contiene le stringhe predefinite per questa estensione. Questo campo è obbligatorio nelle estensioni che hanno una directory _locales; deve essere assente nelle estensioni che non hanno una directory

Manifest - Offline abilitato

Indica se l'app o l'estensione dovrebbe funzionare offline. Quando Chrome rileva che è offline, le app con questo campo impostato su true vengono evidenziate nella pagina Nuova scheda. A partire da Chrome 35, si presume che le app siano abilitate

Manifest - Versione minima di Chrome

La versione di Chrome richiesta dall'estensione, dall'app o dal tema, se presente. Il formato per questa stringa è lo stesso del campo version.

flussi di lavoro

RouteHandlerCallbackOptions StreamSource | Promessa&lt; StreamSource &gt; Risposta ReadableStream BodyInit Prende più promise di origine, ognuna delle quali potrebbe risolversi in una risposta, un valore ReadableStream o un BodyInit. Restituisce un

Manifest: descrizione

Una stringa di testo normale (non HTML o altra formattazione, non più di 132 caratteri) che descrive l'estensione. La descrizione deve essere adatta sia per l'interfaccia utente di gestione delle estensioni del browser sia per il Chrome Web Store.

Manifest - Chiave

Questo valore può essere utilizzato per controllare l'ID univoco di un'estensione, un'app o un tema quando vengono caricati durante lo sviluppo. Per ottenere un valore chiave adatto, installa prima l'estensione da un file.crx (potrebbe essere

Aggiornamento: pagine di eventi e pagine in background

Manifest: nome e nome breve

Le proprietà del file manifest name e short_name sono brevi stringhe di testo normale che identificano l'app. Puoi specificare stringhe specifiche delle impostazioni internazionali per entrambi i campi. Consulta Internazionalizzazione per i dettagli.

Funzionalità web disattivate

Anche se le app di Chrome utilizzano la piattaforma web, alcune funzionalità web sono state disattivate oppure vengono utilizzate in modo diverso. Lo scopo principale è evitare problemi di sicurezza e migliorare le pratiche di programmazione. Di

Chrome 128 beta

Scopri in anteprima la prossima versione di Chrome con questo post che descrive nel dettaglio le funzionalità della versione beta attuale.

• Chrome

In che modo Chrome aiuta gli utenti a installare le app che ritengono utili

La ricerca interna sugli utenti di Chrome mostra che molte persone apprezzano l'installazione di app web. Offre molti vantaggi, tra cui: Esistono diversi modi in cui Chrome e gli sviluppatori web possono essere d'aiuto, inclusa una nuova funzionalità

• Chrome

Chrome 127

Il lancio di Chrome 127 è previsto per il 23 luglio 2024, con font-size-adjusted, i contenitori di scorrimento attivabili dalla tastiera e molti altri ancora.

• Chrome

Novità di WebGPU (Chrome 127)

Supporto sperimentale per OpenGL ES su Android, attributo info GPUAdapter, miglioramenti dell'interoperabilità WebAssembly e altro ancora.

• Chrome
• WebGpu

Novità di Chrome 127

È in corso l'implementazione di Chrome 127. Con il supporto della regolazione delle dimensioni del carattere, le attivazioni degli utenti propagate nell'API Document Picture in picture, i contenitori di scorrimento attivabili dalla tastiera e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 127.

• Chrome

Richiesta di feedback degli sviluppatori sul flusso di lettura e sugli elementi con display: contenuti

Aiutaci a garantire che il flusso di lettura soddisfi le tue esigenze.

• Chrome

Riferimento per le funzionalità di rete

Un riferimento completo delle funzionalità del riquadro Network di Chrome DevTools.

• Chrome DevTools

Preferenze

Informazioni sulla scheda Preferenze.

• Chrome DevTools

Riquadro di registrazione: registrare e misurare il flusso utente

Analizza e registra i flussi degli utenti.

• Chrome DevTools

equivoci sulle transizioni delle visualizzazioni

Con sempre più persone che iniziano a esaminare l'API View Transizione, è il momento di sfatare alcuni equivoci.

• Chrome

Cosa sta succedendo nelle estensioni di Chrome?

Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.

• Estensioni di Chrome
• Chrome

Estensioni di Chrome: importanti aggiornamenti delle norme

Questo annuncio include una serie di aggiornamenti alla pagina delle Norme del programma per gli sviluppatori pensati per incoraggiare lo sviluppo di prodotti di alta qualità, prevenire comportamenti ingannevoli e garantire il consenso informato degli utenti.

• Estensioni di Chrome
• Chrome

Novità di DevTools, Chrome 127

Posizionamento dell'ancoraggio CSS in Elementi, miglioramento "Non mettere mai in pausa qui" in Origini, nuovi listener di eventi di scorrimento dello scatto, preset di limitazione della rete aggiornati e altro ancora.

• Chrome DevTools
• Chrome

Modalità Ispeziona: analizza rapidamente le proprietà degli elementi

Ispezionare gli elementi nell'app web

• Chrome DevTools

Riferimento per le funzionalità delle prestazioni

Un riferimento su tutti i modi per registrare e analizzare le prestazioni in Chrome DevTools.

• Chrome DevTools

L'API Long Animation Frame è stata spedita

L'API Long Animation Frame (LoAF) è stata spedita da Chrome 123 e abbiamo anche aggiornato i nostri strumenti e le nostre indicazioni per aiutarti a ottenere il massimo da questa nuova API.

• Chrome

Aggiunta di tipi di fiducia a YouTube

YouTube sta migliorando la sicurezza della piattaforma con Trusted Tipi per prevenire gli attacchi di cross-site scripting (XSS) ma ciò potrebbe influire sulla tua estensione.

• Chrome
• Estensioni di Chrome

Evita un DOM di dimensioni eccessive

Scopri come un DOM di grandi dimensioni può ridurre le prestazioni della tua pagina web e come ridurre le dimensioni del DOM al momento del caricamento.

Prerendering delle pagine in Chrome per navigazioni immediate tra le pagine

Il team di Chrome sta lavorando a opzioni per ripristinare il prerendering completo delle pagine future che è probabile vengano visitate da un utente.

Dietro al Chrome Web Store: domande attendibili e sicure

Abbiamo incontrato il team che si occupa della revisione del Chrome Web Store.

• Chrome
• Estensioni di Chrome

Prestazioni massime di IndexedDB con i bucket di archiviazione

Il team di Chrome ha apportato una serie di miglioramenti relativi alle prestazioni all'implementazione di IndexedDB (IDB).

• Chrome

Novità di WebGPU (Chrome® 126)

Aumenta il limite maxTextureArrayBytes, l'ottimizzazione del caricamento del buffer per il backend Vulkan, i miglioramenti del tempo di compilazione delloshar, i buffer dei comandi inviati devono essere univoci e gli aggiornamenti Dawn.

• Chrome
• WebGpu

Memorizza nella cache i modelli AI nel browser

Per velocizzare i lanci futuri delle applicazioni basate sull'IA, memorizza esplicitamente nella cache i dati del modello sul dispositivo.

Una prova dell'origine per un nuovo elemento HTML <permission>

Il team di Chrome sta sperimentando un nuovo elemento HTML dichiarativo <permission> per chiedere all'utente l'accesso a funzionalità efficaci.

• Chrome

Chrome 127 beta

Prova le ultime funzionalità in arrivo su Chrome scaricando la versione beta.

• Chrome

Chrome 126

L'implementazione di Chrome 126 inizierà l'11 giugno 2024, con transizioni di visualizzazione tra documenti, riattivazione dell'API CloseWatcher, rumore di trigger per l'API Gamepad e molto altro.

• Chrome

Ultime novità su CSS e UI web: riepilogo dell'I/O 2024

Leggi tutti gli annunci relativi a CSS e all'interfaccia utente web da Google I/O 2024.

• Chrome

Novità di Chrome 126

È in corso l'implementazione di Chrome 126. Grazie al supporto delle transizioni tra documenti nell'API ViewTransiziones, l'API CloseWatcher ha riattivato l'utilizzo, ha generato voci di trigger per l'API Gamepad e non solo, ma c'è molto altro e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 126.

• Chrome

Ritiro dell'evento di unload

L'evento di unload verrà ritirato gradualmente a partire da Chrome 117. Scopri cosa significa tutto questo e in che modo i siti e le aziende possono prepararsi a questo cambiamento

Monitoraggio del protocollo: visualizza e invia richieste CDP

Monitorare richieste e risposte CDP.

• Chrome DevTools

Chrome UX Report

Documentazione tecnica sulle metriche CrUX.

• Chrome UX Report

Tre nuove funzionalità per personalizzare i flussi di lavoro relativi alle prestazioni in DevTools

Scopri le funzionalità più recenti che ti aiuteranno a riordinare il riquadro Rendimento e concentrati sulle informazioni di cui hai più bisogno

• Chrome DevTools
• Chrome

Analizzare le prestazioni del selettore CSS durante gli eventi Ricalcola stile

Analizzare le prestazioni del selettore CSS durante gli eventi Ricalcola stile.

• Chrome DevTools

Salta la revisione delle modifiche idonee alle estensioni

Siamo lieti di annunciare una nuova funzionalità che consentirà agli sviluppatori di saltare la procedura di revisione delle modifiche idonee alle estensioni Manifest V3 utilizzando l'API Declarative Net Request.

• Chrome

Non ha un tag con larghezza o scala iniziale

Scopri di più sul controllo Lighthouse "Non ha un tag con larghezza o scala iniziale".

Condizioni di rete: eseguono l'override della stringa user agent

Scopri come emulare altri browser con il riquadro Condizioni di rete.

• Chrome DevTools

Novità di DevTools, Chrome 126

È stata migliorata la modalità di configurazione delle tracce, l'elenco degli elementi da ignorare nel grafico a fiamme e la limitazione della CPU di 20 volte nel riquadro Prestazioni e altro ancora.

• Chrome DevTools
• Chrome

Estensioni di Chrome alla conferenza Google I/O 2024

dietro a un altro Google I/O, in cui abbiamo parlato di tutti gli entusiasmanti aggiornamenti delle estensioni.

• Chrome

JavaScript di debug

Scopri come utilizzare Chrome DevTools per trovare e correggere i bug di JavaScript.

• Chrome DevTools

Esegui il debug delle regole di speculazione con Chrome DevTools

Scopri tutto sulle funzionalità di Chrome DevTools per eseguire il debug delle regole di speculazione utilizzate per precaricare e prerendering le future navigazioni delle pagine.

• Chrome DevTools

Riquadro delle origini rapide

Visualizzare i file sorgente e accedere ad altri strumenti.

• Chrome DevTools

Miglioramenti di WebAssembly e WebGPU per un'IA web più veloce, parte 1

Parte 1/2. Scopri come i miglioramenti di WebAssembly e WebGPU migliorano le prestazioni del machine learning sul web.

• Chrome

Chrome 126 beta

Chrome 126 Beta include transizioni della visualizzazione tra documenti, nonché l'estensione trigger-rumble dell'API Gamepad e altre funzionalità.

• Chrome

Quali sono le novità nelle transizioni delle visualizzazioni? (Aggiornamento Google I/O 2024)

Annuncio delle transizioni della visualizzazione tra documenti per MPA, delle transizioni della visualizzazione selettiva con tipi attivi e della condivisione degli stili di animazione con classe di transizione visualizzazione.

• Chrome

Riquadro di monitoraggio delle prestazioni

Analizza le prestazioni di runtime del tuo sito web in tempo reale.

• Chrome DevTools

Novità dei framework JavaScript (maggio 2024)

Questo documento fornisce una breve sintesi dei recenti avvenimenti nell'ecosistema dei framework JavaScript.

• Chrome

I/O 2024 Web AI Conclusione: nuovi modelli, strumenti e API per la tua prossima app web

Leggi il riepilogo di Web AI alla conferenza I/O 2024. Scopri i nuovi modelli, strumenti e API per la tua prossima app web.

• Chrome
• WebGpu

Miglioramenti di WebAssembly e WebGPU per un'IA web più rapida, parte 2

Parte 2/2. Scopri come i miglioramenti di WebAssembly e WebGPU migliorano le prestazioni del machine learning sul web.

• Chrome

Valuta le recensioni prodotto con l'IA

L'IA on-device è la più recente offerta per offrire agli utenti modelli efficaci, proteggendo al contempo i dati sensibili e migliorando la latenza.

Incoraggia l'uso di recensioni prodotto con l'IA web lato client

Il seguente codelab offre l'IA lato client. Non sono richieste conoscenze di sviluppo IA, server o chiavi API.

Supporto UIA su Windows

A partire da Chrome 126, è supportato il framework di automazione dell'interfaccia utente di Windows.

• Chrome

Supporto SVG per l'API Async Clipboard

L'API Async Clipboard ora può gestire immagini SVG.

• Chrome

10 aggiornamenti da Google I/O 2024: sfruttare la potenza dell'IA per ogni sviluppatore web

Scopri le fantastiche funzionalità nel discorso di apertura e nelle sessioni per gli sviluppatori della conferenza Google I/O.

• Chrome

Chrome 125

L'implementazione di Chrome 125 inizierà il 14 maggio 2024, con il posizionamento di ancoraggio CSS, l'API Compute Pressure, le nuove funzionalità Baseline e molto altro.

• Chrome

Esegui l'override dei contenuti web e delle intestazioni delle risposte HTTP localmente

Utilizza gli override locali per simulare le risorse remote e mantieni le modifiche apportate in DevTools tra i caricamenti delle pagine.

• Chrome DevTools

Novità di Chrome 125

È in corso l'implementazione di Chrome 125. Con l'API CSS Anchor Positioning, l'API Compute Pressure, un'espansione all'API Storage Access e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 125.

• Chrome

Suggerimenti per DevTools: eseguire l'override e simulare le risposte di rete

Scopri come eseguire l'override e simulare le risposte di rete con DevTools.

• Chrome
• Chrome DevTools

Quando scegliere l'AI lato client

L'IA lato client è l'ultima offerta per offrire agli utenti modelli potenti, proteggendo al contempo i dati sensibili e migliorando la latenza.

Come Spotify ha utilizzato l'API Picture in picture per creare il mini player Spotify

Scopri come il Spotify Miniplayer è passato da un "hacker in canvas" a un'esperienza perfezionata grazie all'API Document Picture in picture.

• Chrome

Presentazione dell'API di posizionamento anchor CSS

Posiziona gli elementi l'uno rispetto all'altro utilizzando la nuova API di posizionamento degli ancoraggi.

• Chrome

Comprendere meglio gli errori e gli avvisi con gli approfondimenti della console

Comprendi meglio errori e avvisi nella console con Gemini.

• Chrome DevTools

Implementa i test nella tua azienda con Chrome

Scopri come superare le sfide con i test in ambienti aziendali

• Chrome

Strumenti di Chrome per test automatici e senza problemi

Una breve panoramica di Puppeteer, Chrome Headless e Chrome for Testing e altre risorse fornite dal team di Chrome Tooling.

• Chrome

Novità di DevTools, Chrome 125

Cause degli errori nella console, statistiche del selettore CSS in Prestazioni, intestazioni Early Hints in Network e altro ancora.

• Chrome DevTools
• Chrome

Case study sulle query container

Scopri i vantaggi delle query relative ai container di redBus e Tokopedia.

• Chrome

Novità di WebGPU (Chrome® 125)

Sottogruppi in fase di sviluppo e rendering su sezione della texture 3D.

• Chrome
• WebGpu

Perché le funzionalità CSS e UI sono importanti per il tuo sito di e-commerce?

Scopri in che modo i siti di e-commerce traggono vantaggio dall'implementazione delle funzionalità più recenti di CSS e UI: visualizzazione delle transizioni, animazioni con scorrimento, API Popover e altro.

• Chrome

Visualizza i case study sulle transizioni

redBus, Policybazaar e Tokopedia utilizzano tutti l'API View Transizione e beneficiano di prestazioni migliori e di un'interfaccia utente fluida.

• Chrome

Case study :has()

Scopri in che modo Policybazaar e Tokopedia possono trarre vantaggio dall'utilizzo di :has().

• Chrome

Case study sulle animazioni con scorrimento

Scopri i vantaggi delle animazioni con scorrimento di Policybazaar, redBus e Tokopedia.

• Chrome

Presentazione della funzionalità "Scatena il potere delle animazioni con pergamena"

Un corso video in 10 parti per scoprire tutto sulle animazioni con scorrimento

• Chrome

Una proposta alternativa per la muratura CSS

Una proposta per definire la muratura e la griglia con specifiche diverse.

• Chrome

Panoramica di WebGPU

WebGPU consente grafica 3D ad alte prestazioni e calcolo parallelo dei dati sul web.

• WebGpu

Manifest - Versione minima di Chrome

Documentazione di riferimento per la proprietà minimi_chrome_version di manifest.json.

• Estensioni di Chrome

Case study Popover

Tokopedia utilizza l'API Popover per ridurre la quantità di codice nella propria applicazione.

• Chrome

La prova di ritiro dell'accesso alla rete privata (PNA) per contesti non sicuri sta per finire. Implementa la richiesta di autorizzazione PNA

Per accedere ai dispositivi di rete privata da un sito web che non può essere convertito in HTTPS, devi utilizzare le richieste di autorizzazione per allentare i controlli dei contenuti misti.

• Chrome

Scorrere e aumentare lo zoom di una scheda acquisita

L'API Captured Surface Control consente alle app web di scorrere e aumentare lo zoom delle schede acquisite.

Manifest - Token di prova

Documentazione di riferimento per la proprietà trial_tokens di manifest.json.

• Estensioni di Chrome

WebAudio: visualizzare le metriche dell'API WebAudio

Visualizza le metriche dell'API WebAudio nel riquadro WebAudio

• Chrome DevTools

Chrome 125 beta

Posizionamento dell'ancoraggio CSS, funzioni con rientri CSS, API Compute Pressure e altro ancora.

• Chrome

Non fornisce contenuti di riserva quando JavaScript non è disponibile

Scopri come assicurarti che gli utenti possano visualizzare almeno alcuni contenuti sulla tua pagina web quando JavaScript non è disponibile.

Non fornisce un'icona mela-touch valida

Scopri come specificare quale icona deve essere visualizzata dall'app web progressiva sulle schermate Home di iOS.

Non imposta un colore tema per la barra degli indirizzi

Scopri come impostare un colore per il tema della barra degli indirizzi per la tua app web progressiva.

Il sito funziona su più browser

Scopri come usare Workbox per assicurarti che la tua pagina web funzioni su tutti i browser.

Ogni pagina ha un URL

Scopri di più sul controllo Lighthouse "Ogni pagina ha un controllo degli URL".

Il file manifest dell'app web non soddisfa i requisiti di installabilità

Scopri come rendere installabile la tua app web progressiva.

Prova dell'origine per le API pieghevoli

Le API pieghevoli sono due API di Chrome progettate per aiutare gli sviluppatori a scegliere come target i dispositivi pieghevoli.

• Chrome

Non è configurata per una schermata iniziale personalizzata

Scopri come creare una schermata iniziale personalizzata per la tua applicazione web progressiva.

Novità di Chrome 124

È in corso l'implementazione di Chrome 124. Esistono due nuove API che consentono di utilizzare lo shadow DOM dichiarativo da JavaScript. Puoi utilizzare gli stream nei socket web. Migliora la visualizzazione delle transizioni. Ma c'è molto altro. Pete LePage ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 124.

• Chrome

Non reindirizza il traffico HTTP a HTTPS

Scopri come rendere il tuo sito più sicuro reindirizzando tutte le pagine a HTTPS.

La pagina corrente non risponde con un codice 200 quando è offline

Scopri come far funzionare offline la tua app web progressiva.

Il file manifest non ha un'icona mascherabile

Scopri come aggiungere il supporto delle icone mascherabili alla tua PWA.

Animazioni: controllo e modifica degli effetti di animazione CSS

Ispeziona e modifica le animazioni con il riquadro Animazioni.

• Chrome DevTools

Il caricamento pagina non è abbastanza veloce sulle reti mobili

Scopri come caricare rapidamente la tua pagina web sulle reti mobili.

Le transizioni di pagina non sembrano bloccarsi sulla rete.

Scopri come rendere reattive le transizioni tra le pagine web, anche con una rete lenta.

Chrome 124

L'implementazione di Chrome 124 inizierà il 16 aprile 2024, con setHTMLUnsafe, flussi in WebSocket e c'è molto altro.

• Chrome

Compilazione automatica: esaminare ed eseguire il debug degli indirizzi salvati

Ispeziona ed esegui il debug degli indirizzi salvati in Chrome con il riquadro Compilazione automatica.

• Chrome DevTools

Limitazione

Riferimento per la scheda Limitazione.

• Chrome DevTools

start_url non risponde con un codice 200 quando è offline

Scopri come configurare il valore start_url della tua app web progressiva in modo che l'app sia accessibile offline.

Cosa sta succedendo nelle estensioni di Chrome?

Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.

• Estensioni di Chrome
• Chrome

Non registra un service worker che controlla la pagina e start_url

Scopri come registrare un service worker che supporti le funzionalità delle app web progressive, come la funzionalità offline, le notifiche push e l'installabilità.

Per accedere ai dispositivi MIDI ora è necessaria l'autorizzazione dell'utente

Ora Chrome controlla l'intera API Web MIDI dietro una richiesta di autorizzazione.

• Chrome

Le dimensioni dei contenuti non sono corrette per l'area visibile

Scopri come ridimensionare i contenuti delle pagine web per adattarli agli schermi dei dispositivi mobili.

Non usa HTTPS

Scopri come proteggere il tuo sito web con HTTPS.

Transizioni della visualizzazione tra più documenti per le applicazioni con più pagine

Inizia a eseguire le transizioni della visualizzazione tra documenti da utilizzare nella tua applicazione multi-pagina (MPA).

Transizioni fluide con l'API View Transizione

L'API View Transizione consente di aggiungere transizioni tra le visualizzazioni di un sito web.

Divertente e potente: introduzione a Chrome DevTools

Scopri come DevTools può migliorare lo sviluppo delle tue applicazioni web.

• Chrome DevTools
• Chrome

Guide di CrUX

Scopri come utilizzare CrUX con guide facili da seguire

• Chrome UX Report

Tipi di navigazione ora disponibili in CrUX

Scopri la nuova metrica Navigation_types nel Report sull'esperienza utente di Chrome (CrUX) e come può essere utilizzata per spiegare e ottimizzare le metriche relative alle prestazioni web.

• Chrome

Novità di WebGPU (Chrome® 124)

Texture di archiviazione di sola lettura e lettura/scrittura, supporto di service worker e worker condivisi, nuovi attributi delle informazioni sull'adattatore e correzioni di bug.

• Chrome
• WebGpu

Come visualizzare i dati del report sull'esperienza utente di Chrome su PageSpeed Insights

PageSpeed Insights (PSI) è uno strumento che consente agli sviluppatori web di comprendere le prestazioni di una pagina e come migliorarle. In questa guida, scopri come utilizzare PSI per estrarre insight da CrUX e comprendere meglio l'esperienza utente.

• Chrome UX Report

CrUX su BigQuery

Scopri come è strutturato il set di dati CrUX su BigQuery.

• Chrome UX Report

Rollback della versione nella Dashboard per sviluppatori del Chrome Web Store

Questa settimana siamo lieti di lanciare una nuova funzionalità che consente agli sviluppatori di eseguire il rollback delle estensioni alla versione pubblicata in precedenza nel Chrome Web Store. Il nostro obiettivo è offrire agli sviluppatori una

• Chrome
• Estensioni di Chrome

Assicurati che il testo rimanga visibile durante il caricamento dei caratteri web

Scopri come utilizzare l'API font-display per assicurarti che il testo della tua pagina web sia sempre visibile agli utenti.

Addio JS Profiler, la profilazione della CPU con il riquadro Prestazioni

Scopri il percorso da seguire nella profilazione delle prestazioni della CPU, comprendi perché e come ritireremo il profiler JavaScript.

• Chrome

Novità di DevTools, Chrome 124

Supporto delle animazioni con scorrimento, nuovo riquadro di compilazione automatica, nuove opzioni per WebRTC nella limitazione della rete e altro ancora.

• Chrome
• Chrome DevTools

API notRipristinadMotivi della cache back-forward

Segnala informazioni sull'eventuale blocco dell'utilizzo della cache back-forward durante la navigazione dai frame presenti nel documento.

Profila le prestazioni di Node.js con il riquadro Prestazioni

Scopri come profilare le prestazioni delle applicazioni Node.js con il riquadro Prestazioni.

• Chrome DevTools

Viene avviata la prova dell'origine di WebAssembly JavaScript Promise Integration (JSPI)

JavaScript Promise Integration (JSPI) è un'API che consente il codice sequenziale sincrono compilato in WebAssembly per accedere alle API web asincrone.

• Chrome

La prova dell'origine API fetchLater

Scopri di più sull'API fetchLater, ora disponibile in versione di prova dell'origine, una nuova API che consente di richiedere un recupero differito che verrà completato anche se la pagina è chiusa.

• Chrome

Richieste di rete: testa il tuo sito bloccando le richieste di rete

Verifica in che modo il tuo sito gestisce le risorse mancanti.

• Chrome DevTools

Scorrimenti attivabili della tastiera

Stiamo implementando una modifica per rendere gli strumenti di scorrimento senza valore tabindex impostato e senza elementi attivabili della tastiera secondaria.

• Chrome

Chrome 124 beta

L'attributo HTML dei suggerimenti di scrittura, l'API WebSocketStream, l'intestazione della richiesta HTTP prioritaria e altro ancora.

• Chrome

Novità di Chrome 123

È in corso l'implementazione di Chrome 123. Con la nuova funzione chiaro-scuro, l'API Long Animation Frames, l'API Service Worker Static Routing e non solo. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 123.

• Chrome

Accesso alla rete privata: protezione estesa per i web worker e il recupero della navigazione

Scopri i principali meccanismi di sicurezza dell'accesso alla rete privata per i web worker, i recuperi della navigazione e le protezioni imminenti. Questo documento spiega anche cosa devono fare i proprietari di siti web se utilizzano reti private.

• Chrome

Usa l'API Service Worker Static Routing per ignorare il service worker per percorsi specifici

Scopri come utilizzare questa nuova API, disponibile nella versione 123 di Chrome.

• Chrome

Nascondi le richieste di estensioni e altri miglioramenti al riquadro Rete

Esplora gli ultimi miglioramenti nel riquadro Network di Chrome DevTools, progettati per semplificare la tua esperienza di debug web.

• Chrome
• Chrome DevTools

Strumenti per il rendimento nel 2024 e oltre

Scopri i piani del team di Chrome per migliorare il riquadro Prestazioni di DevTools.

• Chrome DevTools
• Chrome

Panoramica del riquadro degli elementi

Apporta istantaneamente modifiche al DOM.

• Chrome DevTools

Novità di WebGPU (Chrome® 123)

Supporto delle funzioni integrate di DP4a, parametri di puntatore senza restrizioni, zucchero della sintassi per il deriferimento dei compositi in WGSL e altro ancora.

• Chrome
• WebGpu

Visualizzare e modificare i CSS

Scopri come utilizzare Chrome DevTools per visualizzare e modificare il CSS di una pagina.

• Chrome DevTools

Applica altri effetti: attiva il tema scuro automatico, emula la messa a fuoco e altro ancora

Consente di evidenziare i frame degli annunci, emulare l'elemento attivo su una pagina, disattivare i caratteri e i formati delle immagini locali, attivare il tema scuro automatico ed emulare problemi di vista.

• Chrome DevTools

Metti in pausa il codice con punti di interruzione

Scopri tutti i modi in cui puoi mettere in pausa il codice in Chrome DevTools.

• Chrome DevTools

Riferimento alle funzionalità CSS

Scopri nuovi flussi di lavoro per la visualizzazione e la modifica dei CSS in Chrome DevTools.

• Chrome DevTools

Scarica il vecchio Chrome Headless come chrome-headless-shell

Ora puoi scaricare la versione precedente di Chrome Headless come programma binario autonomo per ogni release di Chrome rivolta agli utenti.

• Chrome

Potenzia l'efficienza di compressione con i dizionari condivisi

La compressione sul web sta aumentando notevolmente grazie alla compressione dei dizionari condivisi. Scopri quali sono, come funzionano e come potrebbero ridurre in modo significativo i tempi di caricamento anche oltre la compressione standard per le risorse statiche e dinamiche sul web.

• Chrome

Panoramica del riquadro dell'applicazione

Ottieni informazioni fondamentali sulla tua applicazione web direttamente dal browser.

• Chrome DevTools

Internazionalizzazione dell'interfaccia

Utilizza l'API chrome.i18n per eseguire il rendering della tua interfaccia in più lingue.

• Estensioni di Chrome

Miglioramenti all'API Speculation Rules

Dettagli degli ultimi aggiornamenti dell'API Speculation Rules, tra cui il supporto sulle piattaforme per le regole per i documenti, l'impostazione di eagering, i limiti e le regole di speculazione.

• Chrome

Rendere accessibile l'estensione

Per molti utenti, l'accessibilità è letteralmente l'interfaccia utente e le sue funzioni sono utili per molti altri.

• Estensioni di Chrome

Panoramica delle novità

Scopri le ultime funzionalità di Chrome DevTools

• Chrome DevTools

Estensioni di Chrome: il percorso degli occhi per testare la sospensione dei service worker

In questo post, il team Eyeo condivide il suo percorso verso il problema di testare i service worker delle estensioni. In particolare, come assicurarsi che le Estensioni di Chrome funzionino correttamente quando un service worker viene sospeso.

• Chrome
• Estensioni di Chrome

Novità di DevTools (Chrome 123)

Un Easter egg, emulazione di pagine mirate in Elementi > Stili, nuovo controllo Lighthouse e altro.

• Chrome DevTools
• Chrome

Un pacchetto Next.js per la gestione delle librerie di terze parti

Scopri come utilizzare la libreria @next/third-parties per ottimizzare il caricamento delle risorse di terze parti più utilizzate

• Chrome

Supporto per l'allineamento dei contenuti nei layout a blocchi e tabelle

A partire da Chrome 123, puoi utilizzare i contenuti allineati per allineare gli elementi senza creare un contenitore flessibile o a griglia.

• Chrome

Chrome 123 beta

La funzione di colore CSS light-dark(), l'alline-content per i blocchi, la proprietà field-sizing e l'evento pagereveal.

• Chrome

Scorciatoie da tastiera

La documentazione canonica relativa alle scorciatoie da tastiera di Chrome DevTools.

• Chrome DevTools

Simulare dispositivi mobili con la modalità dispositivo

Usa i dispositivi virtuali nella modalità dispositivo di Chrome per creare siti web mobile-first.

• Chrome DevTools

Novità di Chrome 122

È in corso l'implementazione di Chrome 122. Con la nuova API Storage Buckets, il riquadro delle prestazioni DevTools si aggiorna, l'opzione non convalidata per leggere il codice HTML con l'API Async Clipboard e non solo. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 122.

• Chrome

Modifiche all'ereditarietà ::backdrop del CSS

A partire dalla versione 122 di Chrome, l'elemento "::backdrop" eredita le proprietà dall'elemento di origine.

• Chrome

Configura le icone delle estensioni

Un'estensione richiede almeno un'icona per rappresentarla nella barra degli strumenti.

• Estensioni di Chrome

Chrome Extensions

Da definire

• Estensioni di Chrome

Un riquadro Prestazioni il 400% più veloce grazie alla percezione

Il riquadro Prestazioni di DevTools è un potente strumento per diagnosticare, eseguire il debug e risolvere i problemi di prestazioni delle app web. In questa occasione, ti illustreremo come abbiamo utilizzato il riquadro Prestazioni in DevTools per migliorare le prestazioni del riquadro Prestazioni stesso e come abbiamo ottenuto un miglioramento molto significativo.

• Chrome

Usa WebHID

L'API WebHID, che espone sul web i dispositivi compatibili con Human Interface Device (HID), è disponibile nelle estensioni.

• Estensioni di Chrome

Esegui la migrazione a Manifest V3

Una guida alla conversione delle estensioni Manifest V2 in estensioni Manifest V3.

• Estensioni di Chrome

Usa WebUSB

L'API WebUSB, che espone al Web i dispositivi compatibili con USB (Universal Serial Bus) non standard, è disponibile nelle estensioni.

• Estensioni di Chrome

Novità di WebGPU (Chrome® 122)

Modalità compatibilità in fase di sviluppo, aumento del limite maxVertexAttributes e aggiornamenti Dawn.

• Chrome
• WebGpu

Manifest - Criteri di sicurezza del contenuto

Documentazione di riferimento per le proprietà dei criteri di sicurezza del contenuto del file manifest.json.

• Estensioni di Chrome

Registra snapshot dell'heap

Scopri come registrare istantanee heap con il profiler heap e trova le perdite di memoria.

• Chrome DevTools

Dimensioni dei campi CSS

Una riga di codice per il dimensionamento automatico di elementi con contenuti modificabili.

chrome.runtime

Utilizza l'API chrome.runtime per recuperare il service worker, restituire i dettagli del manifest e ascoltare e rispondere agli eventi nel ciclo di vita dell'estensione. Puoi anche utilizzare questa API per convertire il percorso relativo degli URL

• Estensioni di Chrome

Linee guida sugli avvisi di autorizzazione

Come funzionano gli avvisi di autorizzazione nelle estensioni di Chrome.

• Estensioni di Chrome

Dichiara le autorizzazioni

Una panoramica dei valori validi per la proprietà delle autorizzazioni nel file manifest.json.

• Estensioni di Chrome

Usa web push

Guida passo passo su come utilizzare Web Push con le estensioni di Chrome

• Estensioni di Chrome

Un nuovo modo per creare esperienze di modifica web personalizzate utilizzando l'API EditContext

EditContext è una nuova API disponibile in Chrome ed Edge che aiuta gli sviluppatori a creare funzionalità di modifica del testo avanzate nel browser. Scopri di più in questo post.

• Chrome

Novità di DevTools (Chrome 122)

Avvisi di eliminazione graduale dei cookie di terze parti nei riquadri Rete e Applicazione, debug avanzato nel riquadro Rete, breadcrumb nel riquadro Prestazioni e altro ancora.

• Chrome
• Chrome DevTools

Suggerimenti per DevTools: debug delle navigazioni speculative per caricamenti delle pagine più rapidi

Velocizza la navigazione sul web con caricamenti speculativi e scopri come eseguirne il debug.

• Chrome DevTools
• Chrome

Rispondere ai comandi

Rispondere a combinazioni di chiavi personalizzate in un'estensione.

• Estensioni di Chrome

La prova del ritiro di SharedArrayBuffer su Chrome desktop è stata estesa a Chrome 124

La prova del ritiro per SharedArrayBuffer senza isolamento multiorigine sulla versione desktop di Chrome viene estesa fino a Chrome 124.

• Chrome

Personalizzare Registratore con le estensioni

Personalizza e integra il Registratore installando delle estensioni.

• Chrome DevTools

Chrome 122 beta

Chrome 122 beta ti offre aiutanti Iterator, metodi di impostazione, l'API Storage Buckets, lettura HTML non convalidato nell'API Async Clipboard e altro ancora.

• Chrome

Cosa sta succedendo nelle estensioni di Chrome?

Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.

• Estensioni di Chrome
• Chrome

Novità di Chrome 121

È in corso l'implementazione di Chrome 121. Con gli aggiornamenti CSS, i miglioramenti all'API Speculation Rules, una prova dell'origine dell'API Element Capture e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 121.

• Chrome

Attiva le azioni dalla omnibox

Attiva le azioni dalla omnibox.

• Estensioni di Chrome

Novità di WebGPU (Chrome 121)

Supporta WebGPU su Android, l'uso di DXC per la compilazione dello mesh, le query del timestamp nei pass di calcolo e di rendering, i punti di ingresso predefiniti ai moduli dello shabbyr, il supporto di display-p3 come spazio colore GPUExternalTexture, le informazioni sugli heap di memoria e altro ancora.

• Chrome
• WebGpu

Stili della barra di scorrimento

Utilizza le proprietà "scrollbar-width" e "scrollbar-color" per definire lo stile delle barre di scorrimento.

Testa il Bluetooth web con Puppeteer

Usa Puppeteer per testare le funzionalità che usano l'API Web Bluetooth in Chrome.

• Chrome

Accesso sicuro al DOM con Angular SSR

Scopri come utilizzare in modo sicuro il DOM insieme a SSR in Angular

• Chrome

Test dei modelli di AI web in Google Colab

Scopri come testare modelli di AI basati su browser lato client, pur rimanendo scalabili, automatizzabili e all'interno di una configurazione hardware standardizzata.

• WebGpu

Utilizzare Firebase Cloud Messaging (FCM) con chrome.gcm

Guida passo passo su come utilizzare Firebase Messaging con chrome.gcm

• Estensioni di Chrome

Potenzia i test dei modelli di IA web: WebGPU, WebGL e Chrome headless

Scopri le nostre soluzioni per come automatizzare costantemente i test del browser e migliorare le prestazioni delle applicazioni.

• Chrome
• WebGpu

Implementare un'azione

Rispondere a un utente che fa clic sulla barra degli strumenti.

• Estensioni di Chrome

Modalità di scrittura verticale CSS per gli elementi di controllo modulo

Chrome aggiunge un'altra nuova funzionalità CSS internazionale.

• Chrome

Autorizzazioni permanenti per l'API File System Access

Questo post spiega come gestire le autorizzazioni permanenti per l'API File System Access. Fornisce inoltre un breve riepilogo dello stato attuale del problema e delle sfide da risolvere.

• Chrome

Suggerimenti per DevTools: colori di creazione

Scopri come creare i colori in pochi clic.

• Chrome
• Chrome DevTools

Ispeziona ed esegui il debug dei colori HD e non HD con il selettore colori

Scopri come utilizzare il selettore colori in Elementi > Stili per controllare i colori HD e non HD ed eseguirne il debug.

• Chrome DevTools

Suggerimenti per DevTools: priorità di recupero del debug

Scopri come eseguire il debug della priorità di recupero.

• Chrome DevTools
• Chrome

CSS text-wrap: balance

Una tecnica di tipografia classica di creazione manuale di interruzioni di riga per blocchi di testo bilanciati arriva in CSS.

Estensioni ambito applicazione web

Da Chrome 122 puoi abbonarti alla prova dell'origine per il membro del manifest dell'app scope_extensions, che consente ai siti che controllano più sottodomini e domini di primo livello di essere presentati come un'unica app web.

Sfrutta la potenza di WebDriver BiDi: l'automazione di Chrome e Firefox con Puppeteer

Puppeteer ora parla con Firefox! 🎉 Un momento, non l'hai già fatto? 🤔 Analizziamo WebDriver BiDi, il nuovo protocollo di Puppeteer, e scopriamo cosa significa questo entusiasmante sviluppo per il flusso di lavoro di automazione di Firefox.

• Chrome

Creare un menu contestuale

Implementare un popup, cioè una finestra che consente agli utenti di richiamare le funzionalità dell'estensione.

• Estensioni di Chrome

Gestire le violazioni del codice ospitato da remoto

Un service worker consente l'esecuzione delle estensioni solo quando necessario, risparmiando risorse.

• Estensioni di Chrome

Aggiungi un popup

Implementare un popup, cioè una finestra che consente agli utenti di richiamare le funzionalità dell'estensione.

• Estensioni di Chrome

Intent Android con Chrome

Avvia le app direttamente da una pagina web con un intent Android.

Google Chrome su Android

Per un elenco completo delle funzionalità per sviluppatori di Chrome su Android, visita il sito chromestatus.com. Scarica Chrome dal Play Store. Quando l'utente accede a Chrome su un dispositivo, le schede e la cronologia di navigazione di quella

Come sono le prestazioni dei framework moderni rispetto alla nuova metrica INP

Questo post illustra la pertinenza della nuova metrica INP per i siti web basati su framework e il lavoro di Aurora per supportare i framework nell'ottimizzazione di questa metrica.

Esclusiva Accordion

Crea un'accordion esclusiva con più elementi "" che hanno lo stesso "nome".

Chrome attiva la modalità desktop per impostazione predefinita sui tablet premium

Chrome si è adattato all'ecosistema dei tablet Android attivando la modalità desktop per impostazione predefinita sui tablet premium.

• Chrome

Novità di WebGPU

Tieniti al corrente sulle ultime modifiche relative a WebGPU.

• WebGpu

Migliore condivisione delle schede con Region Capture

La piattaforma web ora viene fornita con Region Capture, un metodo efficace ed efficace per ritagliare una traccia video.

Novità di DevTools (Chrome 121)

Supporto di @font-palette-values in Elementi, supporto migliorato della mappa di origine, monitoraggio delle interazioni migliorato e altro ancora.

• Chrome DevTools
• Chrome

Novità di WebGPU (Chrome 120)

Supporto per valori in virgola mobile a 16 bit in WGSL, aumento dei limiti, modifiche dello stato di profondità stencil, aggiornamenti delle informazioni della scheda e altro ancora.

• Chrome
• WebGpu

Pacchetto di CSS: 2023!

Il 2023 è stato un anno fantastico per CSS. Scopri quali contenuti sono arrivati quest'anno a Chrome e alla piattaforma web.

• Chrome

Accedi ai server locali e alle istanze di Chrome con il port forwarding

Ospita un sito su un server web di un computer di sviluppo, quindi accedi ai contenuti da un dispositivo Android.

• Chrome DevTools

Suggerimenti per DevTools: che cos'è il DOM? Confronto tra HTML e DOM

Scopri come eseguire il debug del DOM con DevTools.

• Chrome DevTools
• Chrome

Visualizza dettagli frame

Visualizza i dettagli del frame.

• Chrome DevTools

Come Chrome DevTools aiuta a difendersi dagli attacchi self-XSS

Scopri in che modo Chrome DevTools attenua gli attacchi self-XSS bloccando l'incollamento del codice per gli utenti inesperti di DevTools.

• Chrome
• Chrome DevTools

Visualizzare, aggiungere, modificare ed eliminare i cookie

Scopri come visualizzare, aggiungere, modificare ed eliminare i cookie HTTP di una pagina usando Chrome DevTools.

• Chrome DevTools

Prova dell'origine della richiesta di autorizzazione di accesso alla rete privata: un percorso per la migrazione dei siti web con HTTPS

Google Chrome sta ritirando l'accesso agli endpoint di rete privata da siti web pubblici non sicuri nell'ambito della specifica PNA (Private Network Access).

• Chrome

Suggerimenti per DevTools: debug della cache back-forward

Scopri come eseguire il debug della cache back-forward e caricare la pagina all'istante.

• Chrome DevTools
• Chrome

Riesame dei criteri di installabilità di Chrome

Nei prossimi mesi Chrome eseguirà esperimenti con l'obiettivo di semplificare i criteri di installazione delle app e migliorare l'esperienza degli sviluppatori e degli utenti. Questo post condivide le modifiche previste e i motivi per cui stiamo eseguendo questi esperimenti.

• Chrome

Novità di Chrome 120

È in corso l'implementazione di Chrome 120. Grazie all'API CloseWatcher per consentire un'esperienza coerente durante la gestione delle richieste di chiusura, una semplice implementazione di un pattern di accordion utilizzando l'elemento details, i report sulle violazioni delle norme di autorizzazione sono ora disponibili e ce ne sono molti altri.

• Chrome

Introduzione di quattro nuove funzionalità internazionali in CSS

Chrome aggiungerà quattro nuove funzionalità CSS internazionali.

• Chrome

API Page Lifecycle

L'API Page Lifecycle porta sul web le funzionalità del ciclo di vita delle app comuni sui sistemi operativi mobile. Ora i browser possono bloccare ed eliminare in modo sicuro le pagine in background per risparmiare risorse e gli sviluppatori possono gestire in sicurezza questi interventi senza influire sull'esperienza utente.

HTML non sottoposto a sanitizzazione nell'API Async Clipboard

A partire da Chrome 120, nell'API Async Clipboard è disponibile una nuova opzione non verificata. Scopri come utilizzarlo in questa guida.

Ignora elenco

Riferimento alla scheda Ignora elenco.

• Chrome DevTools

Ripresa della transizione a Manifest V3

A dicembre dello scorso anno abbiamo sospeso il ritiro pianificato di Manifest 2 per rispondere ai feedback degli sviluppatori e offrire soluzioni migliori ai problemi di migrazione. In base a questo feedback, abbiamo apportato una serie di modifiche

• Estensioni di Chrome
• Chrome

Modalità Picture in picture automatica per le app web di videoconferenza

Chrome consente alle app web di videoconferenza di attivare automaticamente la modalità Picture in picture.

• Chrome

Novità dell'istruzione Angular NgOptimizedImage

Scopri le nuove funzionalità incluse nella direttiva Angular NgOptimizedImage che migliorano ulteriormente le prestazioni delle immagini nelle app Angular.

• Chrome

Miglioramento del filtro dei contenuti in Manifest V3

Nell'ultimo anno, abbiamo partecipato attivamente a discussioni con i fornitori di diverse estensioni di blocco dei contenuti su come migliorare la piattaforma di estensioni MV3. Sulla base di queste discussioni, molte delle quali si sono svolte nel

• Chrome
• Estensioni di Chrome

Prova dell'origine dell'API Static Routing Service worker

Scopri la prima fase del routing statico dei service worker, ora in fase di prova dell'origine, una nuova API per specificare in modo dichiarativo il modo in cui le route devono essere gestite o meno dal tuo service worker.

• Chrome

L'ecosistema WebGPU

Scopri in che modo l'ecosistema WebGPU va oltre i regni JavaScript, C++ e Rust.

• Chrome
• WebGpu

Aggiornamento della sintassi semplificata di nidificazione CSS

Nidificazione Lookahead attivata in Chrome 120.

• Chrome

Novità di DevTools (Chrome 120)

Problemi di eliminazione graduale dei cookie di terze parti segnalati nel riquadro Problemi, nello strumento di analisi di Privacy Sandbox per i cookie, norme di sicurezza del contenuto efficaci nel riquadro Applicazioni, debug delle animazioni migliorato, elenco degli elementi da ignorare migliorato e altro ancora.

• Chrome DevTools
• Chrome

Una modifica alla modalità di durabilità predefinita in IndexedDB

La modalità di durabilità in IndexedDB passa da rigorosa a rilassata a partire da Chrome 121.

• Chrome

Novità di Chrome 120 per le estensioni

Un riepilogo delle importanti modifiche apportate a Chrome 120 per gli sviluppatori di estensioni di Chrome.

• Estensioni di Chrome
• Chrome

Gestione dei file su ChromeOS

Come aprire i file nei service worker, popup, riquadri laterali o script di contenuti di Chrome.

• Estensioni di Chrome

file_handlers

Documentazione di riferimento per la proprietà file_handlers di manifest.json.

• Estensioni di Chrome

Chrome 120 beta

Mascheramento CSS, regole meno restrittive per la nidificazione di CSS, creazione di pattern accordion con l'elemento, azione enterpictureinpicture per l'API Media Session.

• Chrome

Novità di Chrome 119

Stiamo implementando Chrome 119. Con un aggiornamento della data di scadenza del limite superiore per i cookie già presenti nello spazio di archiviazione. Il CSS ha nuove pseudo classi, sintassi dei colori relativi, miglioramenti ai frame Fenced come le macro per le dimensioni degli annunci e molto altro ancora.

• Chrome

WebAssembly Garbage Collection (WasmGC) ora abilitata per impostazione predefinita in Chrome

Esistono due tipi di linguaggi di programmazione: linguaggi con garbage collection e linguaggi che richiedono la gestione manuale della memoria. Con la raccolta dei rifiuti di WebAssembly, i linguaggi con raccolta dei rifiuti possono essere trasferiti a WebAssembly.

• Chrome

Trasparenza prefers-reduced-transparency CSS

Ottimizza e apporta modifiche per gli utenti che preferiscono un'interfaccia utente opaca.

• Chrome

Novità di WebGPU (Chrome 119)

Texture float a 32 bit filtrabili, formato vertice unorm10-10-10-2, formato texture rgb10a2uint e altro ancora.

• Chrome
• WebGpu

Testo a capo in CSS: piuttosto

Ritorno a capo di testo ottimizzato, per migliorare la bellezza piuttosto che la velocità.

• Chrome

Seleziona elemento: ora con regole orizzontali

Scopri in che modo le funzionalità espanse degli elementi di selezione consentono di ottenere interruzioni visive orizzontali per un raggruppamento migliore.

• Chrome

Cosa sta succedendo nelle estensioni di Chrome?

Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.

• Chrome
• Estensioni di Chrome

Migrazione del tracker dei problemi di Chromium

A gennaio 2024, verrà eseguita la migrazione del monitoraggio dei problemi di Chromium a uno strumento basato sul monitoraggio dei problemi di Google.

• Chrome

Ritiro dell'API Sanitizer

L'attuale implementazione dell'API Sanitizer è deprecata da Chrome 119 per essere aggiornata con i futuri aggiornamenti delle specifiche.

• Chrome

Seriale tramite Bluetooth sul Web

L'API Web Serial ha aggiunto il supporto per i servizi RFCOMM Bluetooth.

• Chrome

Test end-to-end delle estensioni di Chrome

Come scrivere test end-to-end per le estensioni.

• Estensioni di Chrome

Test delle estensioni di Chrome per test delle unità

Come scrivere test delle unità per le estensioni.

• Estensioni di Chrome

Testare le estensioni di Chrome con Puppeteer

Come scrivere un test automatico per le estensioni di Chrome utilizzando Puppeteer.

• Estensioni di Chrome

Segnala un bug relativo all'estensione

Come segnalare problemi relativi alle estensioni o problemi con la documentazione.

• Estensioni di Chrome

Sintassi dei colori relativi CSS

Consente di creare nuovi colori basati su canali e valori di un altro colore.

• Chrome

Trovare e seguire un bug

Controlla se è già stato segnalato un bug o una richiesta di funzionalità.

• Estensioni di Chrome

Novità di DevTools (Chrome 119)

Sezione @proprietà migliorata in Stili, elenco dispositivi aggiornato, funzionalità di formattazione avanzata migliorata nella sezione Origini e completamento automatico nella Console.

• Chrome DevTools
• Chrome

Novità di Chrome 118

Stiamo implementando Chrome 118. Dichiara stili specifici all'interno di un componente con la regola CSS @scope. Usa la nuova funzionalità dei contenuti multimediali: prefers-reduced-transparency. DevTools ha migliorato il riquadro Origini e ce ne sono molti altri.

• Chrome

Nuova prova dell'origine per le finestre popup a schermo intero

Ora è disponibile una nuova prova dell'origine per aprire le finestre popup in modalità a schermo intero con un solo passaggio.

• Chrome

Miglioramenti dell'API per l'uso dei file nel browser

Supporto di più lettori e scrittori per FileSystemSyncAccessHandle e dello scrittore esclusivo per FileSystemWritableFileStream. Il file system privato di origine (a volte indicato anche come file system del bucket) consente agli sviluppatori di

• Chrome

Chrome 119 beta

Chrome 119 beta offre la sintassi dei colori CSS, nuove pseudo-classi e molto altro.

• Chrome

Limita la copertura dei selettori con l'attributo CSS @scope at-rule

Scopri come utilizzare @scope per selezionare elementi solo all'interno di una sottostruttura limitata del DOM.

Suggerimenti per DevTools: debug delle estensioni di Chrome

Scopri come utilizzare DevTools per eseguire il debug delle estensioni di Chrome.

• Chrome
• Estensioni di Chrome
• Chrome DevTools

Ora Chrome supporta le passkey sul portachiavi iCloud su macOS

Chrome su macOS inizia a supportare le passkey sul Portachiavi iCloud. In questo modo gli utenti possono creare passkey sul Portachiavi iCloud e sincronizzarle su tutti i dispositivi Apple.

• Chrome

Novità di WebGPU (Chrome 118)

Supporto esteso del codice sorgente per copyExternalImageToTexture, supporto sperimentale della texture di archiviazione in lettura/scrittura e di sola lettura e altro ancora.

• Chrome
• WebGpu

Navigazione senza interruzioni resa possibile con le transizioni di visualizzazione

Una procedura dettagliata su come e perché CyberAgent, RedBus, Nykaa e PolicyBazaar hanno implementato le transizioni di visualizzazione.

• Chrome

Noi siamo Chrome per gli sviluppatori

Festeggiamo il 15° anniversario di Chrome e il nostro ruolo di partner affidabile e utile per gli sviluppatori.

• Chrome

Da WebGL a WebGPU

Leggi alcuni suggerimenti per gli sviluppatori WebGL che stanno migrando a WebGPU.

• Chrome

Novità di DevTools (Chrome 118)

Nuova sezione per le proprietà personalizzate in Elementi > Stili, ulteriori miglioramenti delle sostituzioni locali, ricerca migliorata, area di lavoro semplificata in Origini e altro ancora.

• Chrome DevTools
• Chrome

Chrome 118 beta

Stili con ambito per CSS, funzionalità multimediali aggiuntive, contenitori di scorrimento attivabili tramite tastiera e altro ancora.

• Chrome

Novità di Chrome 117

Stiamo implementando Chrome 117. Con tre nuove funzionalità CSS che semplificano l'aggiunta di animazioni di entrata e uscita fluide, il raggruppamento degli array per calcolare set di dati di ordine superiore, devtools semplifica gli override locali e c'è molto altro.

• Chrome

Transizione dalle app di Chrome

Come eseguire la migrazione di un'app Chrome in pacchetto o in hosting.

Novità di WebGPU (Chrome 117)

Annulla l'impostazione del buffer e del gruppo di associazione del vertice, fai in modo che i dispositivi smarriti funzionino e altro ancora.

• Chrome
• WebGpu

Pubblicare l'estensione

Indicazioni per la pubblicazione di una nuova estensione Manifest V3

• Estensioni di Chrome

Google Summer of Code ed estensioni di Chrome

Esperienza e consigli sulla partecipazione al programma Google Summer of Code.

• Estensioni di Chrome
• Chrome

Suggerimenti per DevTools: snippet ed espressioni in tempo reale

Utilizza gli snippet per eseguire il codice che utilizzi di frequente e le espressioni attive per controllare i valori in tempo reale.

• Chrome
• Chrome DevTools

Transizioni Astro View

Illustra come la community Astro ha abbracciato View Transitions quando Chrome stava plasmando l'API e il percorso verso l'ottenimento di un supporto di prima classe nelle isole permanenti Astro.

• Chrome

Release di Chrome più rapide (seconda fase)

A partire da Chrome 119, accorceremo il tempo che intercorre tra il ramo di una release e la sua introduzione nella versione stabile.

• Chrome

Introduzione alla prova dell'origine scheduler.yield

"scheduler.yield" è una nuova aggiunta all'API scheduler attualmente in prova dell'origine e rappresenta un nuovo approccio alla suddivisione delle attività per esperienze utente più reattive. Scopri i vantaggi di questa aggiunta all'API di pianificazione e registrati alla prova dell'origine per aiutarci a ottenere approfondimenti e feedback.

• Chrome

Crea in modo efficiente i tuoi comandi CDP (Chrome DevTools) con il nuovo editor dei comandi

Per semplificare la digitazione dei comandi CDP (Chrome DevTools) per gli sviluppatori, DevTools ha introdotto un nuovo editor intuitivo che ti consente di non dover utilizzare JSON.

• Chrome

Novità di Lighthouse 11

È arrivato Lighthouse 11 con nuove modifiche all'accessibilità e aggiornamenti di controllo

• Chrome

Novità di DevTools (Chrome 117)

Puoi eseguire l'override delle richieste di recupero/XHR e nascondere le richieste di estensioni dal riquadro Rete, visualizzare le modifiche alla priorità di recupero nel riquadro Prestazioni, sperimentare vari miglioramenti dell'interfaccia utente, scoprire nuovi colori e funzionalità sperimentali e altro ancora.

• Chrome DevTools
• Chrome

Caricamento del controllo di sicurezza nella pagina chrome://extensions in corso...

A partire da Chrome 117, Chrome evidenzia in modo proattivo gli utenti quando un'estensione che hanno installato non è più disponibile nel Chrome Web Store.

• Chrome
• Estensioni di Chrome

Chrome 117 beta

Griglia della griglia CSS, supporto dell'animazione di entrata e uscita per CSS, raggruppamento di array, aiutanti dell'iteratore e altro ancora.

• Chrome

Quattro nuove funzionalità CSS per animazioni di ingresso e uscita fluide

Scopri le nuove funzionalità che consentono una transizione fluida delle animazioni discrete e tra il livello superiore

• Chrome

Novità di Chrome 116

Stiamo implementando Chrome 116. Usa l'API Picture in picture del documento per aumentare la produttività degli utenti: ora è più facile eseguire il debug dei fogli di stile mancanti in DevTools e ce ne sono molti di più.

• Chrome

Manifest: script di contenuti

Documentazione di riferimento per la proprietà "content_scripts" di manifest.json.

• Estensioni di Chrome

Proteggi le interazioni popup con le proprietà di limitazione

Ottieni l'isolamento multiorigine e la protezione da perdite tra siti durante l'interazione con i popup.

• Chrome

Novità di WebGPU (Chrome 116)

Integrazione con WebCodecs, miglioramenti della riproduzione video e altro ancora.

• Chrome
• WebGpu

Autorizzazioni una tantum in Chrome

"Consenti questa volta" è un'opzione una tantum per le concessioni di autorizzazioni in Chrome. Inizialmente sarà disponibile su computer solo per geolocalizzazione, fotocamera e microfono.

• Chrome

Suggerimenti per DevTools: punti di interruzione e punti di log

Utilizza i punti di interruzione e i punti di log per eseguire facilmente il debug.

• Chrome
• Chrome DevTools

PostMessage per TWA

Dalle attività web attendibili (TWA) di Chrome 115 è possibile inviare messaggi utilizzando postMessage. Questo documento illustra la configurazione necessaria per comunicare tra la tua app e il web.

Novità di Chrome 116 per le estensioni

Un riepilogo delle importanti modifiche apportate a Chrome 116 per gli sviluppatori di estensioni di Chrome.

• Chrome
• Estensioni di Chrome

Chrome 116 beta

Percorso di animazione CSS, API NotRipristinadMotivo della cache back-forward, Picture in picture del documento e altro ancora.

• Chrome

Debug dei siti web in Chrome su iOS 16.4 e versioni successive

Scopri come utilizzare il debug di Safari Web Inspector per Chrome su iOS.

• Chrome

Cosa sta succedendo nelle estensioni di Chrome?

Una panoramica delle modifiche apportate finora quest'anno alle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.

• Chrome
• Estensioni di Chrome

Novità di Chrome 115

Utilizza ScrollTimeline e ViewTimeline per creare animazioni a scorrimento che migliorano l'esperienza utente. I frame fecondati funzionano insieme ad altre API Privacy Sandbox per incorporare contenuti pertinenti, evitando al contempo la condivisione di contesto non necessaria. Con l'API Topics il browser può condividere con terze parti informazioni sugli interessi di un utente preservando al contempo la privacy. E c'è molto altro.

• Chrome

Un case study sul rendimento delle animazioni con scorrimento

La nuova API è molto più fluida rispetto al metodo classico per implementare animazioni con scorrimento.

• Chrome

Suggerimenti per DevTools: registrare e riprodurre i flussi utente con il Registratore

Scopri come registrare, riprodurre ed eseguire il debug dei flussi utente con il riquadro Registratore in DevTools.

• Chrome
• Chrome DevTools

Utilizzo di WebSocket nei service worker

Istruzioni dettagliate su come connetterti a un WebSocket nell'estensione di Chrome.

• Estensioni di Chrome

WebRTC: guida alla migrazione con getStats() precedente

Scopri come utilizzare il debug di Safari Web Inspector per Chrome su iOS.

• Chrome

Suggerimenti per DevTools: archiviazione locale e di sessione

Utilizza Applicazione > memoria locale e Archiviazione sessione per eseguire il debug di coppie chiave-valore.

• Chrome DevTools
• Chrome

Novità di DevTools (Chrome 116)

DevTools offre una serie di miglioramenti per aiutarti a identificare e risolvere più rapidamente i problemi relativi alle stylesheet mancanti: Il riquadro Rete compila in modo coerente la colonna Initiator con i link alla riga esatta che fa

• Chrome DevTools
• Chrome

Utilizza geolocalizzazione

Come utilizzare la geolocalizzazione nei service worker, popup, riquadri laterali o script di contenuti delle estensioni di Chrome.

• Estensioni di Chrome

Novità di WebGPU (Chrome 115)

Estensioni per le lingue WGSL supportate, supporto sperimentale per Direct3D 11 e altro ancora.

• Chrome
• WebGpu

Chrome for Testing: download affidabili per l'automazione del browser

Chrome for Testing è una nuova versione di Chrome progettata in modo specifico per i casi d'uso di automazione e test delle app web.

• Chrome
• Chrome for Testing

Esegui il debug di WebAssembly C/C++

Scopri come utilizzare Chrome DevTools per trovare e correggere i bug in C/C++ WebAssembly.

• Chrome DevTools