Chrome Web Store Un marketplace online in cui gli utenti possono sfogliare estensioni e temi. Pubblica la tua estensione lì e rendila accessibile a tutti. dashboard Dashboard per sviluppatori Pubblica l'estensione e gestisci gli articoli dello store.

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

Selezioni personalizzabili, chiusura della finestra di dialogo e altro ancora.

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

Chrome 134 è in fase di implementazione. Include la funzionalità di chiusura rapida per le finestre di dialogo e molto altro da scoprire.

Scopri come sviluppare estensioni di Chrome.

Ora puoi interrompere la procedura di revisione di un elemento in attesa di revisione.

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

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

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

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

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

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

Creare esperienze web end-to-end

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

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

Esegui un'analisi avanzata della rete con Chrome DevTools.

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.

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

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

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

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

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

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

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

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

Scopri Chrome Chrome 134, beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Novità di Chrome DevTools Suggerimenti per DevTools

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

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

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.

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

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

Documentazione tecnica sulle dimensioni 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.

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

Ti aiuta a creare, crescere e innovare sul web.

Nozioni di base per iniziare a utilizzare le estensioni di Chrome

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

Scopri le ultime funzionalità che saranno disponibili su Chrome.

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

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

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

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

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

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

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

Come utilizzare la scheda Auth specializzata nella tua app per Android

Come utilizzare le schede personalizzate effimere nella tua app per Android

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

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

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

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

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

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.

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

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

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

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

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

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.

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.

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

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

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.

Suggerimenti per DevTools

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

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.

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

Scopri le ultime funzionalità di Chrome.

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

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

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.

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.

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

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

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ò

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ò

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.

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

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

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

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

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

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

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.

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

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.

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

Scopri WebGPU con guide, demo e ultime notizie

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

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

Scopri le funzionalità di privacy e sicurezza di Chrome.

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

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

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

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

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

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

Automatizza i controlli delle prestazioni web con Lighthouse

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

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 è

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 è

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

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

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

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

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

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ù

Il componente WebView si basa sul progetto open source Chromium.

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

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,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Registra e analizza una traccia del rendimento con DevTools.

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.

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.

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.

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

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[]

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

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

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 è

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

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.

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

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

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

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

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

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

Scopri come sviluppare estensioni con l'IA

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

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

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

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

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

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

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

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 è

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,

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, è

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.

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

Documentazione tecnica sugli strumenti di CrUX.

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

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

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

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

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

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.

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

Una sostituzione più semplice e sicura delle password.

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

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

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

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

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

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

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

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

Scopri le ultime funzionalità di Chrome.

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

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

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

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 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.

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.

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.

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

Trova risorse su argomenti quali tipografia, colore e layout.

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

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

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

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.

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.

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.

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.

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

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.

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

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

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

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

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.

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.

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

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

Scopri come valutare le prestazioni del runtime in Chrome DevTools.

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

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

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

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.

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

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

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.

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.

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

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.

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

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.

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

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

Riferimento alla scheda Innovazioni dell'IA.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

Controlla e risolvi i problemi relativi alla cache con DevTools.

Esamina i livelli che compongono il tuo sito web.

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

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

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.

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.

Un confronto delle due specifiche di muratura proposte.

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

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

Analizza le prestazioni di caricamento e runtime del tuo sito web

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

È 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.

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.

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

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

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

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

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

Dettagli sulle ultime modifiche al set di dati CrUX.

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

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

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

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

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

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

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

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

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

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

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.

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.

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.

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

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

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

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.

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 è

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

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

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

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

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

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.

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

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

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

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:

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

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

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

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

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

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

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

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

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",

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.

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

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

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

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,

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

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

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

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

Velocizza il caricamento dei tuoi siti web con Chrome Lighthouse.

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,

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:

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

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.

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

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

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

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,

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

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

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.

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",

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

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.

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

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

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

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<void> Le promesse sono

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

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

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

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

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

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

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

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

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.

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 è

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

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

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

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

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:

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

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

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

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

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

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.

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.

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

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

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:

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

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

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.

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.

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

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

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

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

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,

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

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

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

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

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

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<void> Le promesse sono

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

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:

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

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

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

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

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.

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

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

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

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

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

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

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

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

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.

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

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

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

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

Personalizza i dati sulle prestazioni con l'API estensibilità

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

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

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

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

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.

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

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

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.

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

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

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

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

È 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.

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

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

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

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

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.

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

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

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.

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

Presentazione di due nuovi eventi JavaScript: scrollSnapChange e scorriSnapChange.

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.

Scopri 4 modi unici per acquisire screenshot con DevTools.

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

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.

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

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

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

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

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

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

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

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

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

Analizza carico e risorse di rete

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

Esempi di estensioni di Chrome sono disponibili su GitHub.

DA FARE

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

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

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

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

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

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.

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

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.

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

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

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à

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.

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

È 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.

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

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

Informazioni sulla scheda Preferenze.

Analizza e registra i flussi degli utenti.

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

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

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.

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.

Ispezionare gli elementi nell'app web

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

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.

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.

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.

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

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

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

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.

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

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

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

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.

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

È 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.

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

Monitorare richieste e risposte CDP.

Documentazione tecnica sulle metriche CrUX.

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

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

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.

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

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

È 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.

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

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

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.

Visualizzare i file sorgente e accedere ad altri strumenti.

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

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

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.

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

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

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

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

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

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

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

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

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

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.

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

È 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.

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

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

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

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

Comprendi meglio errori e avvisi nella console con Gemini.

Scopri come superare le sfide con i test in ambienti aziendali

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

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

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

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

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.

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

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

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

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

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

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

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

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

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.

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

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

Visualizza le metriche dell'API WebAudio nel riquadro WebAudio

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

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

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

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

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

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

Scopri come rendere installabile la tua app web progressiva.

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

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

È 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.

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

Scopri come far funzionare offline la tua app web progressiva.

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

Ispeziona e modifica le animazioni con il riquadro Animazioni.

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

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

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

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

Riferimento per la scheda Limitazione.

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

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

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

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

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

Scopri come proteggere il tuo sito web con HTTPS.

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

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

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

Scopri come utilizzare CrUX con guide facili da seguire

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.

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.

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.

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

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

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

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

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

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

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

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

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.

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

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

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

È 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.

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.

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

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

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

Apporta istantaneamente modifiche al DOM.

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

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

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.

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

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

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

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.

Ottieni informazioni fondamentali sulla tua applicazione web direttamente dal browser.

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

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.

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

Scopri le ultime funzionalità di Chrome DevTools

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.

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

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

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

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

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

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

È 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.

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

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

Da definire

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.

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

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

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

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

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

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

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

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

Come funzionano gli avvisi di autorizzazione nelle estensioni di Chrome.

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

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

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.

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.

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

Rispondere a combinazioni di chiavi personalizzate in un'estensione.

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

Personalizza e integra il Registratore installando delle estensioni.

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.

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

È 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.

Attiva le azioni dalla omnibox.

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.

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

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

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

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

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

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

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

Chrome aggiunge un'altra nuova funzionalità CSS internazionale.

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.

Scopri come creare i colori in pochi clic.

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

Scopri come eseguire il debug della priorità di recupero.

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

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.

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.

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

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

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

Avvia le app direttamente da una pagina web con un intent 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

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.

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

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

Tieniti al corrente sulle ultime modifiche relative a WebGPU.

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

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

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.

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

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

Scopri come eseguire il debug del DOM con DevTools.

Visualizza i dettagli del frame.

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

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

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).

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

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.

È 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 aggiungerà quattro nuove funzionalità CSS internazionali.

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.

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

Riferimento alla scheda Ignora elenco.

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

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

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

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

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.

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

Nidificazione Lookahead attivata in 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.

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

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

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

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

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

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.

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.

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

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

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

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

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

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

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

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

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

Come scrivere test delle unità per le estensioni.

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

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

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

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

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

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.

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

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 119 beta offre la sintassi dei colori CSS, nuove pseudo-classi e molto altro.

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

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

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.

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

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

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

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

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.

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

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.

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

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

Indicazioni per la pubblicazione di una nuova estensione Manifest V3

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

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

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.

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

"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.

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.

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

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.

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.

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

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

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ù.

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

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

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

"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.

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

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.

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

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

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

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.

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.

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

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

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

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

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

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

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

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

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

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

Scopri come Adobe è riuscita a consentire agli utenti di modificare anche i file più grandi sulla versione web della sua iconica app Photoshop. Questo articolo è disponibile anche sotto forma di video. Nel 2021, Adobe, insieme al team tecnico di

L'API Local Font Access fornisce un meccanismo per accedere ai dati dei caratteri installati localmente dell'utente, inclusi dettagli di livello superiore come nomi, stili e famiglie, nonché i byte non elaborati dei file dei caratteri sottostanti.

Annuncio del ritiro e della rimozione pianificata degli eventi di mutazione e comunicazione del modo in cui è possibile eseguire la migrazione del codice prima della rimozione a luglio 2024.

Più parole chiave per la proprietà display CSS, WGSLLanguageFeatures per WebGPU, upgrade a HTTPS e altro ancora.

Ottimizzazione JavaScript e altro ancora.

Supporto per i dati: gli URL nell'elemento SVG verranno rimossi. Consigliamo di eseguire la migrazione alle alternative.

Una nuova prova dell'origine di Chrome che consente agli sviluppatori web di monitorare la pressione di calcolo.

Presentazione della nuova API Side Panel per le estensioni di Chrome.

Se il tuo sito web si basa sull'impostazione di document.domain, è richiesta la tua azione.

Stiamo implementando Chrome 114. Stiamo implementando Chrome 114. Con il testo a capo: bilancia per migliorare i layout del testo, sono arrivati i Cookie con stato partizionato indipendente, la nuova API Popover rende i popover più facili che mai e ce ne sono molti di più.

Il riquadro Elementi riceve un nuovo badge subgrid per la sottogriglia. Questa funzionalità è attualmente in fase sperimentale in Chrome Canary. Per ispezionare e eseguire il debug di una griglia nidificata che è una sottogriglia e che quindi eredita

L'API Accesso al file system consente funzionalità di lettura, scrittura e gestione dei file. Scopri come Construct 3 utilizza questa API. Questo articolo è disponibile anche sotto forma di video. Construct 3 è un editor di giochi sviluppato dai

Utilizza Workspace per salvare le modifiche apportate in DevTools in file di origine locali.

Ti presentiamo linear(), una funzione di easing in CSS che interpola linearmente tra i suoi punti, consentendoti di ricreare gli effetti di rimbalzo e molla.

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

Scopri come creare descrizioni comando, menu e altro ancora con la nuova API popover.

LEGO Education sfrutta la potenza del web per semplificare il più possibile il collegamento dei modelli LEGO al computer.

Scopri cosa ha fatto di recente il team di Chrome Aurora e la roadmap per il 2023.

L'API EyeDropper fornisce un meccanismo per creare uno strumento contagocce che consente agli utenti di campionare i colori dai loro schermi, anche al di fuori della finestra del browser. Scopri in che modo l'editor di modelli 3D Blockbench utilizza

Storage Standard definisce un'API per l'archiviazione permanente e le stime delle quote, nonché l'architettura di archiviazione della piattaforma. Stiamo sperimentando un'API per rendere più prevedibile l'eliminazione dell'archiviazione permanente sotto pressione di memoria elevata. Prova l'API Storage Buckets in una prova dell'origine eseguita da Chrome 115 a Chrome 118.

L'API File Handling consente alle applicazioni web di registrarsi come gestori di file per i formati di file supportati dall'applicazione. Scopri come l'applicazione di modifica delle immagini Photopea utilizza questa API. Questo articolo è

SQL web è stato completamente rimosso in Chromium 119.

Le 20 funzionalità principali CSS e UI illustrate alla conferenza Google I/O 2023 che non puoi non perdere.

Scopri in che modo stiamo semplificando per gli sviluppatori l'offerta di esperienze potenti ai loro utenti attraverso gli aggiornamenti chiave e i nuovi lanci che abbiamo condiviso alla conferenza Google I/O 2023.

Il team di Chrome DevTools sta creando nuove funzionalità aggiuntive per aiutare a individuare i problemi dei moduli ed eseguire il debug della compilazione automatica. Queste funzionalità sono in una fase iniziale della progettazione e dell'implementazione e abbiamo bisogno del tuo test e del tuo feedback.

Aggiornamenti agli strumenti che portano il Web su Android. Miglioramenti della privacy e supporto migliore per schermi di grandi dimensioni in WebView, schede personalizzate parziali nelle schede personalizzate, installazione semplificata e funzionalità integrate per PWA, gestione della fatturazione del Play Store per TWA e altro ancora.

Scopri come WebGPU sblocca la potenza della GPU per prestazioni di machine learning più veloci e rendering grafico migliore.

Alcuni moduli contengono campi in iframe e questo causa problemi per la compilazione automatica del browser. Con la compilazione automatica condivisa, il frame principale può indicare l'affidabilità degli iframe multiorigine per supportare una migliore esperienza di compilazione automatica per l'utente.

Questo articolo fornisce una panoramica delle novità di WebDriver BiDi nel 2023.

Crea la tua agenda per prepararti alla conferenza Google I/O.

Scopri come utilizzare le sequenze temporali di scorrimento e le sequenze temporali per creare animazioni a scorrimento in modo dichiarativo.

Per impostazione predefinita, DevTools attiva Impostazioni &gt; Esperimenti &gt; Debug WebAssembly: attiva il supporto DWARF. Per ulteriori informazioni, consulta Eseguire il debug di WebAssembly con strumenti moderni. Questo esperimento ti consente

I service worker di estensione sono il gestore centrale di eventi di un'estensione. Per questo motivo, sono diversi dai worker web.

Bilanciamento del titolo CSS, CHIPS, evento scrollend e popover.

Stiamo implementando Chrome 113. WebGPU è qui, consente grafica 3D ad alte prestazioni e calcolo parallelo dei dati sul web, devtools ora può sostituire le intestazioni delle risposte di rete, First Party Set, parte di Privacy Sandbox, che consente alle organizzazioni di dichiarare siti correlati che sta iniziando a implementare, e c'è molto altro.

I service worker delle estensioni vengono installati e aggiornati in modo diverso rispetto ai worker dei servizi web.

I service worker di estensione rispondono sia agli eventi dei service worker standard sia a molti eventi nelle API delle estensioni.

I service worker di estensione rispondono sia agli eventi dei service worker standard sia agli eventi negli spazi dei nomi delle estensioni. Sono presentati insieme perché spesso un tipo ne segue un altro durante l'utilizzo di un'estensione.

Chrome 113 include miglioramenti al codificatore software AV1 del team di Chrome Open Media.

Una nuova prova dell'origine di Chrome che consente agli sviluppatori web di controllare la sfocatura dello sfondo della fotocamera.

Utilizza le mappe di origine in DevTools per eseguire il debug del codice originale anziché eseguire il deployment.

Utilizza il riquadro Risorse per sviluppatori per verificare se le mappe di origine vengono caricate correttamente e caricale manualmente.

WebGPU viene fornita in Chrome con l'integrazione di WebCodecs nella prova dell'origine.

Adatta la tua UI alle funzionalità di frequenza di aggiornamento dello schermo.

Come adattare la scheda personalizzata all'aspetto e al design dell'app.

Scopri come sfruttare il servizio schede personalizzate per migliorare l'esperienza utente.

Come aggiungere azioni personalizzate a una scheda personalizzata.

Scopri come utilizzare le schede personalizzate parziali per consentire agli utenti di interagire con la tua app mentre visualizzano i contenuti web.

Come misurare il coinvolgimento degli utenti nelle schede personalizzate.

Come avviare una scheda personalizzata dall'app Android.

I dispositivi mobili e gli store hanno cambiato il modo in cui gli utenti scoprono, valutano e installano software. Le app web ora offrono agli sviluppatori una piattaforma per mettere in evidenza le loro app al momento dell'installazione.

Un viaggio nell'evoluzione dell'automazione dei test sul web.

Come registrare audio o video da una scheda, una finestra o uno schermo.

L'utilizzo di animazioni basate sui livelli nelle viste può migliorare le prestazioni e ridurre ma sono piuttosto difficili da configurare. La AnimationBuilder le classi possono ridurre notevolmente la complessità e migliorare la leggibilità del

Ti chiediamo il tuo feedback su una soluzione proposta per il problema dei metodi di layout che dispongono degli elementi in un ordine che è disconnesso dalla fonte del documento.

Per semplificare l'esecuzione di azioni comuni come eliminare o disattivare i punti di interruzione, abbiamo riprogettato la barra laterale dei punti di interruzione per consentirti di eseguirle con un solo clic.

Ora puoi sostituire le intestazioni di risposta nel riquadro Rete. In precedenza, per eseguire esperimenti con le intestazioni di risposta HTTP era necessario accedere al server web. Con le sostituzioni delle intestazioni di risposta, puoi creare

Nuove funzionalità multimediali CSS, funzione di easing linear() e WebGPU.

Il team di Chrome produce WebGPU, che consente grafica 3D ad alte prestazioni e calcolo parallelo ai dati sul web.

A partire da Chrome 114 il tempo intercorso tra il ramo per una release e la release stabile sarà minore.

Stiamo implementando Chrome 112. Ora il CSS supporta le regole di nidificazione, l'algoritmo per impostare lo stato attivo iniziale sugli elementi della finestra di dialogo è stato aggiornato, i gestori di recupero autonomo sui service worker d'ora in poi vengono ignorati per rendere le navigazioni più veloci e c'è molto altro.

Scopri come creare e eseguire il debug di un worker di servizio dell'estensione.

Scopri in che modo le mappe di origine possono aiutarti a eseguire il debug del codice originale anziché di eseguirne il deployment.

Migliora l'esperienza di debug in Chrome DevTools con l'estensione della mappa di origine ignoreList.

Con SQLite Wasm supportato dal file system privato di origine, è disponibile un sostituto versatile per la tecnologia di database Web SQL deprecata. Questo articolo è una guida alla migrazione dei dati da Web SQL a SQLite Wasm. Il post Ritiro e

Stiamo migliorando le misure sulla privacy di Chrome collaborando con Fastly per implementare il server k-anonymity per FLEDGE. Con l'inoltro dei dati tramite un inoltro OHTTP in questa implementazione, i server di Google non ricevono gli indirizzi IP degli utenti finali. Il server di k-anonymity rappresenta un passaggio incrementale verso la completa implementazione di FLEDGE.

Vogliamo proteggere la privacy degli utenti limitando il momento in cui viene inviata l'intestazione X-Requested-With.

Nidificazione CSS, animazione-composition e parametro di invio per il costruttore FormData.

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

Il file manifest.json richiede un formato leggermente diverso per Manifest V3 rispetto a Manifest V2.

La prima delle tre sezioni descrive le modifiche necessarie per il codice che non fa parte del service worker di estensione.

Il Registratore introduce il supporto di opzioni di riproduzione personalizzate che puoi incorporare in DevTools con un'estensione. Prova l' estensione di esempio. Seleziona la nuova opzione di ripetizione personalizzata per aprire l'interfaccia

La seconda delle tre sezioni descrive le modifiche necessarie per il codice che non fa parte del service worker di estensione.

L'API View Transition consente le transizioni di pagina all'interno di app a pagina singola e, in un secondo momento, includerà app su più pagine.

Una delle nostre funzionalità preferite del preprocessore CSS è ora integrata nel linguaggio: le regole di stile nidificate.

L'ultima delle tre sezioni descrive le modifiche necessarie per il codice che non fa parte del service worker di estensione.

Stiamo implementando Chrome 111. Crea transizioni eleganti nella tua app a pagina singola con l'API View Transitions e porta i colori a un livello superiore con il supporto del livello di colore CSS 4. Scopri i nuovi strumenti nel riquadro Stile per sfruttare al massimo la nuova funzionalità relativa ai colori e ce ne sono molti altri.

La raccolta di API di Project Fugu è una raccolta di app che utilizzano le API di Project Fugu. Il progetto Capabilities cross-company (nome in codice Project Fugu ) di Google ha lo scopo di consentire alle app web di fare tutto ciò che possono fare

Usando la teoria dei solleciti, abbiamo convinto gli utenti a smettere di spararsi ai piedi durante le videoconferenze.

Una nuova API verrà presto introdotta nella piattaforma web per aiutarti a posizionare gli elementi in modo adattabile e senza problemi.

Esplorare due sfide che il team di Chrome ha dovuto affrontare nell'implementazione dei CHIPS e scoprire in che modo il feedback della community ha svolto un ruolo chiave nell'evoluzione della progettazione della proposta.

Il modo in cui il team di Chrome mira a incoraggiare discussioni più professionali, rispettose e inclusive.

Scambia messaggi con applicazioni native dall'estensione di Chrome.

Scopri come Next.js, Nuxt.js e altre librerie aiutano a generare caratteri CSS di riserva senza CLS.

Le query di stile consentono agli sviluppatori di eseguire query sui valori di stile di un elemento principale utilizzando la regola @container. In Chrome 111, le query di stile per le proprietà personalizzate CSS sono stabili. Scopri come iniziare a utilizzarli.

Utilizza i riquadri Stili e Calcolati per individuare i problemi di CSS con DevTools.

Dove trovare assistenza per le domande che non rientrano nella documentazione.

Informazioni sulla scheda Scorciatoie.

Informazioni sulla scheda Esperimenti.

Informazioni sulla scheda Dispositivi.

Debug del colore in HD, UX migliorata con punti di interruzione e altro ancora.

Informazioni sulla scheda Località.

Informazioni sulla scheda Area di lavoro.

Panoramica delle impostazioni.

La nuova regolazione delle dimensioni e l'override delle metriche relative ai caratteri consentono agli sviluppatori di creare caratteri di riserva molto simili ai caratteri web. In questo modo si riducono le variazioni del layout.

Nuovi tipi di colore e spazi colore del CSS, funzioni trigonometriche CSS e API View Transitions.

È arrivato Lighthouse 10 con nuovi punteggi e controlli.

Il controller Stadia con il firmware modificato si comporta come un gamepad standard, il che significa che non tutti i suoi pulsanti sono accessibili utilizzando l'API Gamepad. Con WebHID, ora puoi accedere ai pulsanti mancanti. Dal momento che

Attiva strumenti di debug aggiuntivi o prova funzionalità nuove o sperimentali in Chrome.

Stiamo implementando Chrome 110. Aggiungi uno stile personalizzato ai tuoi elementi Picture in picture con la nuova pseudo-classe :picture-in-picture, imposta il comportamento di avvio dell'app web conlaunch_handler, utilizza l'attributo senza credenziali negli iframe per incorporare contenuti di terze parti che non impostano una norma per l'incorporamento multiorigine. E c'è molto altro.

Scopri di più sull'API CrUX History e su come utilizzarla per monitorare le tendenze dell'esperienza utente.

Svuota il riquadro Prestazioni al ricaricamento, visualizza ed evidenzia il codice nell'app Registratore e altro ancora.

Per una maggiore privacy e sicurezza, le chiamate all'API Web Share negli iframe di terze parti ora devono essere consentite esplicitamente. Questo articolo illustra una modifica potenzialmente che causa un errore nell'API Web Share. Questa modifica

Scopri come gli sviluppatori di Chromium possono ridurre le probabilità di sfruttamento in n giorni.

CSS Color 4 porta sul web strumenti e funzionalità con un'ampia gamma di colori.