Scopri Chrome
Manifest per le aree di stoccaggio
A differenza delle aree di archiviazione local e sync, l'area di archiviazione managed deve avere una struttura dichiarato come schema JSON ed è rigorosamente convalidato da Chrome. Questo schema deve essere archiviato in indicato dalla proprietà
Versione manifest
Un numero intero che specifica la versione del formato del file manifest richiesto dal pacchetto. A partire da Chrome 18, gli sviluppatori devono specificare 2 (senza virgolette) per utilizzare il formato come descritto documento: Considera la
Manifest - Versione minima di Chrome
La versione di Chrome richiesta dall'estensione, dall'app o dal tema, se presente. Il formato per questa stringa è lo stesso del campo version.
Manifest - Offline abilitato
Indica se l'app o l'estensione dovrebbe funzionare offline. Quando Chrome rileva che è offline, le app con questo campo impostato su true vengono evidenziate nella pagina Nuova scheda. A partire da Chrome 35, si presume che le app siano abilitate
Manifest - Icone
Una o più icone che rappresentano l'estensione, l'app o il tema. Devi sempre fornire un'immagine di 128 x 128 icona; durante l'installazione e dal Chrome Web Store. Le estensioni devono inoltre fornire un Icona 48 x 48, utilizzata nella pagina di
Manifest: nome e nome breve
Le proprietà del file manifest name e short_name sono brevi stringhe di testo normale che identificano l'app. Puoi specificare stringhe specifiche delle impostazioni internazionali per entrambi i campi. Consulta Internazionalizzazione per i dettagli.
Aggiornamento: pagine di eventi e pagine in background
Formato file manifest
Ogni app dispone di un file manifest in formato JSON, chiamato manifest.json, che fornisce importanti informazioni. Il seguente codice mostra i campi manifest supportati per le app, con link alla pagina che illustra ogni campo.
Funzionalità web disattivate
Anche se le app di Chrome utilizzano la piattaforma web, alcune funzionalità web sono state disattivate oppure vengono utilizzate in modo diverso. Lo scopo principale è evitare problemi di sicurezza e migliorare le pratiche di programmazione. Di
Manifest - Requisiti
Tecnologie richieste dall'app o dall'estensione. I siti di hosting come il Chrome Web Store potrebbero utilizzare questo elenco per dissuadere gli utenti dall'installazione di app o estensioni che non funzionano sui loro computer. I requisiti
Manifest - Moduli Nacl
Una o più mappature dai tipi MIME al modulo Native Client che gestisce ogni tipo. Per Ad esempio, il codice in grassetto nello snippet seguente registra un modulo Native Client come contenuto. per il tipo MIME del foglio di lavoro OpenOffice. Il
Manifest - Versione
Da uno a quattro numeri interi separati da punti che identificano la versione di questa estensione. Ai numeri interi si applicano un paio di regole: devono essere compresi tra 0 e 65535 inclusi e i numeri interi diversi da zero non possono iniziare
Manifest - Sandbox
Avviso:a partire dalla versione 57, Chrome non consentirà più contenuti web esterni (inclusi frame e script incorporati) all'interno di pagine con sandbox. Usa invece una webView. Definisce una raccolta di pagine di app o estensioni da pubblicare in
externally_connectable
La proprietà manifest externally_connectable dichiara quali estensioni, app e pagine web possono connettiti alla tua app tramite runtime.connect e runtime.sendMessage. Per un tutorial sulla trasmissione di messaggi, vedi Messaggistica per app e con
Manifest: descrizione
Una stringa di testo normale (non HTML o altra formattazione, non più di 132 caratteri) che descrive l'estensione. La descrizione deve essere adatta sia per l'interfaccia utente di gestione delle estensioni del browser sia per il Chrome Web Store.
Manifest: impostazioni internazionali predefinite
Specifica la sottodirectory di _locales che contiene le stringhe predefinite per questa estensione. Questo campo è obbligatorio nelle estensioni che hanno una directory _locales; deve essere assente nelle estensioni che non hanno una directory
Manifest - Chiave
Questo valore può essere utilizzato per controllare l'ID univoco di un'estensione, un'app o un tema quando vengono caricati durante lo sviluppo. Per ottenere un valore chiave adatto, installa prima l'estensione da un file.crx (potrebbe essere
flussi di lavoro
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Risposta ReadableStream BodyInit Accetta più promesse di origine, ognuna delle quali può risolvere in una risposta, un ReadableStream o un BodyInit. Restituisce un oggetto che
Esempi
Esempi di estensioni di Chrome sono disponibili su GitHub.
- Estensioni di Chrome
Pubblica l'app
TODO
- Estensioni di Chrome
Posticipazione dell'implementazione di @function CSS da Chrome 136 a 139
Il team di Chrome risponde ai dubbi della community.
- Chrome
In che modo eBay ha migliorato del 10% i tassi di successo degli accessi con la condivisione delle credenziali senza problemi
Scopri come eBay ha migliorato il successo degli accessi del 10% utilizzando i link agli asset digitali per la condivisione senza problemi delle credenziali. Scopri come implementare un'autenticazione sicura e multipiattaforma e migliorare l'esperienza utente.
- Chrome
Chrome for Developers
Ti aiuta a creare, crescere e innovare sul web.
- Chrome
Chrome 135 beta
Scopri le novità in arrivo su Chrome con la versione beta più recente.
- Chrome
Chrome Web Store
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.
Che cos'è ChromeDriver?
ChromeDriver è un server autonomo che implementa lo standard W3C WebDriver.
Chrome 134
Selezioni personalizzabili, chiusura della finestra di dialogo e altro ancora.
- Chrome
Sfrutta casi d'uso interessanti con l'API Document Picture-in-Picture
Scopri in che modo la funzionalità Picture-in-Picture di Documenti ha migliorato un'esperienza di apprendimento online.
- Chrome
Novità di Chrome 134
Chrome 134 è in fase di implementazione. Include la funzionalità di chiusura rapida per le finestre di dialogo e molto altro da scoprire.
- Chrome
Chrome Extensions
Scopri come sviluppare estensioni di Chrome.
- Estensioni di Chrome
Annullare la revisione nella Dashboard per sviluppatori del Chrome Web Store
Ora puoi interrompere la procedura di revisione di un elemento in attesa di revisione.
- Chrome
- Estensioni di Chrome
chrome.contentSettings
Utilizza l'API chrome.contentSettings per modificare le impostazioni che controllano se i siti web possono utilizzare funzioni come cookie, JavaScript e plug-in. In termini più generali, le impostazioni dei contenuti ti consentono di personalizzare
- Estensioni di Chrome
chrome.contentSettings
Utilizza l'API chrome.contentSettings per modificare le impostazioni che controllano se i siti web possono utilizzare funzioni come cookie, JavaScript e plug-in. In termini più generali, le impostazioni dei contenuti ti consentono di personalizzare
- Estensioni di Chrome
chrome.bookmarks
Questa autorizzazione attiva un avviso. Utilizza l'API chrome.bookmarks per creare, organizzare e manipolare i preferiti. Consulta anche Override Pages, che puoi utilizzare per creare una pagina Gestione preferiti personalizzata. Per utilizzare l'API
- Estensioni di Chrome
chrome.bookmarks
Utilizza l'API chrome.bookmarks per creare, organizzare e manipolare i preferiti. Consulta anche Override Pages, che puoi utilizzare per creare una pagina Gestione preferiti personalizzata. Per utilizzare l'API dei preferiti, devi dichiarare
- Estensioni di Chrome
Intelligenza artificiale
IA su Chrome Ti diamo il benvenuto nella prossima era del web con l'IA. Scopri come l'IA può aiutare gli sviluppatori a creare più facilmente esperienze potenti sul web. Reinventa le possibilità offerte da Gemini Nano in Chrome. IA integrata Stiamo
Prepararsi al passaggio a Chrome su Android a tutto schermo
Chrome su Android passerà alla visualizzazione a tutto schermo a partire da Chrome 135.
- Chrome
Guida alla migrazione edge-to-edge di Chrome su Android
Creare esperienze web end-to-end
Eseguire il debug di Gemini Nano
Esiste una pagina speciale interna a Chrome per visualizzare i dettagli sui prompt di Gemini Nano. Questa guida spiega come utilizzarlo per il debug.
Pannello Privacy e sicurezza
Utilizza il riquadro "Privacy e sicurezza" per ispezionare e controllare i cookie di terze parti e verificare la protezione HTTPS.
- Chrome DevTools
Eseguire analisi di rete avanzate con Chrome DevTools
Esegui un'analisi avanzata della rete con Chrome DevTools.
- Chrome
- Chrome DevTools
Novità di WebGPU (Chrome 134)
Migliora i carichi di lavoro di machine learning con sottogruppi, miglioramenti dei tempi di compilazione degli shader su D3D12, rimozione del supporto dei tipi di texture filtrabili con valori float come miscelabili e altro ancora.
- Chrome
Popover = suggerimento
Scopri la nuova modalità per i popup che semplifica le descrizioni comando e altri elementi mobili.
- Chrome
In che modo NRK utilizza le animazioni basate sullo scorrimento per dare vita alle storie
Scopri come le animazioni basate sullo scorrimento e attivate dallo scorrimento migliorano gli articoli narrativi
- Chrome
chrome.app.runtime
Utilizza l'API chrome.app.runtime per gestire il ciclo di vita dell'app. Il runtime dell'app gestisce l'installazione dell'app, controlla la pagina dell'evento e può arrestare l'app in qualsiasi momento. qualsiasi facoltativo Dati facoltativi
chrome.printing
Utilizza l'API chrome.printing per inviare processi di stampa alle stampanti installate su Chromebook. Tutti i metodi ed eventi chrome.printing richiedono di dichiarare l'autorizzazione "printing" nel manifest dell'estensione. Ad esempio: Gli esempi
- Estensioni di Chrome
chrome.sessions
Utilizza l'API chrome.sessions per eseguire query e ripristinare schede e finestre da una sessione di navigazione. stringa Il nome del dispositivo esterno. Session [] Un elenco di sessioni delle finestre aperte per il dispositivo esterno, ordinate
- Estensioni di Chrome
chrome.userScripts
Utilizza l'API userScripts per eseguire script utente nel contesto Script utente. Per utilizzare l'API User Scripts, chrome.userScripts, aggiungi l'autorizzazione "userScripts" a manifest.json e "host_permissions" per i siti su cui vuoi eseguire gli
- Estensioni di Chrome
chrome.sessions
Utilizza l'API chrome.sessions per eseguire query e ripristinare schede e finestre da una sessione di navigazione. stringa Il nome del dispositivo esterno. Session [] Un elenco di sessioni delle finestre aperte per il dispositivo esterno, ordinate
- Estensioni di Chrome
chrome.printing
Utilizza l'API chrome.printing per inviare processi di stampa alle stampanti installate su Chromebook. Tutti i metodi ed eventi chrome.printing richiedono di dichiarare l'autorizzazione "printing" nel manifest dell'estensione. Ad esempio: Gli esempi
- Estensioni di Chrome
Novità di DevTools, Chrome 134
Riquadro Privacy e sicurezza, throttling della CPU calibrato, evidenziazione di elementi proprietari e di terze parti in Rendimento, nuovi approfondimenti e altro ancora.
- Chrome
- Chrome DevTools
chrome.i18n
Utilizza l'infrastruttura chrome.i18n per implementare l'internazionalizzazione nell'intera app o nell'intera estensione. Se un'estensione ha una directory /_locales, il manifest deve definire "default_locale". Devi inserire tutte le stringhe
- Estensioni di Chrome
Miglioramento del rendering del testo nei browser basati su Chromium su Windows
Il team di Edge ha aggiunto il supporto per il rispetto dei valori di Windows ClearType Tuner direttamente in Chromium, con un conseguente miglioramento del rendering del testo nei browser basati su Chromium su Windows.
- Chrome
chrome.storage
Utilizza l'API chrome.storage per archiviare, recuperare e monitorare le modifiche ai dati utente. Per utilizzare l'API di archiviazione, dichiara l'autorizzazione "storage" nel manifest dell'estensione. Ad esempio: L'API Storage fornisce un modo
- Estensioni di Chrome
chrome.storage
Utilizza l'API chrome.storage per archiviare, recuperare e monitorare le modifiche ai dati utente. L'API Storage fornisce un modo specifico per l'estensione per mantenere i dati e lo stato dell'utente. È simile alle API di archiviazione della
- Estensioni di Chrome
Dimensioni
Documentazione tecnica sulle dimensioni CrUX.
- Chrome UX Report
Componenti secondari delle immagini LCP e RTT ora disponibili in CrUX
Scopri la modifica al Report sull'esperienza utente di Chrome (modifiche a CrUX) nella release di febbraio 2025, inclusi i componenti secondari delle immagini LCP, i tipi di risorse LCP e il tempo di risposta.
- Chrome
Docs
Esempi di codice, guide e riferimenti API necessari per qualsiasi cosa tu stia creando.
Estensioni / Come iniziare
Nozioni di base per iniziare a utilizzare le estensioni di Chrome
- Estensioni di Chrome
Attivare automaticamente la modalità Picture in picture durante la riproduzione di contenuti multimediali
Chrome consente alle app web che riproducono contenuti multimediali di attivare automaticamente la modalità Picture in picture.
- Chrome
Chrome 134 beta
Scopri le ultime funzionalità che saranno disponibili su Chrome.
- Chrome
chrome.enterprise.platformKeys
Utilizza l'API chrome.enterprise.platformKeys per generare chiavi e installare certificati per queste chiavi. I certificati verranno gestiti dalla piattaforma e potranno essere utilizzati per l'autenticazione TLS, l'accesso alla rete o da un'altra
- Estensioni di Chrome
chrome.enterprise.platformKeys
Utilizza l'API chrome.enterprise.platformKeys per generare chiavi e installare certificati per queste chiavi. I certificati verranno gestiti dalla piattaforma e potranno essere utilizzati per l'autenticazione TLS, l'accesso alla rete o da un'altra
- Estensioni di Chrome
Chrome 133
CSS avanzato attr(), text-box-trim, query del contenitore dello stato di scorrimento e altro ancora.
- Chrome
Novità di Chrome 133
Chrome 133 è in fase di implementazione. Ci sono alcune nuove funzionalità CSS interessanti e molto altro da scoprire.
- Chrome
Modalità di applicazione a schede per le PWA
La modalità applicazione a schede consente agli sviluppatori di app web progressive di aggiungere un'interfaccia per documenti a schede alle loro PWA indipendenti.
Aumentare il coinvolgimento degli utenti con la cronologia specifica dell'app nelle schede personalizzate di Chrome
Introduzione della cronologia specifica per le app per le schede personalizzate di Chrome per Android
- Chrome
Migliorare il flusso di accesso basato sul web con Auth Tab per Android
Migliorare l'autenticazione basata sul web con Auth Tab per Android
- Chrome
Semplificare l'autenticazione utilizzando la scheda Auth
Come utilizzare la scheda Auth specializzata nella tua app per Android
Migliorare la privacy web per gli utenti con schede personalizzate temporanee
Come utilizzare le schede personalizzate effimere nella tua app per Android
Migliorare l'esperienza di navigazione degli utenti con la cronologia specifica per app
Come utilizzare la cronologia specifica dell'app nella tua app per Android
chrome.permissions
Utilizza l'API chrome.permissions per richiedere le autorizzazioni facoltative dichiarate in fase di esecuzione anziché di installazione, in modo che gli utenti comprendano perché sono necessarie e ne concedano solo quelle necessarie. Esistono avvisi
- Estensioni di Chrome
chrome.runtime
Utilizza l'API chrome.runtime per recuperare il service worker, restituire i dettagli del manifest e ascoltare e rispondere agli eventi nel ciclo di vita dell'estensione. Puoi anche utilizzare questa API per convertire il percorso relativo degli URL
- Estensioni di Chrome
chrome.permissions
Utilizza l'API chrome.permissions per richiedere le autorizzazioni facoltative dichiarate in fase di esecuzione anziché di installazione, in modo che gli utenti comprendano perché sono necessarie e ne concedano solo quelle necessarie. Esistono avvisi
- Estensioni di Chrome
Novità di DevTools, Chrome 133
Cronologia della chat basata sull'IA persistente, navigazione migliorata, ignora elenco e tracce dello stack in Rendimento, nuovo riquadro"Novità" e altro ancora.
- Chrome DevTools
- Chrome
Novità di WebGPU (Chrome 133)
Formati di vertici unorm8x4-bgra e a un componente aggiuntivi, consentono di richiedere limiti sconosciuti con valore non definito, modifiche alle regole di allineamento WGSL, miglioramenti delle prestazioni di WGSL con l'eliminazione e molto altro.
- Chrome
- WebGpu
Novità di Estensioni di Chrome, gennaio 2025
Una panoramica delle modifiche recenti alle estensioni di Chrome, oltre a interessanti funzionalità future delle estensioni che gli sviluppatori possono aspettarsi.
- Estensioni di Chrome
- Chrome
Best practice per la gestione delle sessioni con l'API Prompt
Questa guida illustra le best practice per la gestione delle sessioni con l'API Prompt.
Note di rilascio
Scopri di più sulle modifiche di Chrome che interessano gli sviluppatori
- Chrome
Novità di Chrome
Novità di Chrome Scopri gli ultimi aggiornamenti di Chrome nella nostra documentazione e nel nostro blog. Nuovi contenuti e aggiornamenti significativi alla documentazione. article Come gli LLM generano risposte dinamiche Nuova documentazione per
Aggiornamenti delle norme del Chrome Web Store: chiarezza e coerenza per gli sviluppatori
Stiamo annunciando una serie di aggiornamenti delle norme volti a garantire chiarezza e coerenza sulla nostra piattaforma.
- Estensioni di Chrome
- Chrome
Best practice per il rendering delle risposte LLM in streaming
Utilizza queste best practice per il frontend per visualizzare le risposte in streaming di Gemini con API che supportano lo streaming, come l'API Prompt.
Traduzione con IA integrata
L'API Translator integrata ti consente di tradurre contenuti arbitrari da una lingua di origine a una lingua di destinazione. Partecipa alla prova dell'origine per provare l'API.
Semplificazione del rilevamento delle funzionalità WebAuthn per le passkey
Scopri come rilevare le funzionalità WebAuthn con "getClientCapabilities()" e personalizzare i flussi di lavoro di autenticazione per i tuoi utenti.
- Passkey
- Chrome
Come gli LLM generano risposte dinamiche
Scopri cos'è lo streaming e come funziona con l'IA e gli LLM.
Blocco in modalità Risparmio energetico
A partire da Chrome 133, le schede in background idonee che richiedono un'elevata intensità di risorse della CPU verranno bloccate quando è attiva la modalità Risparmio energetico.
- Chrome
Suggerimenti per DevTools
Suggerimenti per DevTools
- Chrome DevTools
Media
Migliora la modalità di inclusione di immagini, video e altro sui tuoi siti web e nelle tue app web.
Le passkey su Gestore delle password di Google sono ora disponibili su iOS
Ora Chrome su iOS 17 o versioni successive può creare, sincronizzare e autenticarsi con le passkey in Gestore delle password di Google (GPM). In questo modo, le passkey su GPM sono disponibili ovunque sia disponibile Chrome.
- Chrome
- Passkey
Aggiornamento della funzione CSS attr()
Ora puoi utilizzare attr() con qualsiasi proprietà CSS, incluse le proprietà personalizzate, e può analizzare i valori in tipi di dati diversi dalle stringhe.
- Chrome
Chrome 133 beta
Scopri le ultime funzionalità di Chrome.
- Chrome
scroll-state() CSS
Come le query dei contenitori, ma per query bloccate, scattate e con overflow.
- Chrome
Come abbiamo introdotto Gemini in Chrome DevTools
Scopri casi d'uso divertenti ed entusiasmanti del nuovo riquadro di assistenza AI in DevTools
- Chrome
- Chrome DevTools
Novità di Chrome 132
Chrome 132 è in fase di implementazione. L'elemento Dialog riceve un evento Toggle, il supporto per la condivisione di video a livello di elemento e l'API File System Access supporta Android e WebView.
- Chrome
Chrome 132
ToggleEvent per la finestra di dialogo, il supporto della condivisione di video a livello di elemento e l'API File System Access supportano Android e WebView e altro ancora.
- Chrome
CSS text-box-trim
Recupera lo spazio sopra e sotto i contenuti di testo e ottieni un equilibrio ottico.
- Chrome
chrome.sockets.udp
Utilizza l'API chrome.sockets.udp per inviare e ricevere dati sulla rete utilizzando connessioni UDP. Questa API sostituisce la funzionalità UDP precedentemente disponibile nell'API "socket". Per utilizzare questa API, le seguenti chiavi devono
chrome.tabs
Utilizza l'API chrome.tabs per interagire con il sistema di schede del browser. Puoi utilizzare questa API per creare, modificare e riorganizzare le schede nel browser. L'API Tabs non solo offre funzionalità per manipolare e gestire le schede, ma può
- Estensioni di Chrome
chrome.tabs
Utilizza l'API chrome.tabs per interagire con il sistema di schede del browser. Puoi utilizzare questa API per creare, modificare e riorganizzare le schede nel browser. L'API Tabs non solo offre funzionalità per manipolare e gestire le schede, ma può
- Estensioni di Chrome
Vincitori della Built-in AI Challenge
Scopri le app e le estensioni vincitrici del contest sull'IA integrata, in cui ti abbiamo invitato a ripensare a cosa è possibile fare con Gemini Nano in Chrome.
- Chrome
Il supporto dell'estensione Web Vitals è terminato
L'unione dell'estensione Web Vitals e di DevTools è stata completata e il supporto dell'estensione è terminato.
- Chrome DevTools
- Chrome
Acquisisci uno stream video da qualsiasi elemento
L'API Element Capture rappresenta un metodo efficace e robusto per trasformare un'acquisizione della scheda corrente in un'acquisizione di un sottoalbero DOM.
chrome.ttsEngine
Utilizza l'API chrome.ttsEngine per implementare un motore di sintesi vocale(TTS) utilizzando un'estensione. Se l'estensione si registra utilizzando questa API, riceverà eventi contenenti un'espressione da pronunciare e altri parametri quando
- Estensioni di Chrome
chrome.ttsEngine
Utilizza l'API chrome.ttsEngine per implementare un motore di sintesi vocale(TTS) utilizzando un'estensione. Se l'estensione si registra utilizzando questa API, riceverà eventi contenenti un'espressione da pronunciare e altri parametri quando
- Estensioni di Chrome
chrome.cookies
Utilizza l'API chrome.cookies per eseguire query e modificare i cookie e per ricevere una notifica quando cambiano. Per utilizzare l'API cookies, devi dichiarare l'autorizzazione "cookies" nel manifest, insieme alle autorizzazioni host per tutti gli
- Estensioni di Chrome
chrome.cookies
Utilizza l'API chrome.cookies per eseguire query e modificare i cookie e per ricevere una notifica quando cambiano. Per utilizzare l'API cookies, dichiara l'autorizzazione "cookies" nel manifest insieme alle autorizzazioni host per tutti gli host ai
- Estensioni di Chrome
chrome.appviewTag
Utilizza il tag appview per incorporare altre app Chrome nella tua app Chrome (vedi Utilizzo ). oggetto Dati facoltativi specificati dallo sviluppatore che l'app da incorporare può utilizzare per prendere una decisione in merito all'incorporazione.
Ridurre il rischio di clickjacking con XFO o CSP
Scopri di più su come ridurre al minimo gli attacchi di clickjacking.
Novità di WebGPU (Chrome 132)
Utilizzo della visualizzazione delle texture, miscelazione di texture con valori float a 32 bit, attributo adapterInfo di GPUDevice, configurazione del contesto della tela con formato non valido che genera un errore JavaScript, filtraggio delle restrizioni del selettore sulle texture, sperimentazione di sottogruppi estesi, miglioramento dell'esperienza dello sviluppatore, supporto sperimentale per i formati delle texture normalizzate a 16 bit e altro ancora.
- Chrome
- WebGpu
Novità delle estensioni di Chrome
Modifiche recenti alla piattaforma, alla documentazione e ai criteri delle estensioni di Chrome
- Estensioni di Chrome
GPU web
Scopri WebGPU con guide, demo e ultime notizie
Crea con Chrome
Scopri cosa è incluso nelle ultime release stabili e beta di Chrome.
Pagamenti
Scopri come utilizzare le API per i pagamenti più recenti in Chrome
Privacy e sicurezza
Scopri le funzionalità di privacy e sicurezza di Chrome.
App
Tecnologia deprecata per creare esperienze che avevano un maggiore accesso al sistema operativo sottostante.
Burattinaio
Una libreria Node.js che fornisce un'API di alto livello per controllare Chrome o Chromium headless
Web su Android
Scopri le funzionalità di Chrome per lo sviluppo di app web su Android.
chrome.certificateProvider
Utilizza questa API per esporre alla piattaforma i certificati che possono essere utilizzati per le autenticazioni TLS. L'utilizzo tipico di questa API per esporre i certificati client a ChromeOS prevede i seguenti passaggi: La sequenza effettiva dei
- Estensioni di Chrome
chrome.extension
L'API chrome.extension include utilità che possono essere utilizzate da qualsiasi pagina dell'estensione. Include il supporto per lo scambio di messaggi tra un'estensione e i relativi script di contenuti o tra estensioni, come descritto in dettaglio
- Estensioni di Chrome
chrome.certificateProvider
Utilizza questa API per esporre alla piattaforma i certificati che possono essere utilizzati per le autenticazioni TLS. L'utilizzo tipico di questa API per esporre i certificati client a ChromeOS prevede i seguenti passaggi: La sequenza effettiva dei
- Estensioni di Chrome
Faro
Automatizza i controlli delle prestazioni web con Lighthouse
Rendimento
Ottimizza le prestazioni delle tue applicazioni web con gli strumenti per le prestazioni di Chrome.
chrome.system.display
Utilizza l'API system.display per eseguire query sui metadati della visualizzazione. Un enum per indicare se il display viene rilevato e utilizzato dal sistema. Il display è considerato "inattivo" se non viene rilevato dal sistema (ad esempio se è
- Estensioni di Chrome
chrome.system.display
Utilizza l'API system.display per eseguire query sui metadati della visualizzazione. Un enum per indicare se il display viene rilevato e utilizzato dal sistema. Il display è considerato "inattivo" se non viene rilevato dal sistema (ad esempio se è
- Estensioni di Chrome
chrome.action
Utilizza l'API chrome.action per controllare l'icona dell'estensione nella barra degli strumenti di Google Chrome. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest. Per utilizzare l'API chrome.action, specifica
- Estensioni di Chrome
Supporto del browser
Una panoramica delle funzionalità della scheda personalizzata e della relativa disponibilità nel browser.
Identità
Scopri le funzionalità di identità di Chrome, come l'autenticazione web.
chrome.commands
Utilizza l'API Commands per aggiungere scorciatoie da tastiera che attivano azioni nell'estensione, ad esempio un'azione per aprire l'azione del browser o inviare un comando all'estensione. Per utilizzare questa API, le seguenti chiavi devono essere
- Estensioni di Chrome
Operazione non supportata durante l'utilizzo del debug remoto
Alcuni comandi WebDriver (ad es. il ridimensionamento della finestra del browser) richiedono il caricamento di un'estensione di Chrome nel browser. In genere, ChromeDriver carica questa "estensione di automazione" ogni volta che avvia una nuova
ChromeOS
In tutte le immagini di test di ChromeOS è installato il file binario di ChromeDriver in /usr/local/chromedriver/. Il file binario viene aggiornato alla stessa versione di Chrome nell'immagine di test. In altre parole, utilizzi sempre la build più
Panoramica di WebView
Il componente WebView si basa sul progetto open source Chromium.
chrome.extension
L'API chrome.extension include utilità che possono essere utilizzate da qualsiasi pagina dell'estensione. Include il supporto per lo scambio di messaggi tra un'estensione e i relativi script di contenuti o tra estensioni, come descritto in dettaglio
- Estensioni di Chrome
Arresti anomali di ChromeDriver
Per diagnosticare e correggere gli arresti anomali di ChromeDriver, hai a disposizione alcune opzioni. Questo vale solo per gli arresti anomali di ChromeDriver, che non è la stessa cosa che l'arresto anomalo o la chiusura di Chrome. Su Windows,
Download
Per le versioni precedenti di Chrome, di seguito sono riportate le versioni di ChromeDriver che supportano queste versioni. Per ulteriori informazioni sulla selezione della versione corretta di ChromeDriver, consulta la pagina Selezione della
Log prestazioni
ChromeDriver supporta il logging delle prestazioni, da cui puoi ottenere eventi dei domini "Sequenza temporale", "Rete" e "Pagina", nonché dati di traccia per categorie di traccia specifiche. La registrazione delle prestazioni NON è attiva per
Android
I binari più recenti per ChromeDriver vengono pacchettizzati come file ZIP per varie piattaforme host. Le versioni precedenti di ChromeDriver sono disponibili in Download. ChromeDriver supporta l'esecuzione di test sul browser Chrome (versione 30 e
Emulazione di dispositivi mobili
Chrome consente agli utenti di emulare Chrome su un dispositivo mobile dalla versione desktop di Chrome attivando la modalità dispositivo con Chrome DevTools. Questa funzionalità consente di velocizzare lo sviluppo web e permette agli sviluppatori di
Supporto della tastiera
Al momento, ChromeDriver supporta solo i sistemi su cui è configurata una tastiera statunitense. Quando ChromeDriver rileva questo stato, registra quanto segue: Gli utenti che non dispongono di una tastiera statunitense potrebbero perdere i tasti
Chrome non si avvia o si arresta immediatamente in modo anomalo
Questo accade spesso quando esegui ChromeDriver o Chrome utilizzando un harness di test speciale (ad esempio un IDE) o un sistema di compilazione continua (come Jenkins). Prova a lanciare lo stesso file binario di Chrome utilizzato dal test da un
Canary
ChromeDriver Canary include le ultime funzionalità di ChromeDriver. I nuovi binari vengono compilati e resi disponibili più volte al giorno. Tieni presente che è progettato per gli sviluppatori e gli early adopter e a volte può smettere di funzionare
Considerazioni sulla sicurezza
ChromeDriver è uno strumento potente e può causare danni se finisce nelle mani sbagliate. Quando utilizzi ChromeDriver, segui questi suggerimenti:
Compilazione automatica in azione: approfondimenti sul mondo reale
Uno studio di Chrome mostra che gli utenti che utilizzano la compilazione automatica compilano i moduli più velocemente, con tassi di abbandono inferiori.
- Chrome
Risultati della richiesta di selezione personalizzabile per il modulo di feedback per gli sviluppatori
Grazie per il tempo che ci hai dedicato, per aver fornito feedback, esaminato i dettagli e contribuito a definire gli standard.
- Chrome
Inizia a utilizzare l'IA integrata
Scopri i requisiti per iniziare a creare funzionalità e applicazioni con l'IA integrata.
Rilevamento della lingua con l'AI integrata
L'API Language Detector offre il rilevamento della lingua integrato sul web, nel browser.
Come utilizzare lo strumento di pianificazione dell'allocazione
Utilizza lo strumento Sequenza temporale dell'allocazione per trovare gli oggetti che non vengono raccolti correttamente come spazzatura e continuano a occupare memoria.
- Chrome DevTools
Evita animazioni non composite
Come superare il controllo di Lighthouse "Evita animazioni non composte".
Registra e analizza una traccia del rendimento con DevTools
Registra e analizza una traccia del rendimento con DevTools.
- Chrome
- Chrome DevTools
Terminologia della memoria
Questa sezione descrive i termini comuni utilizzati nell'analisi della memoria ed è applicabile a una serie di strumenti di profilazione della memoria per lingue diverse.
- Chrome DevTools
Wrapped 2024 per CSS
Unisciti al team di Chrome DevRel e a un dinosauro Chrome che fa skateboard in un viaggio attraverso le ultime funzionalità CSS lanciate per Chrome e la piattaforma web nel 2024.
Novità di DevTools, Chrome 132
Esegui il debug delle richieste di rete, dei file di origine e delle tracce relative alle prestazioni con Gemini, visualizza la cronologia chat dell'IA e altro ancora.
- Chrome DevTools
- Chrome
Visualizzare e modificare lo spazio di archiviazione delle estensioni
Come visualizzare e modificare lo spazio di archiviazione delle estensioni con il riquadro Spazio di archiviazione delle estensioni.
- Chrome DevTools
chrome.mdns
Utilizza l'API chrome.mdns per trovare i servizi tramite mDNS. Questo include un sottoinsieme delle funzionalità della specifica NSD: http://www.w3.org/TR/discovery-api/ stringa L'indirizzo IP di un servizio pubblicizzato tramite mDNS. stringa[]
chrome.browser
Utilizza l'API chrome.browser per interagire con il browser Chrome associato all'applicazione e al profilo di Chrome correnti. stringa L'URL da visitare quando la nuova scheda viene aperta inizialmente. Apre una nuova scheda in una finestra del
chrome.socket
Utilizza l'API chrome.socket per inviare e ricevere dati sulla rete utilizzando connessioni TCP e UDP. Nota: a partire da Chrome 33, questa API è deprecata a favore delle API sockets.udp, sockets.tcp e sockets.tcpServer. numero number facoltativo
chrome.bluetoothSocket
Utilizza l'API chrome.bluetoothSocket per inviare e ricevere dati ai dispositivi Bluetooth utilizzando connessioni RFCOMM e L2CAP. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest. "system_error" Si è
chrome.syncFileSystem
Utilizza l'API chrome.syncFileSystem per salvare e sincronizzare i dati su Google Drive. Questa API NON è destinata all'accesso a documenti utente arbitrari archiviati su Google Drive. Fornisce spazio di archiviazione sincronizzabile specifico per
chrome.bluetoothLowEnergy
L'API chrome.bluetoothLowEnergy viene utilizzata per comunicare con i dispositivi Bluetooth Smart (Low Energy) utilizzando il Generic Attribute Profile (GATT). Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest.
chrome.bluetooth
Utilizza l'API chrome.bluetooth per connetterti a un dispositivo Bluetooth. Tutte le funzioni segnalano gli errori tramite chrome.runtime.lastError. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel file manifest. stringa
chrome.serial
Utilizza l'API chrome.serial per leggere e scrivere su un dispositivo connesso a una porta seriale. number facoltativo Leggi i ConnectionOptions.bitrate. Questo campo potrebbe essere omesso o impreciso se è in uso una velocità in bit non standard o
chrome.webviewTag
Utilizza il tag webview per caricare attivamente contenuti dal vivo dal web tramite la rete e incorporarli nella tua app Chrome. La tua app può controllare l'aspetto di webview e interagire con i contenuti web, avviare navigazioni in una pagina web
chrome.fontSettings
Utilizza l'API chrome.fontSettings per gestire le impostazioni dei caratteri di Chrome. Per utilizzare l'API Font Settings, devi dichiarare l'autorizzazione "fontSettings" nel manifest dell'estensione. Ad esempio: Chrome consente che alcune
- Estensioni di Chrome
chrome.usb
Utilizza l'API chrome.usb per interagire con i dispositivi USB collegati. Questa API fornisce l'accesso alle operazioni USB dal contesto di un'app. Tramite questa API, le app possono funzionare come driver per i dispositivi hardware. Gli errori
L'API Prompt
Scopri le infinite possibilità dell'API Prompt nelle estensioni di Chrome.
Estensioni e IA
Scopri come sviluppare estensioni con l'IA
- Estensioni di Chrome
Ritiro del riquadro Informazioni sulle prestazioni
Il riquadro sperimentale Informazioni sulle prestazioni verrà rimosso a gennaio 2025 e sostituito da nuovi approfondimenti all'interno del riquadro Prestazioni.
- Chrome
- Chrome DevTools
Utilizza un criterio HSTS efficace
Scopri di più sulla configurazione di un criterio HTTP Strict Transport Security (HSTS) efficace
Chrome DevTools
Scopri e esplora le ultime novità e i casi d'uso dell'assistenza AI
- Chrome DevTools
chrome.declarativeContent
Utilizza l'API chrome.declarativeContent per eseguire azioni in base ai contenuti di una pagina, senza richiedere l'autorizzazione per leggere i contenuti della pagina. L'API Declarative Content ti consente di attivare l'azione dell'estensione in
- Estensioni di Chrome
chrome.documentScan
Utilizza l'API chrome.documentScan per trovare e recuperare le immagini dagli scanner di documenti allegati.
- Estensioni di Chrome
chrome.desktopCapture
L'API Desktop Capture acquisisce i contenuti della schermata, di singole finestre o di singole schede. Enum utilizzato per definire l'insieme di origini multimediali desktop utilizzate in chooseDesktopMedia(). "screen" "window" "tab" "audio" Specchi
- Estensioni di Chrome
chrome.dns
Utilizza l'API chrome.dns per la risoluzione DNS. Per utilizzare questa API, devi dichiarare l'autorizzazione "dns" nel file manifest. Il seguente codice chiama resolve() per recuperare l'indirizzo IP di example.com. service-worker.js: stringa
- Estensioni di Chrome
chrome.system.storage
Utilizza l'API chrome.system.storage per eseguire query sulle informazioni del dispositivo di archiviazione e ricevere una notifica quando un dispositivo di archiviazione rimovibile viene collegato e scollegato. "success" Il comando di espulsione è
- Estensioni di Chrome
chrome.contextMenus
Utilizza l'API chrome.contextMenus per aggiungere elementi al menu contestuale di Google Chrome. Puoi scegliere a quali tipi di oggetti applicare le aggiunte al menu contestuale, ad esempio immagini, link ipertestuali e pagine. Per utilizzare l'API,
- Estensioni di Chrome
chrome.alarms
Utilizza l'API chrome.alarms per pianificare l'esecuzione del codice periodicamente o in un momento specifico in futuro. Per utilizzare l'API chrome.alarms, dichiara l'autorizzazione "alarms" nel manifest: Per garantire un comportamento affidabile, è
- Estensioni di Chrome
chrome.audio
L'API chrome.audio viene fornita per consentire agli utenti di ottenere informazioni e controllare i dispositivi audio collegati al sistema. Questa API è attualmente disponibile solo in modalità kiosk per ChromeOS. stringa Nome del dispositivo.
- Estensioni di Chrome
Compilazione automatica
I browser e tu, in qualità di sviluppatore, potete aiutare gli utenti a inserire i dati più velocemente ed evitare di doverli inserire di nuovo. La compilazione automatica è una funzionalità che consente ai browser di compilare automaticamente i
Strumenti CrUX
Documentazione tecnica sugli strumenti di CrUX.
- Chrome UX Report
chrome.declarativeNetRequest
L'API chrome.declarativeNetRequest viene utilizzata per bloccare o modificare le richieste di rete specificando regole dichiarative. In questo modo, le estensioni possono modificare le richieste di rete senza intercettarle e visualizzarne i
- Estensioni di Chrome
chrome.fileBrowserHandler
Utilizza l'API chrome.fileBrowserHandler per estendere il browser dei file di ChromeOS. Ad esempio, puoi utilizzare questa API per consentire agli utenti di caricare file sul tuo sito web. Il browser dei file di ChromeOS viene visualizzato quando
- Estensioni di Chrome
chrome.devtools.panels
Utilizza l'API chrome.devtools.panels per integrare l'estensione nell'interfaccia utente della finestra Strumenti per gli sviluppatori: crea i tuoi riquadri, accedi a quelli esistenti e aggiungi barre laterali. Ogni riquadro delle estensioni e ogni
- Estensioni di Chrome
chrome.readingList
Utilizza l'API chrome.readingList per leggere e modificare gli elementi nell' elenco di lettura. Per utilizzare l'API Reading List, aggiungi l'autorizzazione "readingList" nel file manifest dell'estensione: manifest.json: Nel riquadro laterale di
- Estensioni di Chrome
Passaggi successivi per WebGPU
Scopri le nuove funzionalità di IA e rendering discusse nell'ultima riunione del gruppo di lavoro GPU per il web.
- Chrome
- WebGpu
L'accessibilità dei video vince il premio web del concorso per sviluppatori dell'API Gemini
Abbiamo selezionato ViddyScribe per il premio web del concorso per sviluppatori dell'API Gemini. Hanno dimostrato come Gemini può contribuire a rendere più accessibili i video sul web generando descrizioni audio per qualsiasi video.
- Chrome
Prepara la tua estensione mentre iniziamo a testare un nuovo menu delle estensioni
Come preparare l'estensione per il nuovo menu delle estensioni.
- Chrome
- Estensioni di Chrome
Passkey
Una sostituzione più semplice e sicura delle password.
chrome.networking.onc
L'API chrome.networking.onc viene utilizzata per configurare le connessioni di rete (cellulare, Ethernet, VPN o Wi-Fi). Questa API è disponibile nelle sessioni kiosk di Chrome OS con avvio automatico. Le configurazioni di connessione di rete sono
Traduzione lato client con l'IA
Scopri l'API Translator per potenziare l'assistenza clienti globale.
Riquadro di assistenza AI
Comprendi come funziona un sito web con l'aiuto dell'IA
- Chrome DevTools
Annotare le tracce direttamente nel riquadro Rendimento
Scopri come rendere più comprensibili le tracce relative alle prestazioni con le nuove funzionalità di annotazione in DevTools
- Chrome
Assistenza AI per le origini
Comprendere le risorse del tuo sito web con l'aiuto dell'IA
- Chrome DevTools
API Signal per le passkey su Chrome per computer
Introduzione dell'API Signal per le passkey su Chrome per computer
- Passkey
- Chrome
IA integrata
L'IA integrata è la più recente offerta per offrire agli utenti modelli efficaci, proteggendo al contempo i dati sensibili e migliorando la latenza.
Assistenza AI per il rendimento
Comprendere i profili di rendimento con l'aiuto dell'IA
- Chrome DevTools
Chrome 132 beta
Scopri le ultime funzionalità di Chrome.
- Chrome
Assistenza AI per la rete
Comprendi il traffico di rete del tuo sito web con l'aiuto dell'IA
- Chrome DevTools
Partecipare alla prova dell'origine dell'API Translator
Testo traduttore dal vivo nel browser utilizzando modelli di AI locali. Ora gli utenti possono contribuire nella loro lingua madre.
- Chrome
Partecipa alla prova dell'API Prompt per le estensioni di Chrome
Partecipa alla prova dell'origine dell'API Prompt per le estensioni di Chrome e accedi a Gemini Nano in Chrome.
- Chrome
Partecipare alla prova dell'origine dell'API Summarizer
Partecipa alla prova dell'origine per aiutare gli utenti a sintetizzare articoli lunghi, documenti complessi o persino conversazioni chat vivaci per ottenere riepiloghi concisi e approfonditi.
- Chrome
Novità di Chrome 131
Chrome 131 è in fase di implementazione. Più stili CSS per l'elemento dettagli, layout di stampa più semplice con caselle per i margini della pagina e molto altro.
- Chrome
Mantenere le passkey coerenti con le credenziali sul server con l'API Signal
L'API WebAuthn Signal consente a una terza parte attendibile di segnalare lo stato delle credenziali esistenti al fornitore di passkey, in modo che le passkey siano coerenti con le credenziali sul server.
- Chrome
- Passkey
Chrome 131
L'eredità degli elementi evidenziati CSS sta cambiando, sono disponibili più stili CSS per l'elemento dettagli, il layout di stampa è più semplice con le caselle dei margini di pagina e altro ancora.
- Chrome
Riepiloga con l'IA integrata
Ridurre articoli lunghi, documenti complessi o persino conversazioni vivaci in chat in riepiloghi concisi e perspicaci.
CSS e UI
Trova risorse su argomenti quali tipografia, colore e layout.
Iniziare a utilizzare le prove dell'origine
Testare una funzionalità nuova o sperimentale della piattaforma web. Fornisci un feedback alla community degli standard web in merito a usabilità, praticità ed efficacia della funzionalità prima che venga resa disponibile per tutti gli utenti.
Altre opzioni per lo stile di <details>
Ora puoi impostare il tipo di visualizzazione e anche applicare uno stile al contenitore per la parte che si espande e si comprime utilizzando il nuovo pseudo-elemento ::details-content.
Risolvere i problemi di memoria
Scopri come utilizzare Chrome e DevTools per individuare i problemi di memoria che influiscono sulle prestazioni delle pagine, ad esempio perdite di memoria, spossatezza della memoria e garbage collection frequenti.
- Chrome DevTools
Novità di WebGPU (Chrome 131)
Distanze di clip in WGSL, GPUCanvasContext getConfiguration(), le primitive punto e linea non devono avere bias di profondità, funzioni integrate di scansione inclusiva per sottogruppi, supporto sperimentale per il rendering multiplo indiretto, opzione di compilazione del modulo shader matematica rigorosa, rimozione di GPUAdapter requestAdapterInfo() e altro ancora.
- Chrome
- WebGpu
Panoramica del riquadro Memoria
Ottieni insight approfonditi sull'allocazione della memoria, esamina i problemi di memoria di basso livello e gestisci la garbage collection.
- Chrome DevTools
Aiuta gli utenti ad accedere senza problemi con la condivisione delle credenziali senza interruzioni
La condivisione delle credenziali senza problemi ti consente di indicare in modo sicuro ai gestori delle password che i tuoi utenti possono accedere utilizzando le stesse credenziali nell'app e nel sito web Android.
- Chrome
Personalizza DevTools
Un elenco di modi per personalizzare Chrome DevTools: modifica il tema, il posizionamento, l'ordine dei riquadri, la lingua e altro ancora.
- Chrome DevTools
Monitorare le metriche di Core Web Vitals in tempo reale nel riquadro Rendimento
Monitora le metriche in tempo reale Core Web Vitals nel riquadro Prestazioni.
- Chrome
- Chrome DevTools
Informazioni sui badge
Attiva/disattiva vari overlay e accelera la navigazione nell'albero del DOM con i badge.
- Chrome DevTools
Aggiungi contenuti ai margini delle pagine web quando vengono stampate utilizzando CSS
Crea intestazioni e piè di pagina personalizzati quando stampi le pagine web.
- Chrome
Riconoscimento della scrittura a mano libera degli utenti
L'API Riconoscimento della scrittura a mano libera consente alle applicazioni web di utilizzare servizi avanzati di riconoscimento della scrittura a mano libera per riconoscere in tempo reale il testo inserito a mano libera.
Novità di DevTools, Chrome 131
Esegui il debug di CSS con Gemini, annota i risultati e ottieni informazioni nel riquadro Rendimento, individua eccessive variazioni del layout e animazioni non composte e altro ancora.
- Chrome
- Chrome DevTools
WebGPU: suggerimenti per la risoluzione dei problemi e correzioni
Scopri perché la WebGPU potrebbe essere disattivata o non funzionante nel browser Chrome.
Rimozione di --headless=old da Chrome
Chrome 132 non include più la precedente modalità headless. Esegui la migrazione a chrome-headless-shell o alla nuova modalità headless.
- Chrome
Analizza le prestazioni del runtime
Scopri come valutare le prestazioni del runtime in Chrome DevTools.
- Chrome DevTools
Nuovo badge di scorrimento in DevTools: trova più velocemente gli elementi scorrevoli
Scopri come il nuovo badge di scorrimento di DevTools semplifica il debug degli elementi scorrevoli (e come lo abbiamo creato).
- Chrome
Modalità headless di Chrome
La modalità headless di Chrome è ora più utile per gli sviluppatori, avvicinandola alla normale modalità "headful" di Chrome.
- Chromium
5 fantastiche cose da fare con l'assistenza AI di DevTools
Scopri casi d'uso divertenti ed entusiasmanti del nuovo riquadro di assistenza AI in DevTools
- Chrome
Attivazione di bfcache per Cache-Control: no-store
Chrome sta apportando una modifica per consentire l'utilizzo di bfcache per le pagine che usano Cache-Control: no-store quando è sicuro farlo. Scopri cosa significa questo per gli sviluppatori.
API AI integrate
L'IA integrata è la più recente offerta per offrire agli utenti modelli efficaci, proteggendo al contempo i dati sensibili e migliorando la latenza.
Chrome 131 beta
Scopri le funzionalità che saranno disponibili su Chrome con l'ultima versione beta.
- Chrome
Riferimento API
Il riferimento completo a tutte le API messe a disposizione delle estensioni di Chrome. Sono incluse le API per la piattaforma App di Chrome deprecata, nonché le API ancora in versione beta e dev.
- Estensioni di Chrome
Novità di Chrome 130
Chrome 130 è in fase di implementazione. La funzionalità Picture in picture dei documenti ti offre un maggiore controllo sulle finestre Picture in picture, le dichiarazioni CSS nidificate correggono alcuni casi limite complicati e puoi specificare il comportamento delle decorazioni degli elementi suddivisi su più righe. Pete LePage ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 130.
- Chrome
Assistenza basata sull'IA per la definizione degli stili
Scopri come viene applicato lo stile a un sito web con l'aiuto dell'IA in DevTools.
- Chrome DevTools
Chrome 130
Chrome 130 è in fase di implementazione. Document Picture in picture ti offre un maggiore controllo sulle finestre Picture in picture, le dichiarazioni nidificate CSS risolvono alcuni casi limite delicati e puoi specificare il comportamento delle decorazioni su elementi suddivisi su più righe, e c'è molto altro.
- Chrome
Novità di WebGPU (Chrome 130)
Combinazione dual-source, miglioramenti dei tempi di compilazione dello streamr su Metal, ritiro di GPUAdapter requestAdapterInfo() e altro ancora.
- Chrome
- WebGpu
chrome.virtualKeyboard
L'API chrome.virtualKeyboard è un'API solo kiosk utilizzata per configurare il layout e il comportamento della tastiera virtuale nelle sessioni kiosk. booleano facoltativo Indica se le tastiere virtuali possono offrire il completamento automatico.
chrome.clipboard
L'API chrome.clipboard è fornita per consentire agli utenti di accedere ai dati degli appunti. Si tratta di una soluzione temporanea per le app della piattaforma chromeos fino a quando non sarà disponibile un'alternativa open web. Verrà ritirata non
Controlla l'attività di rete
Un tutorial sulle funzionalità di rete più diffuse in Chrome DevTools.
- Chrome DevTools
Innovazioni dell'IA
Riferimento alla scheda Innovazioni dell'IA.
- Chrome DevTools
API Long Animation Frames
Scopri di più sull'API Long Animation Frames (LoAF), la prossima iterazione dell'API Long Tasks che consente di misurare i ritardi di aggiornamento dei frame con l'attribuzione
Client nativo
Una sandbox per l'esecuzione di codice C e C++ compilato nel browser. Questa opzione è stata ritirata.
Novità nelle estensioni di Chrome, ottobre 2024
Una panoramica delle modifiche recenti alle estensioni di Chrome, oltre a interessanti funzionalità future delle estensioni che gli sviluppatori possono aspettarsi.
- Chrome
- Estensioni di Chrome
La proprietà box-decoration-break in Chrome 130
Chrome 130 include il supporto completo e senza prefisso di box-decoration-break.
- Chrome
Accesso a rete privata in attesa
L'implementazione dell'accesso a rete privata (PNA) è in sospeso.
- Chrome
API Translation disponibile in anteprima
L'API Translation è ora disponibile per i partecipanti al programma di anteprima dell'IA integrata.
- Chrome
Modifiche all'eredità per lo stile di selezione CSS
In Chrome 134 è prevista una modifica all'eredità degli elementi evidenziati CSS.
- Chrome
API di posizionamento dell'ancoraggio CSS
Posiziona gli elementi rispetto l'uno all'altro utilizzando l'API di posizionamento dell'ancora.
Individua le previsioni in Chrome DevTools: perché è difficile e come migliorarla
Scopri come il debugger di DevTools prevede se viene rilevata un'eccezione.
- Chrome
Partecipa alla sfida sull'IA integrata di Google Chrome
Stiamo lanciando la sfida dell'IA integrata, in cui ti invitiamo a ripensare a ciò che è possibile con Gemini Nano in Chrome.
- Chrome
WebAuthn: emula gli autori di autenticazione
Emula Authenticator ed esegui il debug di WebAuthn in Chrome DevTools.
- Chrome DevTools
Informazioni di riferimento sulle funzionalità
Un riferimento completo delle funzionalità del pannello Registratore di Chrome DevTools.
- Chrome DevTools
Migliorare l'esperienza mobile della Dashboard per sviluppatori del Chrome Web Store
Siamo lieti di lanciare una serie di modifiche all'interfaccia utente che rendono la Dashboard per sviluppatori del Chrome Web Store più adattabile e ottimizzata per il mobile. Ci auguriamo che questa funzionalità ti offra un'esperienza più comoda e
- Chrome
- Estensioni di Chrome
Cerca: trova il testo in tutte le risorse caricate
Trova il testo in tutte le risorse caricate con il riquadro di ricerca.
- Chrome DevTools
Novità di DevTools, Chrome 130
Consigli per metriche live e breadcrumb che puoi consultare nel riquadro Rendimento, filtri di rete reinventati, esportazioni HAR convalidate e altro ancora.
- Chrome DevTools
- Chrome
Panoramica del riquadro delle origini
Puoi visualizzare e modificare i file, creare snippet, eseguire il debug di JavaScript e configurare le aree di lavoro nel riquadro Origini di Chrome DevTools.
- Chrome DevTools
Copertura: trova codice JavaScript e CSS inutilizzato
Come trovare e analizzare il codice JavaScript e CSS inutilizzato in Chrome DevTools.
- Chrome DevTools
Transizioni per la visualizzazione dello stesso documento per le applicazioni a pagina singola
Inizia a eseguire le transizioni della visualizzazione dello stesso documento da usare nella tua applicazione a pagina singola.
Memorizzazione nella cache semplificata: ispeziona, svuota e disattiva le cache
Controlla e risolvi i problemi relativi alla cache con DevTools.
- Chrome
- Chrome DevTools
Riquadro Livelli: esplora i livelli del sito web
Esamina i livelli che compongono il tuo sito web.
- Chrome DevTools
L'estensione Web Vitals, ora disponibile in DevTools
L'estensione Web Vitals verrà unita al pannello Rendimento di Chrome DevTools e il supporto autonomo terminerà a gennaio 2025.
- Chrome DevTools
- Chrome
Panoramica della console
La console Chrome DevTools viene utilizzata principalmente per registrare i messaggi ed eseguire JavaScript.
- Chrome DevTools
Identificare in modo univoco le PWA con la proprietà ID manifest dell'app web
La proprietà facoltativa "id" fa parte delle specifiche del file manifest dell'app web e ti consente di definire in modo esplicito l'identificatore utilizzato per la PWA. L'aggiunta della proprietà "id" al file manifest rimuove la dipendenza da "start_url" o dalla posizione del file manifest e ne rende possibile l'aggiornamento in futuro.
Chrome per sincronizzare le passkey su Gestore delle password di Google tra computer e Android
A breve Chrome su computer sarà in grado di creare passkey in Gestore delle password di Google (GPM) e sincronizzarle su queste piattaforme, oltre che su Android.
- Chrome
- Passkey
Feedback necessario: come dobbiamo definire la disposizione a mattoni CSS?
Un confronto delle due specifiche di muratura proposte.
- Chrome
API Writer e riscrittura disponibili per l'anteprima
Ora i partecipanti all'EPP possono creare prototipi con le API di scrittura e riscrittura in Chrome.
- Chrome
Chrome 130 beta
Testa il tuo sito con le funzionalità e le modifiche dell'ultima versione beta di Chrome.
- Chrome
Riquadro Rendimento: analizza il rendimento del tuo sito web
Analizza le prestazioni di caricamento e runtime del tuo sito web
- Chrome DevTools
Esperimento di Chrome: condivisione dei processi
L'esperimento di condivisione dei processi e il suo impatto in Chrome DevTools' che l'esperienza degli sviluppatori di Google.
- Chrome
Novità di Chrome 129
È in corso l'implementazione di Chrome 129. Puoi eseguire il rendimento in attività lunghe: per migliorare le prestazioni, puoi animare gli elementi con dimensioni intrinseche, sono state apportate alcune modifiche alla sintassi di posizionamento dell'ancora e molto altro ancora. Pete LePage ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 129.
- Chrome
Monitora le prestazioni dei Core Web Vitals e degli utenti reali in DevTools
Il riquadro Rendimento in Chrome DevTools offre un nuovo modo per monitorare il rendimento locale dei Core Web Vitals e confrontarlo con i dati utente reali sul campo.
- Chrome
- Chrome DevTools
Novità di WebGPU (Chrome 129)
Supporto HDR con modalità di mappatura dei toni canvas, supporto di sottogruppi espansi e altro ancora.
- Chrome
- WebGpu
Animate to height: auto; (e altre parole chiave di dimensionamento intrinseco) in CSS
Applica l'animazione alle parole chiave di dimensionamento intrinseco con "interpolate-size" e "calc-size()"
Aggiornamenti RFCOMM Bluetooth in Web Serial
Scopri come rilevare quando è disponibile una porta seriale RFCOMM Bluetooth con Web Serial.
- Chrome
Richiesta di feedback dello sviluppatore: selezione personalizzabile
Uno sguardo in anteprima alla nuova funzionalità personalizzabile di selezione.
- Chrome
Bloccare lo schermo e ispezionare gli elementi che scompaiono
Blocca gli elementi nel DOM in modo da poterli ispezionare con DevTools.
- Chrome DevTools
- Chrome
Note di rilascio
Dettagli sulle ultime modifiche al set di dati CrUX.
- Chrome UX Report
Le API Blocco tastiera e Blocco cursore richiedono l'autorizzazione di Chrome 131
L' API Blocco tastiera consente agli sviluppatori di offrire un'esperienza immersiva a schermo intero per una serie di casi d'uso, tra cui siti web interattivi, giochi e streaming di desktop o applicazioni remoti. Ciò avviene consentendo ai siti web
- Chrome
Picture in picture per qualsiasi elemento, non solo per i <video>
Visualizza contenuti HTML arbitrari in una finestra sempre in primo piano.
Controllo memoria: ispeziona Arraybuffer, TypedArray, DataView e Wasm Memory.
Utilizza Memory inspector per ispezionare un Arraybuffer, TypedArray o DataView in JavaScript e WebAssembly.Memory delle app C++ Wasm.
- Chrome DevTools
Modifiche: monitora le modifiche HTML, CSS e JavaScript
Tieni traccia delle modifiche apportate a HTML, CSS e JavaScript.
- Chrome DevTools
Modifiche alla sintassi del posizionamento degli ancoraggi
Modifiche relative all'API di posizionamento dell'ancoraggio di cui devi essere a conoscenza.
- Chrome
Esegui comandi dal menu Comando
Una guida su come aprire il menu Comando, eseguire comandi, aprire file, visualizzare altre azioni e altro ancora.
- Chrome DevTools
Abilita la condivisione senza interruzioni delle credenziali tra i siti web in Chrome
Se utilizzi più domini che condividono lo stesso backend di gestione dell'account, con Digital Asset Links ora puoi anche condividere facilmente le credenziali tra di loro per consentire agli utenti di salvare le credenziali una volta e fare in modo che il Gestore delle password di Chrome le suggerisca in uno dei siti web associati.
Introduzione alla prova dell'origine dell'API Digital Credentials
Una prova dell'origine dell'API Digital Credentials inizierà a partire da Chrome 128. L'API Digital Credentials è una nuova API della piattaforma web che consente ai siti web di richiedere selettivamente informazioni verificabili sull'utente tramite credenziali digitali come la patente di guida o una carta d'identità nazionale memorizzata in un portafoglio digitale.
- Chrome
Novità di DevTools, Chrome 129
Richieste di ricerca in Rendimento > Utilizza i dati di test nei moduli degli indirizzi con la compilazione automatica, esportali in Puppeteer per Firefox nel pannello Registratore, individua a colpo d'occhio i problemi di prestazioni grazie alle osservazioni nel riquadro Prestazioni e altro ancora.
- Chrome DevTools
- Chrome
Piattaforma web
Scopri come funziona Chrome, partecipa alle prove dell'origine e crea con Chrome ovunque.
Introduzione di suggerimenti, richieste di origini correlate e serializzazione JSON per WebAuthn in Chrome
WebAuthn su Chrome ora può utilizzare i suggerimenti, le richieste di origini correlate e la serializzazione JSON
- Chrome
chrome.wallpaper
Utilizza l'API chrome.wallpaper per cambiare lo sfondo di ChromeOS. Devi dichiarare lo "sfondo" l'autorizzazione nel manifest dell'app a utilizzare l'API sfondo. Ad esempio: Ad esempio, per impostare lo sfondo come immagine nella
- Estensioni di Chrome
chrome.privacy
Usa l'API chrome.privacy per controllare l'utilizzo delle funzionalità di Chrome che possono influire sulla privacy dell'utente. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione di Chrome.
- Estensioni di Chrome
chrome.system.storage
Utilizza l'API chrome.system.storage per eseguire query sulle informazioni del dispositivo di archiviazione e ricevere una notifica quando un dispositivo di archiviazione rimovibile viene collegato e scollegato. "success" Il comando di espulsione è
- Estensioni di Chrome
chrome.input.ime
Utilizza l'API chrome.input.ime per implementare un IME personalizzato per ChromeOS. In questo modo l'estensione può gestire le sequenze di tasti, impostare la composizione e gestire la finestra candidata. Devi dichiarare l'input nel manifest
- Estensioni di Chrome
chrome.scripting
Utilizza l'API chrome.scripting per eseguire script in diversi contesti. Per utilizzare l'API chrome.scripting, dichiara l'autorizzazione "scripting" nel file manifest più le autorizzazioni host per le pagine in cui inserire script. Utilizza la
- Estensioni di Chrome
chrome.enterprise.deviceAttributes
Utilizza l'API chrome.enterprise.deviceAttributes per leggere gli attributi del dispositivo. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. Recupera la posizione annotata
- Estensioni di Chrome
chrome.webAuthenticationProxy
L'API chrome.webAuthenticationProxy consente al software di desktop remoto in esecuzione su un host remoto di intercettare le richieste dell'API Web Authentication (WebAuthn) per gestirle su un client locale. stringa
- Estensioni di Chrome
chrome.devtools.performance
Usa l'API chrome.devtools.performance per ascoltare gli aggiornamenti sullo stato della registrazione nel riquadro Prestazioni in DevTools. Consulta il riepilogo delle API di DevTools per un'introduzione generale all'utilizzo delle API degli
- Estensioni di Chrome
chrome.enterprise.hardwarePlatform
Utilizza l'API chrome.enterprise.hardwarePlatform per ottenere il produttore e il modello della piattaforma hardware su cui viene eseguito il browser. Nota: questa API è disponibile solo per le estensioni installate in base ai criteri aziendali.
- Estensioni di Chrome
chrome.types
L'API chrome.types contiene dichiarazioni di tipo per Chrome. Il tipo ChromeSetting fornisce un insieme comune di funzioni ( get(), set() e clear() ) nonché un publisher di eventi ( onChange ) per le impostazioni del browser Chrome. Le impostazioni
- Estensioni di Chrome
chrome.vpnProvider
Utilizza l'API chrome.vpnProvider per implementare un client VPN. L'utilizzo tipico di chrome.vpnProvider è il seguente: Crea configurazioni VPN chiamando createConfig(). Una configurazione VPN è una voce permanente mostrata all'utente in una UI di
- Estensioni di Chrome
chrome.tabCapture
Utilizza l'API chrome.tabCapture per interagire con gli stream multimediali delle schede. L'API chrome.tab Capture ti consente di accedere a una MediaStream che contiene video e audio della scheda corrente. Può essere chiamato solo dopo che l'utente
- Estensioni di Chrome
chrome.systemLog
Utilizza l'API chrome.systemLog per registrare i log di sistema di Chrome dalle estensioni. stringa Aggiunge un nuovo record di log. MessageOptions Le opzioni di logging. funzione facoltativa Il parametro callback ha il seguente aspetto:
- Estensioni di Chrome
chrome.power
Utilizza l'API chrome.power per eseguire l'override delle funzionalità di gestione dell'alimentazione del sistema. Per impostazione predefinita, i sistemi operativi oscurano lo schermo quando gli utenti sono inattivi e alla fine sospenderanno di un
- Estensioni di Chrome
chrome.topSites
Utilizza l'API chrome.topSites per accedere ai siti principali (ovvero i siti più visitati) visualizzati nella pagina Nuova scheda. Non sono incluse le scorciatoie personalizzate dall'utente. Devi dichiarare i siti "topSites" nel file manifest
- Estensioni di Chrome
chrome.system.memory
L'API chrome.system.memory. numero La quantità di capacità disponibile, in byte. numero La quantità totale di capacità di memoria fisica, in byte. Recupera informazioni sulla memoria fisica. funzione facoltativa Il parametro callback ha il seguente
- Estensioni di Chrome
chrome.proxy
Utilizza l'API chrome.proxy per gestire le impostazioni del proxy di Chrome. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione del proxy. Devi dichiarare il "proxy" autorizzazione nel
- Estensioni di Chrome
chrome.enterprise.networkingAttributes
Utilizza l'API chrome.enterprise.networkingAttributes per leggere le informazioni sulla tua rete attuale. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. stringa facoltativo L'indirizzo
- Estensioni di Chrome
chrome.processes
Utilizza l'API chrome.processes per interagire con i processi del browser. numero La parte di cache utilizzata, in byte. numero Le dimensioni della cache, in byte. numero facoltativo La misurazione più recente dell'utilizzo della CPU da parte del
- Estensioni di Chrome
chrome.devtools.recorder
Usa l'API chrome.devtools.recorder per personalizzare il riquadro Registratore in DevTools. L'API devtools.recorder è una funzionalità in anteprima che consente di estendere il riquadro Registratore in Chrome DevTools. Consulta il riepilogo delle API
- Estensioni di Chrome
chrome.search
Usa l'API chrome.search per eseguire una ricerca tramite il provider predefinito. "CURRENT_TAB" Specifica che i risultati di ricerca vengono visualizzati nella scheda delle chiamate o nella scheda del browser attivo. "NEW_TAB" Specifica che i
- Estensioni di Chrome
chrome.system.cpu
Usa l'API system.cpu per eseguire query sui metadati della CPU. stringa Il nome dell'architettura dei processori. stringa[] Un insieme di codici funzionalità che indicano alcune capacità del processore. I codici attualmente supportati sono "mmx",
- Estensioni di Chrome
chrome.webNavigation
Utilizza l'API chrome.webNavigation per ricevere notifiche sullo stato delle richieste di navigazione in corso. Tutti i metodi e gli eventi chrome.webNavigation richiedono di dichiarare l'autorizzazione "webNavigation" nel manifest dell'estensione.
- Estensioni di Chrome
chrome.devtools.network
Utilizza l'API chrome.devtools.network per recuperare le informazioni sulle richieste di rete visualizzate dagli Strumenti per sviluppatori nel riquadro Rete. Le informazioni sulle richieste di rete sono rappresentate nel formato HTTP Archive ( HAR
- Estensioni di Chrome
chrome.devtools.inspectedWindow
Utilizza l'API chrome.devtools.inspectedWindow per interagire con la finestra ispezionata: ottieni l'ID scheda della pagina ispezionata, valuta il codice nel contesto della finestra ispezionata, ricarica la pagina o recupera l'elenco delle risorse al
- Estensioni di Chrome
chrome.printerProvider
L'API chrome.printerProvider espone gli eventi utilizzati da Gestione stampa per interrogare le stampanti controllate da estensioni, per eseguire query sulle loro funzionalità e per inviare processi di stampa a queste stampanti. stringa facoltativo
- Estensioni di Chrome
chrome.tts
Usa l'API chrome.tts per riprodurre la sintesi vocale (TTS). Vedi anche l'API ttsEngine correlata, che consente a un'estensione di implementare un motore vocale. Chrome offre questa funzionalità su Windows (utilizzando SAPI 5), Mac OS X e ChromeOS,
- Estensioni di Chrome
chrome.printingMetrics
Utilizza l'API chrome.printingMetrics per recuperare i dati sull'utilizzo della stampa. "BLACK_AND_WHITE" Specifica che è stata utilizzata la modalità bianco e nero. "COLOR" Specifica che è stata utilizzata la modalità colore. "ONE_SIDED" Specifica
- Estensioni di Chrome
chrome.tabGroups
Utilizza l'API chrome.tabGroups per interagire con il sistema di raggruppamento delle schede del browser. Puoi utilizzare questa API per modificare e ridisporre i gruppi di schede nel browser. Per raggruppare e separare le schede o per eseguire query
- Estensioni di Chrome
Funzionalità e ChromeOptions
Le funzionalità sono opzioni che puoi utilizzare per personalizzare e configurare una sessione di ChromeDriver.
L'API di rilevamento della lingua è disponibile per l'anteprima in anteprima
I partecipanti al programma EPP ora possono creare un prototipo con un'API di rilevamento della lingua in Chrome.
- Chrome
Lighthouse: ottimizza la velocità del sito web
Velocizza il caricamento dei tuoi siti web con Chrome Lighthouse.
- Chrome DevTools
chrome.webRequest
Utilizza l'API chrome.webRequest per osservare e analizzare il traffico e intercettare, bloccare o modificare le richieste in corso. Per usare la richiesta web, devi dichiarare l'autorizzazione "webRequest" nel manifest dell'estensione dell'API,
- Estensioni di Chrome
chrome.sidePanel
Utilizza l'API chrome.sidePanel per ospitare i contenuti nel riquadro laterale del browser insieme ai contenuti principali di una pagina web. Per utilizzare l'API Side Panel, aggiungi l'autorizzazione "sidePanel" nel file manifest dell'estensione:
- Estensioni di Chrome
chrome.omnibox
L'API omnibox ti consente di registrare una parola chiave nella barra degli indirizzi di Google Chrome, nota anche come omnibox. Quando l'utente inserisce la parola chiave dell'estensione, inizia a interagire esclusivamente con la tua. Ogni sequenza
- Estensioni di Chrome
chrome.windows
Utilizza l'API chrome.windows per interagire con le finestre del browser. Puoi utilizzare questa API per creare, modificare e ridisporre le finestre nel browser. Quando richiesto, un elemento windows.Window contiene un array di oggetti tabs.Tab.
- Estensioni di Chrome
chrome.pageAction
Utilizza l'API chrome.pageAction per inserire icone nella barra degli strumenti principale di Google Chrome, a destra della barra degli indirizzi. Le azioni sulla pagina rappresentano azioni che possono essere intraprese sulla pagina corrente, ma che
- Estensioni di Chrome
chrome.browserAction
Utilizza le azioni del browser per inserire icone nella barra degli strumenti principale di Google Chrome, a destra della barra degli indirizzi. Oltre alla sua icona, un'azione del browser può avere una descrizione comando, un badge e un popup. Nella
- Estensioni di Chrome
chrome.i18n
Utilizza l'infrastruttura chrome.i18n per implementare l'internazionalizzazione nell'intera app o estensione. Devi inserire tutte le stringhe visibili all'utente in un file denominato messages.json. Ogni volta aggiungi nuove impostazioni
- Estensioni di Chrome
chrome.webRequest
Utilizza l'API chrome.webRequest per osservare e analizzare il traffico e intercettare, bloccare o modificare le richieste in corso. Per usare la richiesta web, devi dichiarare l'autorizzazione "webRequest" nel manifest dell'estensione dell'API,
- Estensioni di Chrome
chrome.fileBrowserHandler
Utilizza l'API chrome.fileBrowserHandler per estendere il browser di file di ChromeOS. Ad esempio, puoi utilizzare questa API per consentire agli utenti di caricare file sul tuo sito web. Il browser di file di ChromeOS viene visualizzato quando
- Estensioni di Chrome
chrome.devtools.panels
Utilizza l'API chrome.devtools.panels per integrare la tua estensione nell'interfaccia utente della finestra Strumenti per sviluppatori: crea i tuoi riquadri, accedi ai riquadri esistenti e aggiungi barre laterali. Per utilizzare questa API, le
- Estensioni di Chrome
chrome.system.cpu
Usa l'API system.cpu per eseguire query sui metadati della CPU. stringa Il nome dell'architettura dei processori. stringa[] Un insieme di codici funzionalità che indicano alcune capacità del processore. I codici attualmente supportati sono "mmx",
- Estensioni di Chrome
chrome.enterprise.networkingAttributes
Utilizza l'API chrome.enterprise.networkingAttributes per leggere le informazioni sulla tua rete attuale. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. stringa facoltativo L'indirizzo
- Estensioni di Chrome
chrome.gcm
Utilizza chrome.gcm per consentire ad app ed estensioni di inviare e ricevere messaggi tramite Firebase Cloud Messaging (FCM). La dimensione massima (in byte) di tutte le coppie chiave/valore in un messaggio. 4096 Registra l'applicazione con FCM.
- Estensioni di Chrome
chrome.loginState
Utilizza l'API chrome.loginState per leggere e monitorare lo stato dell'accesso. "SIGNIN_PROFILE" Specifica che l'estensione si trova nel profilo di accesso. "USER_PROFILE" Specifica che l'estensione è presente nel profilo utente. "UNKNOWN" Specifica
- Estensioni di Chrome
chrome.wallpaper
Utilizza l'API chrome.wallpaper per cambiare lo sfondo di ChromeOS. Devi dichiarare lo "sfondo" l'autorizzazione nel manifest dell'app a utilizzare l'API sfondo. Ad esempio: Ad esempio, per impostare lo sfondo come immagine nella
- Estensioni di Chrome
chrome.fontSettings
Utilizza l'API chrome.fontSettings per gestire le impostazioni dei caratteri di Chrome. Per utilizzare l'API Font Settings, devi dichiarare il valore "fontSettings" nell' estensione del file manifest. Ad esempio: Chrome consente la dipendenza di
- Estensioni di Chrome
chrome.instanceID
Usa chrome.instanceID per accedere al servizio ID istanza. Reimposta l'identificatore di istanza dell'app e revoca tutti i token associati. funzione facoltativa Il parametro callback ha il seguente aspetto: Promesso<void> Le promesse sono
- Estensioni di Chrome
chrome.input.ime
Utilizza l'API chrome.input.ime per implementare un IME personalizzato per ChromeOS. In questo modo l'estensione può gestire le sequenze di tasti, impostare la composizione e gestire la finestra candidata. Devi dichiarare l'input nel manifest
- Estensioni di Chrome
chrome.printingMetrics
Utilizza l'API chrome.printingMetrics per recuperare i dati sull'utilizzo della stampa. "BLACK_AND_WHITE" Specifica che è stata utilizzata la modalità bianco e nero. "COLOR" Specifica che è stata utilizzata la modalità colore. "ONE_SIDED" Specifica
- Estensioni di Chrome
chrome.platformKeys
Utilizza l'API chrome.platformKeys per accedere ai certificati client gestiti dalla piattaforma. Se l'utente o il criterio concedono l'autorizzazione, un'estensione può utilizzare questo certificato nel proprio protocollo di autenticazione
- Estensioni di Chrome
chrome.devtools.inspectedWindow
Utilizza l'API chrome.devtools.inspectedWindow per interagire con la finestra ispezionata: ottieni l'ID scheda della pagina ispezionata, valuta il codice nel contesto della finestra ispezionata, ricarica la pagina o recupera l'elenco delle risorse al
- Estensioni di Chrome
chrome.history
Utilizza l'API chrome.history per interagire con il record delle pagine visitate del browser. Puoi aggiungere, rimuovere ed eseguire query per gli URL nella cronologia del browser. Per eseguire l'override della pagina della cronologia con la tua
- Estensioni di Chrome
chrome.identity
Utilizza l'API chrome.identity per ottenere i token di accesso OAuth2. stringa Un identificatore univoco dell'account. Questo ID rimarrà invariato per tutta la durata dell'account. "SYNC" Specifica che la sincronizzazione è abilitata per l'account
- Estensioni di Chrome
chrome.tts
Usa l'API chrome.tts per riprodurre la sintesi vocale (TTS). Vedi anche l'API ttsEngine correlata, che consente a un'estensione di implementare un motore vocale. Chrome offre supporto nativo per il parlato su Windows (utilizzando SAPI 5), Mac OS X e
- Estensioni di Chrome
chrome.processes
Utilizza l'API chrome.processes per interagire con i processi del browser. numero La parte di cache utilizzata, in byte. numero Le dimensioni della cache, in byte. numero facoltativo La misurazione più recente dell'utilizzo della CPU da parte del
- Estensioni di Chrome
chrome.enterprise.hardwarePlatform
Utilizza l'API chrome.enterprise.hardwarePlatform per ottenere il produttore e il modello della piattaforma hardware su cui viene eseguito il browser. Nota: questa API è disponibile solo per le estensioni installate in base ai criteri aziendali.
- Estensioni di Chrome
chrome.devtools.recorder
Usa l'API chrome.devtools.recorder per personalizzare il riquadro Registratore in DevTools. Consulta il riepilogo delle API di DevTools per un'introduzione generale all'utilizzo delle API degli strumenti per sviluppatori. L'API devtools.recorder è
- Estensioni di Chrome
chrome.dom
Usa l'API chrome.dom per accedere a speciali API DOM per le estensioni Restituisce la radice ombra aperta o la radice ombra chiusa ospitata dall'elemento specificato. Se l'elemento non collega la radice shadow, restituirà un valore nullo. HTMLElement
- Estensioni di Chrome
chrome.tabCapture
Utilizza l'API chrome.tabCapture per interagire con gli stream multimediali delle schede. L'API chrome.tab Capture consente di accedere a un file MediaStream contenente video e audio della scheda corrente. Può essere chiamato solo dopo che l'utente
- Estensioni di Chrome
chrome.webNavigation
Utilizza l'API chrome.webNavigation per ricevere notifiche sullo stato delle richieste di navigazione in corso. Tutti i metodi e gli eventi chrome.webNavigation richiedono la dichiarazione di "web Browsing" autorizzazione nel manifest
- Estensioni di Chrome
chrome.topSites
Utilizza l'API chrome.topSites per accedere ai siti principali (ovvero i siti più visitati) visualizzati nella pagina Nuova scheda. Non sono incluse le scorciatoie personalizzate dall'utente. Devi dichiarare i siti "topSites" nel file manifest
- Estensioni di Chrome
chrome.management
L'API chrome.management consente di gestire le app e le estensioni installate. Devi dichiarare il valore "management" nel manifest dell'estensione per utilizzare la gestione tramite Google Cloud CLI o tramite l'API Compute Engine. Ad esempio:
- Estensioni di Chrome
chrome.idle
Usa l'API chrome.idle per rilevare quando cambia lo stato di inattività della macchina. Devi dichiarare lo stato "inattivo" nel file manifest dell'estensione per usare l'API inattiva. Ad esempio: "attivo" "inattivo" "bloccata" Recupera il tempo, in
- Estensioni di Chrome
chrome.search
Usa l'API chrome.search per eseguire una ricerca tramite il provider predefinito. "CURRENT_TAB" Specifica che i risultati di ricerca vengono visualizzati nella scheda delle chiamate o nella scheda del browser attivo. "NEW_TAB" Specifica che i
- Estensioni di Chrome
chrome.printerProvider
L'API chrome.printerProvider espone gli eventi utilizzati da Gestione stampa per interrogare le stampanti controllate da estensioni, per eseguire query sulle loro funzionalità e per inviare processi di stampa a queste stampanti. stringa facoltativo
- Estensioni di Chrome
chrome.types
L'API chrome.types contiene dichiarazioni di tipo per Chrome. Il prototipo ChromeSetting fornisce un insieme comune di funzioni ( get(), set() e clear() ) nonché un publisher di eventi ( onChange ) per le impostazioni del browser Chrome. Le
- Estensioni di Chrome
chrome.enterprise.deviceAttributes
Utilizza l'API chrome.enterprise.deviceAttributes per leggere gli attributi del dispositivo. Nota: questa API è disponibile solo per le estensioni con installazione forzata in base ai criteri aziendali. Recupera la posizione annotata
- Estensioni di Chrome
chrome.windows
Utilizza l'API chrome.windows per interagire con le finestre del browser. Puoi utilizzare questa API per creare, modificare e ridisporre le finestre nel browser. Quando richiesto, un elemento windows.Window contiene un array di oggetti tabs.Tab.
- Estensioni di Chrome
chrome.privacy
Usa l'API chrome.privacy per controllare l'utilizzo delle funzionalità di Chrome che possono influire sulla privacy dell'utente. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione di Chrome.
- Estensioni di Chrome
chrome.power
Utilizza l'API chrome.power per eseguire l'override delle funzionalità di gestione dell'alimentazione del sistema. Per impostazione predefinita, i sistemi operativi oscurano lo schermo quando gli utenti sono inattivi e alla fine sospenderanno di un
- Estensioni di Chrome
chrome.pageCapture
Usa l'API chrome.pageCapture per salvare una scheda come MHTML. MHTML è un formato standard supportato dalla maggior parte dei browser. Incapsula in un singolo file una pagina e tutte le relative risorse (file CSS, immagini e così via). Tieni
- Estensioni di Chrome
chrome.systemLog
Utilizza l'API chrome.systemLog per registrare i log di sistema di Chrome dalle estensioni. stringa Aggiunge un nuovo record di log. MessageOptions Le opzioni di logging. funzione facoltativa Il parametro callback ha il seguente aspetto:
- Estensioni di Chrome
chrome.fileSystemProvider
Utilizza l'API chrome.fileSystemProvider per creare file system accessibili tramite Gestione file su ChromeOS. Devi dichiarare il valore "fileSystemProvider" e la sezione del manifest dell'estensione per utilizzare l'API File System Provider. Ad
- Estensioni di Chrome
chrome.notifications
Usa l'API chrome.notifications per creare notifiche avanzate utilizzando modelli e mostrare queste notifiche agli utenti nella barra delle applicazioni. stringa facoltativo Icone dei pulsanti non visibili per gli utenti di Mac OS X. stringa stringa
- Estensioni di Chrome
chrome.downloads
Questa autorizzazione attiva un avviso Utilizza l'API chrome.downloads per avviare, monitorare, manipolare e cercare download in modo programmatico. Per utilizzare questa API, devi dichiarare l'autorizzazione "downloads" nel manifest dell'estensione.
- Estensioni di Chrome
chrome.devtools.network
Utilizza l'API chrome.devtools.network per recuperare le informazioni sulle richieste di rete visualizzate dagli Strumenti per sviluppatori nel riquadro Rete. Per utilizzare questa API, le seguenti chiavi devono essere dichiarate nel manifest.
- Estensioni di Chrome
chrome.vpnProvider
Utilizza l'API chrome.vpnProvider per implementare un client VPN. L'utilizzo tipico di vpnProvider è il seguente: Creare configurazioni VPN utilizzando il metodo createConfig. Una configurazione VPN è una voce permanente mostrata all'utente in una UI
- Estensioni di Chrome
chrome.proxy
Utilizza l'API chrome.proxy per gestire le impostazioni del proxy di Chrome. Questa API si basa sul prototipo ChromeSetting dell'API di tipo per recuperare e impostare la configurazione del proxy. Devi dichiarare il "proxy" autorizzazione nel
- Estensioni di Chrome
chrome.events
Lo spazio dei nomi chrome.events contiene tipi comuni utilizzati dagli eventi di invio delle API per avvisarti quando succede qualcosa di interessante. Un Event è un oggetto che ti consente di ricevere una notifica quando succede qualcosa di
- Estensioni di Chrome
chrome.events
Lo spazio dei nomi chrome.events contiene tipi comuni utilizzati dagli eventi di invio delle API per avvisarti quando succede qualcosa di interessante. Un Event è un oggetto che ti consente di ricevere una notifica quando succede qualcosa di
- Estensioni di Chrome
chrome.idle
Usa l'API chrome.idle per rilevare quando cambia lo stato di inattività della macchina. Per usare l'API inattiva, devi dichiarare l'autorizzazione "idle" nel file manifest dell'estensione. Ad esempio: "attivo" "inattivo" "bloccata" Recupera il tempo,
- Estensioni di Chrome
chrome.pageCapture
Usa l'API chrome.pageCapture per salvare una scheda come MHTML. MHTML è un formato standard supportato dalla maggior parte dei browser. Incapsula in un singolo file una pagina e tutte le relative risorse (file CSS, immagini e così via). Tieni
- Estensioni di Chrome
chrome.offscreen
Usa l'API offscreen per creare e gestire documenti fuori schermo. Per utilizzare l'API Offscreen, dichiara l'autorizzazione "offscreen" nel manifest dell'estensione. Ad esempio: I Service worker non hanno accesso al DOM e molti siti web hanno criteri
- Estensioni di Chrome
chrome.dom
Usa l'API chrome.dom per accedere a speciali API DOM per le estensioni Restituisce la radice ombra aperta o la radice ombra chiusa ospitata dall'elemento specificato. Se l'elemento non collega la radice shadow, restituirà un valore nullo. HTMLElement
- Estensioni di Chrome
chrome.fileSystemProvider
Utilizza l'API chrome.fileSystemProvider per creare file system accessibili tramite Gestione file su ChromeOS. Devi dichiarare il valore "fileSystemProvider" e la sezione del manifest dell'estensione per utilizzare l'API File System Provider. Ad
- Estensioni di Chrome
chrome.debugger
L'API chrome.debugger funge da trasporto alternativo per il protocollo di debug remoto di Chrome. Usa chrome.debugger per collegarti a una o più schede per analizzare l'interazione con la rete, eseguire il debug di JavaScript, modificare DOM e CSS e
- Estensioni di Chrome
chrome.instanceID
Usa chrome.instanceID per accedere al servizio ID istanza. Reimposta l'identificatore di istanza dell'app e revoca tutti i token associati. funzione facoltativa Il parametro callback ha il seguente aspetto: Promesso<void> Le promesse sono
- Estensioni di Chrome
chrome.loginState
Utilizza l'API chrome.loginState per leggere e monitorare lo stato dell'accesso. "SIGNIN_PROFILE" Specifica che l'estensione si trova nel profilo di accesso. "USER_PROFILE" Specifica che l'estensione è presente nel profilo utente. "UNKNOWN" Specifica
- Estensioni di Chrome
chrome.management
L'API chrome.management consente di gestire le app e le estensioni installate. Devi dichiarare il valore "management" nel manifest dell'estensione per utilizzare la gestione tramite Google Cloud CLI o tramite l'API Compute Engine. Ad esempio:
- Estensioni di Chrome
chrome.omnibox
L'API omnibox ti consente di registrare una parola chiave nella barra degli indirizzi di Google Chrome, nota anche come omnibox. Quando l'utente inserisce la parola chiave dell'estensione, inizia a interagire esclusivamente con la tua. Ogni sequenza
- Estensioni di Chrome
chrome.downloads
Utilizza l'API chrome.downloads per avviare, monitorare, manipolare e cercare download in modo programmatico. Per utilizzare questa API, devi dichiarare l'autorizzazione "downloads" nel manifest dell'estensione. Puoi trovare semplici esempi di
- Estensioni di Chrome
chrome.platformKeys
Utilizza l'API chrome.platformKeys per accedere ai certificati client gestiti dalla piattaforma. Se l'utente o il criterio concedono l'autorizzazione, un'estensione può utilizzare questo certificato nel proprio protocollo di autenticazione
- Estensioni di Chrome
chrome.history
Utilizza l'API chrome.history per interagire con il record delle pagine visitate del browser. Puoi aggiungere, rimuovere ed eseguire query per gli URL nella cronologia del browser. Per eseguire l'override della pagina della cronologia con la tua
- Estensioni di Chrome
chrome.gcm
Utilizza chrome.gcm per consentire ad app ed estensioni di inviare e ricevere messaggi tramite Firebase Cloud Messaging (FCM). La dimensione massima (in byte) di tutte le coppie chiave/valore in un messaggio. 4096 Registra l'applicazione con FCM.
- Estensioni di Chrome
chrome.notifications
Usa l'API chrome.notifications per creare notifiche avanzate utilizzando modelli e mostrare queste notifiche agli utenti nella barra delle applicazioni. stringa facoltativo Icone dei pulsanti non visibili per gli utenti di Mac OS X. stringa stringa
- Estensioni di Chrome
chrome.identity
Utilizza l'API chrome.identity per ottenere i token di accesso OAuth2. stringa Un identificatore univoco dell'account. Questo ID rimarrà invariato per tutta la durata dell'account. "SYNC" Specifica che la sincronizzazione è abilitata per l'account
- Estensioni di Chrome
chrome.sockets.tcp
Utilizza l'API chrome.sockets.tcp per inviare e ricevere dati sulla rete tramite connessioni TCP. Questa API sostituisce la funzionalità TCP in precedenza presente nell'API chrome.socket. Per utilizzare questa API, le seguenti chiavi devono essere
chrome.hid
Utilizza l'API chrome.hid per interagire con i dispositivi HID connessi. Questa API consente di accedere alle operazioni HID dal contesto di un'app. Utilizzando questa API, le app possono fungere da driver per i dispositivi hardware. Gli errori
chrome.sockets.tcpServer
Utilizza l'API chrome.sockets.tcpServer per creare applicazioni server mediante connessioni TCP. Questa API sostituisce la funzionalità TCP in precedenza presente nell'API chrome.socket. Per utilizzare questa API, le seguenti chiavi devono essere
chrome.system.network
Utilizza l'API chrome.system.network. stringa L'indirizzo IPv4/6 disponibile. stringa Il nome sottostante dell'adattatore. Su *nix, i valori sono in genere "eth0", "wlan0" e così via. numero La lunghezza del prefisso Recupera informazioni sugli
chrome.app.window
Usa l'API chrome.app.window per creare finestre. Le finestre hanno un frame facoltativo con la barra del titolo e i controlli per le dimensioni. Non sono associate a nessuna finestra del browser Chrome. Per una dimostrazione di queste opzioni, vedi
chrome.fileSystem
Utilizza l'API chrome.fileSystem per creare, leggere, navigare e scrivere nel file system locale dell'utente. Con questa API, le app di Chrome possono leggere e scrivere in una posizione selezionata dall'utente. Ad esempio, un'app di editor di testo
chrome.mediaGalleries
Usa l'API chrome.mediaGalleries per accedere ai file multimediali (audio, immagini, video) dai dischi locali dell'utente (con il suo consenso). stringa booleano stringa Identifica la galleria modificata. GalleryChangeType Tipo di evento di modifica.
Logging
Per impostazione predefinita, ChromeDriver registra solo avvisi/errori in stderr. Durante il debug problemi, è utile attivare una registrazione più dettagliata. Per attivare il logging dettagliato, passa semplicemente --verbose al server
Inizia a utilizzare ChromeDriver
Questa pagina documenta come iniziare a utilizzare ChromeDriver per testare il tuo sito web su computer desktop (Windows/Mac/Linux). Puoi anche leggere Guida introduttiva ad Android oppure Guida introduttiva a ChromeOS. ChromeDriver è un eseguibile
Estensioni di Chrome
Le estensioni di Chrome possono essere pacchettizzate o decompresse. Per comprimere un'estensione non pacchettizzata, usa il pulsante Comprime in chrome://extensions oppure utilizza Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension
Chrome 129 beta
Scopri in anteprima la prossima versione di Chrome con questo post che descrive nel dettaglio le funzionalità della versione beta attuale.
- Chrome
Personalizza i dati sulle prestazioni con l'API estensibilità
Personalizza i dati sulle prestazioni con l'API estensibilità
- Chrome DevTools
chrome.browsingData
Utilizza l'API chrome.browsingData per rimuovere i dati di navigazione dal profilo locale di un utente. Per utilizzare questa API, devi dichiarare l'autorizzazione "browsingData" nel manifest dell'estensione. Il caso d'uso più semplice per questa API
- Estensioni di Chrome
chrome.system.memory
L'API chrome.system.memory. numero La quantità di capacità disponibile, in byte. numero La quantità totale di capacità di memoria fisica, in byte. Recupera informazioni sulla memoria fisica. funzione facoltativa Il parametro callback ha il seguente
- Estensioni di Chrome
chrome.desktopCapture
L'API Desktop Capture acquisisce i contenuti dello schermo, di singole finestre o singole schede. Enum utilizzata per definire l'insieme di origini multimediali desktop utilizzate in chooseDesktopMedia(). "schermo" "finestra" "scheda" "audio" Esegue
- Estensioni di Chrome
chrome.documentScan
Utilizza l'API chrome.documentScan per rilevare e recuperare immagini dagli scanner di documenti collegati. L'API Document Scan è progettata per consentire ad app ed estensioni di visualizzare i contenuti di documenti cartacei su uno scanner di
- Estensioni di Chrome
Riferimento API
Il riferimento completo a tutte le API messe a disposizione delle estensioni di Chrome. Sono incluse le API per la piattaforma App di Chrome deprecata, nonché le API ancora in versione beta e dev.
- Estensioni di Chrome
Chrome DevTools
Esegui il debug e ottimizza le applicazioni web con Chrome DevTools.
- Chrome DevTools
Miglioramento delle prestazioni dell'accessibilità di Chromium
Un post di Ahmed Elwasefi, che racconta come è diventato un collaboratore di Chromium grazie a Google Summer of Code.
- Chrome
Novità di WebGPU (Chrome 128)
Sperimenta con i sottogruppi, ritira l'impostazione della bias di profondità per linee e punti, nascondi l'avviso di DevTools non acquisito se preventDefault, WGSL interpola prima il campionamento e l'uno o l'altro e altro ancora.
- Chrome
- WebGpu
Creare un'app con WebGPU
Scopri come creare un'app con WebGPU per il web e piattaforme specifiche.
Contenuti multimediali: visualizzare le informazioni dei lettori multimediali ed eseguirne il debug
Utilizza il riquadro Media per visualizzare le informazioni ed eseguire il debug dei media player per ogni scheda del browser.
- Chrome DevTools
Chrome 128
L'implementazione di Chrome 128 avverrà il 20 agosto 2024, con la proprietà CSS ruby-align, Promise.try e molte altre.
- Chrome
Prova dell'origine dell'API File System Observer
Il team di Chrome sta sperimentando una nuova API File System Observer, che informa gli sviluppatori delle modifiche al file system.
- Chrome
Novità di Chrome 128
È in corso l'implementazione di Chrome 128. Con un display migliorato per gli elementi color rosso rubino con interruzioni di riga, Promise.try per avviare le catene Promise più facilmente, l'interfaccia PointerEvent estesa per identificare in modo univoco più penne e c'è molto altro e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 128.
- Chrome
chrome.alarms
Usa l'API chrome.alarms per pianificare l'esecuzione del codice periodicamente o in un orario specifico nel futuro. Per utilizzare l'API chrome.alarms, dichiara l'autorizzazione "alarms" nel manifest: I seguenti esempi mostrano come utilizzare e
- Estensioni di Chrome
chrome.contextMenus
Utilizza l'API chrome.contextMenus per aggiungere elementi al menu contestuale di Google Chrome. Puoi scegliere i tipi di oggetti a cui applicare le aggiunte del menu contestuale, ad esempio immagini, link ipertestuali e pagine. Le voci del menu
- Estensioni di Chrome
chrome.debugger
L'API chrome.debugger funge da trasporto alternativo per il protocollo di debug remoto di Chrome. Usa chrome.debugger per collegarti a una o più schede per analizzare l'interazione con la rete, eseguire il debug di JavaScript, modificare DOM e CSS e
- Estensioni di Chrome
chrome.commands
Utilizza l'API dei comandi per aggiungere scorciatoie da tastiera che attivano azioni nell'estensione, ad esempio un'azione per aprire l'azione del browser o inviare un comando all'estensione. Per utilizzare questa API, le seguenti chiavi devono
- Estensioni di Chrome
chrome.audio
Viene fornita l'API chrome.audio per consentire agli utenti di ottenere informazioni sui dispositivi audio collegati al sistema e di controllarli. Questa API è attualmente disponibile solo in modalità kiosk per ChromeOS. stringa Nome del dispositivo.
- Estensioni di Chrome
chrome.declarativeContent
Usa l'API chrome.declarativeContent per intraprendere azioni a seconda dei contenuti di una pagina, senza richiedere l'autorizzazione a leggerne i contenuti. L'API dichiarativa Content ti consente di attivare l'azione dell'estensione in base all'URL
- Estensioni di Chrome
chrome.browsingData
Utilizza l'API chrome.browsingData per rimuovere i dati di navigazione dal profilo locale di un utente. Devi dichiarare il valore "browsingData" nel manifest dell'estensione per utilizzare questa API. Il caso d'uso più semplice per questa API è un
- Estensioni di Chrome
API File System Access: semplifica l'accesso ai file locali
L'API File System Access consente agli sviluppatori di creare potenti app web che interagiscono con i file sul dispositivo locale dell'utente, come IDE, editor di foto e video, editor di testo e altro ancora. Dopo che un utente ha concesso l'accesso a un'app web, questa API consente all'utente di leggere o salvare le modifiche direttamente su file e cartelle sul suo dispositivo.
L'API Summarization è disponibile per l'anteprima in anteprima
I partecipanti a EPP ora possono creare un prototipo con l'API di riepilogo per Gemini Nano in Chrome.
- Chrome
Eventi Snap di scorrimento
Presentazione di due nuovi eventi JavaScript: scrollSnapChange e scorriSnapChange.
- Chrome
Sperimentazione con la misurazione delle navigazioni soft
Il team di Chrome sta lavorando per migliorare la misurazione delle cosiddette navigazioni soft utilizzate dalle applicazioni a pagina singola e ora è disponibile una nuova API dietro un flag per consentire anche ai siti di fare esperimenti con queste.
4 modi per acquisire screenshot con DevTools
Scopri 4 modi unici per acquisire screenshot con DevTools.
- Chrome DevTools
- Chrome
Novità di DevTools, Chrome 128
Gli approfondimenti sulla console vengono pubblicati in Europa, API e canale di rete migliorati per personalizzare i canali nel riquadro Rendimento e altro ancora.
- Chrome DevTools
- Chrome
WebDriver BiDi pronto per la produzione in Firefox, Chrome e Puppeteer
Puppeteer 23 introduce il supporto stabile per Firefox 129 e versioni successive, offrendo un'API unificata per l'automazione di Chrome e Firefox, basata su WebDriver BiDi.
- Chrome
Blog
Ultime notizie dal team per le relazioni con gli sviluppatori di Chrome
- Chrome
Aggiornamenti dell'esperienza utente delle passkey in Chrome su Android
Chrome su Android ora integra il Gestore delle credenziali che consente ai gestori delle password di terze parti di fornire passkey su Android 14 e versioni successive
- Chrome
Partecipa all'esperimento sull'IA integrata di Chrome
Aggiornamento sull'IA integrata, sull'API Prompt e sui piani AI di Chrome.
- Chrome
Nomi CSS definiti dall'autore e shadow DOM: nella specifica e nella pratica
Spiegazione dell'attuale stato di interoperabilità dei nomi definiti dall'autore come utilizzato nello shadow DOM in CSS.
Automazione con WebDriver BiDi ora disponibile su BrowserStack
BrowserStack introduce il supporto BiDi di WebDriver: migliora i tuoi test Selenium Grid con l'automazione basata su eventi.
- Chrome
Oltre le espressioni regolari: miglioramento dell'analisi del valore CSS in Chrome DevTools
Scopri come il team DevTools ha migliorato la presentazione degli stili nella scheda Stili.
- Chrome
API CrUX
Scopri come creare richieste e analizzare le risposte dall'API CrUX.
- Chrome UX Report
API CrUX History
Scopri come eseguire query degli ultimi sei mesi delle tendenze storiche di CrUX utilizzando l'API CrUX History.
- Chrome UX Report
Caricamenti delle pagine più rapidi grazie al momento di riflessione del server con i suggerimenti anticipati
Scopri in che modo il tuo server può inviare suggerimenti al browser sulle risorse secondarie critiche.
Riquadro Rete: analisi del carico e delle risorse di rete
Analizza carico e risorse di rete
- Chrome DevTools
Interruzioni di riga <ruby> e la proprietà ruby-align CSS
Elemento ruby con interruzioni di riga e proprietà ruby-align CSS
- Chrome
Chrome 128 beta
Scopri in anteprima la prossima versione di Chrome con questo post che descrive nel dettaglio le funzionalità della versione beta attuale.
- Chrome
In che modo Chrome aiuta gli utenti a installare le app che ritengono utili
La ricerca interna sugli utenti di Chrome mostra che molte persone apprezzano l'installazione di app web. Offre molti vantaggi, tra cui: Esistono diversi modi in cui Chrome e gli sviluppatori web possono essere d'aiuto, inclusa una nuova funzionalità
- Chrome
Chrome 127
Il lancio di Chrome 127 è previsto per il 23 luglio 2024, con font-size-adjusted, i contenitori di scorrimento attivabili dalla tastiera e molti altri ancora.
- Chrome
Novità di WebGPU (Chrome 127)
Supporto sperimentale per OpenGL ES su Android, attributo info GPUAdapter, miglioramenti dell'interoperabilità WebAssembly e altro ancora.
- Chrome
- WebGpu
Novità di Chrome 127
È in corso l'implementazione di Chrome 127. Con il supporto della regolazione delle dimensioni del carattere, le attivazioni degli utenti propagate nell'API Document Picture in picture, i contenitori di scorrimento attivabili dalla tastiera e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori di Chrome 127.
- Chrome
Richiesta di feedback degli sviluppatori sul flusso di lettura e sugli elementi con display: contenuti
Aiutaci a garantire che il flusso di lettura soddisfi le tue esigenze.
- Chrome
Riferimento per le funzionalità di rete
Un riferimento completo delle funzionalità del riquadro Network di Chrome DevTools.
- Chrome DevTools
Preferenze
Informazioni sulla scheda Preferenze.
- Chrome DevTools
Riquadro di registrazione: registrare e misurare il flusso utente
Analizza e registra i flussi degli utenti.
- Chrome DevTools
equivoci sulle transizioni delle visualizzazioni
Con sempre più persone che iniziano a esaminare l'API View Transizione, è il momento di sfatare alcuni equivoci.
- Chrome
Cosa sta succedendo nelle estensioni di Chrome?
Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.
- Estensioni di Chrome
- Chrome
Estensioni di Chrome: importanti aggiornamenti delle norme
Questo annuncio include una serie di aggiornamenti alla pagina delle Norme del programma per gli sviluppatori pensati per incoraggiare lo sviluppo di prodotti di alta qualità, prevenire comportamenti ingannevoli e garantire il consenso informato degli utenti.
- Estensioni di Chrome
- Chrome
Novità di DevTools, Chrome 127
Posizionamento dell'ancoraggio CSS in Elementi, miglioramento "Non mettere mai in pausa qui" in Origini, nuovi listener di eventi di scorrimento dello scatto, preset di limitazione della rete aggiornati e altro ancora.
- Chrome DevTools
- Chrome
Modalità Ispeziona: analizza rapidamente le proprietà degli elementi
Ispezionare gli elementi nell'app web
- Chrome DevTools
Riferimento per le funzionalità delle prestazioni
Un riferimento su tutti i modi per registrare e analizzare le prestazioni in Chrome DevTools.
- Chrome DevTools
L'API Long Animation Frame è stata spedita
L'API Long Animation Frame (LoAF) è stata spedita da Chrome 123 e abbiamo anche aggiornato i nostri strumenti e le nostre indicazioni per aiutarti a ottenere il massimo da questa nuova API.
- Chrome
Aggiunta di tipi di fiducia a YouTube
YouTube sta migliorando la sicurezza della piattaforma con Trusted Tipi per prevenire gli attacchi di cross-site scripting (XSS) ma ciò potrebbe influire sulla tua estensione.
- Chrome
- Estensioni di Chrome
Evita un DOM di dimensioni eccessive
Scopri come un DOM di grandi dimensioni può ridurre le prestazioni della tua pagina web e come ridurre le dimensioni del DOM al momento del caricamento.
Prerendering delle pagine in Chrome per navigazioni immediate tra le pagine
Il team di Chrome sta lavorando a opzioni per ripristinare il prerendering completo delle pagine future che è probabile vengano visitate da un utente.
Dietro al Chrome Web Store: domande attendibili e sicure
Abbiamo incontrato il team che si occupa della revisione del Chrome Web Store.
- Estensioni di Chrome
- Chrome
Prestazioni massime di IndexedDB con i bucket di archiviazione
Il team di Chrome ha apportato una serie di miglioramenti relativi alle prestazioni all'implementazione di IndexedDB (IDB).
- Chrome
Novità di WebGPU (Chrome® 126)
Aumenta il limite maxTextureArrayBytes, l'ottimizzazione del caricamento del buffer per il backend Vulkan, i miglioramenti del tempo di compilazione delloshar, i buffer dei comandi inviati devono essere univoci e gli aggiornamenti Dawn.
- Chrome
- WebGpu
Memorizza nella cache i modelli AI nel browser
Per velocizzare i lanci futuri delle applicazioni basate sull'IA, memorizza esplicitamente nella cache i dati del modello sul dispositivo.
Una prova dell'origine per un nuovo elemento HTML <permission>
Il team di Chrome sta sperimentando un nuovo elemento HTML dichiarativo <permission> per chiedere all'utente l'accesso a funzionalità efficaci.
- Chrome
Chrome 127 beta
Prova le ultime funzionalità in arrivo su Chrome scaricando la versione beta.
- Chrome
Chrome 126
L'implementazione di Chrome 126 inizierà l'11 giugno 2024, con transizioni di visualizzazione tra documenti, riattivazione dell'API CloseWatcher, rumore di trigger per l'API Gamepad e molto altro.
- Chrome
Ultime novità su CSS e UI web: riepilogo dell'I/O 2024
Leggi tutti gli annunci relativi a CSS e all'interfaccia utente web da Google I/O 2024.
- Chrome
Novità di Chrome 126
È in corso l'implementazione di Chrome 126. Grazie al supporto delle transizioni tra documenti nell'API ViewTransiziones, l'API CloseWatcher ha riattivato l'utilizzo, ha generato voci di trigger per l'API Gamepad e non solo, ma c'è molto altro e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 126.
- Chrome
Ritiro dell'evento di unload
L'evento di unload verrà ritirato gradualmente a partire da Chrome 117. Scopri cosa significa tutto questo e in che modo i siti e le aziende possono prepararsi a questo cambiamento
Monitoraggio del protocollo: visualizza e invia richieste CDP
Monitorare richieste e risposte CDP.
- Chrome DevTools
Chrome UX Report
Documentazione tecnica sulle metriche CrUX.
- Chrome UX Report
Tre nuove funzionalità per personalizzare i flussi di lavoro relativi alle prestazioni in DevTools
Scopri le funzionalità più recenti che ti aiuteranno a riordinare il riquadro Rendimento e concentrati sulle informazioni di cui hai più bisogno
- Chrome DevTools
- Chrome
Analizzare le prestazioni del selettore CSS durante gli eventi Ricalcola stile
Analizzare le prestazioni del selettore CSS durante gli eventi Ricalcola stile.
- Chrome DevTools
Filtro contenuti
Una spiegazione del filtro dei contenuti e del relativo approccio nell'estensione di Chrome.
- Estensioni di Chrome
Salta la revisione delle modifiche idonee alle estensioni
Siamo lieti di annunciare una nuova funzionalità che consentirà agli sviluppatori di saltare la procedura di revisione delle modifiche idonee alle estensioni Manifest V3 utilizzando l'API Declarative Net Request.
- Chrome
Non ha un tag con larghezza o scala iniziale
Scopri di più sul controllo Lighthouse "Non ha un tag con larghezza o scala iniziale".
Condizioni di rete: eseguono l'override della stringa user agent
Scopri come emulare altri browser con il riquadro Condizioni di rete.
- Chrome DevTools
Novità di DevTools, Chrome 126
È stata migliorata la modalità di configurazione delle tracce, l'elenco degli elementi da ignorare nel grafico a fiamme e la limitazione della CPU di 20 volte nel riquadro Prestazioni e altro ancora.
- Chrome
- Chrome DevTools
Estensioni di Chrome alla conferenza Google I/O 2024
dietro a un altro Google I/O, in cui abbiamo parlato di tutti gli entusiasmanti aggiornamenti delle estensioni.
- Chrome
JavaScript di debug
Scopri come utilizzare Chrome DevTools per trovare e correggere i bug di JavaScript.
- Chrome DevTools
Esegui il debug delle regole di speculazione con Chrome DevTools
Scopri tutto sulle funzionalità di Chrome DevTools per eseguire il debug delle regole di speculazione utilizzate per precaricare e prerendering le future navigazioni delle pagine.
- Chrome DevTools
Riquadro delle origini rapide
Visualizzare i file sorgente e accedere ad altri strumenti.
- Chrome DevTools
Miglioramenti di WebAssembly e WebGPU per un'IA web più veloce, parte 1
Parte 1/2. Scopri come i miglioramenti di WebAssembly e WebGPU migliorano le prestazioni del machine learning sul web.
- Chrome
Chrome 126 beta
Chrome 126 Beta include transizioni della visualizzazione tra documenti, nonché l'estensione trigger-rumble dell'API Gamepad e altre funzionalità.
- Chrome
Quali sono le novità nelle transizioni delle visualizzazioni? (Aggiornamento Google I/O 2024)
Annuncio delle transizioni della visualizzazione tra documenti per MPA, delle transizioni della visualizzazione selettiva con tipi attivi e della condivisione degli stili di animazione con classe di transizione visualizzazione.
- Chrome
Riquadro di monitoraggio delle prestazioni
Analizza le prestazioni di runtime del tuo sito web in tempo reale.
- Chrome DevTools
Novità dei framework JavaScript (maggio 2024)
Questo documento fornisce una breve sintesi dei recenti avvenimenti nell'ecosistema dei framework JavaScript.
- Chrome
I/O 2024 Web AI Conclusione: nuovi modelli, strumenti e API per la tua prossima app web
Leggi il riepilogo di Web AI alla conferenza I/O 2024. Scopri i nuovi modelli, strumenti e API per la tua prossima app web.
- Chrome
- WebGpu
Miglioramenti di WebAssembly e WebGPU per un'IA web più rapida, parte 2
Parte 2/2. Scopri come i miglioramenti di WebAssembly e WebGPU migliorano le prestazioni del machine learning sul web.
- Chrome
- WebGpu
Valuta le recensioni prodotto con l'IA
L'IA on-device è la più recente offerta per offrire agli utenti modelli efficaci, proteggendo al contempo i dati sensibili e migliorando la latenza.
Incoraggia l'uso di recensioni prodotto con l'IA web lato client
Il seguente codelab offre l'IA lato client. Non sono richieste conoscenze di sviluppo IA, server o chiavi API.
Supporto UIA su Windows
A partire da Chrome 126, è supportato il framework di automazione dell'interfaccia utente di Windows.
- Chrome
Supporto SVG per l'API Async Clipboard
L'API Async Clipboard ora può gestire immagini SVG.
- Chrome
10 aggiornamenti da Google I/O 2024: sfruttare la potenza dell'IA per ogni sviluppatore web
Scopri le fantastiche funzionalità nel discorso di apertura e nelle sessioni per gli sviluppatori della conferenza Google I/O.
- Chrome
Chrome 125
L'implementazione di Chrome 125 inizierà il 14 maggio 2024, con il posizionamento di ancoraggio CSS, l'API Compute Pressure, le nuove funzionalità Baseline e molto altro.
- Chrome
Esegui l'override dei contenuti web e delle intestazioni delle risposte HTTP localmente
Utilizza gli override locali per simulare le risorse remote e mantieni le modifiche apportate in DevTools tra i caricamenti delle pagine.
- Chrome DevTools
Novità di Chrome 125
È in corso l'implementazione di Chrome 125. Con l'API CSS Anchor Positioning, l'API Compute Pressure, un'espansione all'API Storage Access e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 125.
- Chrome
Suggerimenti per DevTools: eseguire l'override e simulare le risposte di rete
Scopri come eseguire l'override e simulare le risposte di rete con DevTools.
- Chrome DevTools
- Chrome
Quando scegliere l'AI lato client
L'IA lato client è l'ultima offerta per offrire agli utenti modelli potenti, proteggendo al contempo i dati sensibili e migliorando la latenza.
Come Spotify ha utilizzato l'API Picture in picture per creare il mini player Spotify
Scopri come il Spotify Miniplayer è passato da un "hacker in canvas" a un'esperienza perfezionata grazie all'API Document Picture in picture.
- Chrome
Presentazione dell'API di posizionamento anchor CSS
Posiziona gli elementi l'uno rispetto all'altro utilizzando la nuova API di posizionamento degli ancoraggi.
- Chrome
Comprendere meglio gli errori e gli avvisi con gli approfondimenti della console
Comprendi meglio errori e avvisi nella console con Gemini.
- Chrome DevTools
Implementa i test nella tua azienda con Chrome
Scopri come superare le sfide con i test in ambienti aziendali
- Chrome
Strumenti di Chrome per test automatici e senza problemi
Una breve panoramica di Puppeteer, Chrome Headless e Chrome for Testing e altre risorse fornite dal team di Chrome Tooling.
- Chrome
Novità di DevTools, Chrome 125
Cause degli errori nella console, statistiche del selettore CSS in Prestazioni, intestazioni Early Hints in Network e altro ancora.
- Chrome DevTools
- Chrome
Case study sulle query container
Scopri i vantaggi delle query relative ai container di redBus e Tokopedia.
- Chrome
Novità di WebGPU (Chrome® 125)
Sottogruppi in fase di sviluppo e rendering su sezione della texture 3D.
- Chrome
- WebGpu
Perché le funzionalità CSS e UI sono importanti per il tuo sito di e-commerce?
Scopri in che modo i siti di e-commerce traggono vantaggio dall'implementazione delle funzionalità più recenti di CSS e UI: visualizzazione delle transizioni, animazioni con scorrimento, API Popover e altro.
- Chrome
Visualizza i case study sulle transizioni
redBus, Policybazaar e Tokopedia utilizzano tutti l'API View Transizione e beneficiano di prestazioni migliori e di un'interfaccia utente fluida.
- Chrome
Case study :has()
Scopri in che modo Policybazaar e Tokopedia possono trarre vantaggio dall'utilizzo di :has().
- Chrome
Case study sulle animazioni con scorrimento
Scopri i vantaggi delle animazioni con scorrimento di Policybazaar, redBus e Tokopedia.
- Chrome
Presentazione della funzionalità "Scatena il potere delle animazioni con pergamena"
Un corso video in 10 parti per scoprire tutto sulle animazioni con scorrimento
- Chrome
Una proposta alternativa per la muratura CSS
Una proposta per definire la muratura e la griglia con specifiche diverse.
- Chrome
Panoramica di WebGPU
WebGPU consente grafica 3D ad alte prestazioni e calcolo parallelo dei dati sul web.
- WebGpu
Manifest - Versione minima di Chrome
Documentazione di riferimento per la proprietà minimi_chrome_version di manifest.json.
- Estensioni di Chrome
Case study Popover
Tokopedia utilizza l'API Popover per ridurre la quantità di codice nella propria applicazione.
- Chrome
La prova di ritiro dell'accesso alla rete privata (PNA) per contesti non sicuri sta per finire. Implementa la richiesta di autorizzazione PNA
Per accedere ai dispositivi di rete privata da un sito web che non può essere convertito in HTTPS, devi utilizzare le richieste di autorizzazione per allentare i controlli dei contenuti misti.
- Chrome
Scorrere e aumentare lo zoom di una scheda acquisita
L'API Captured Surface Control consente alle app web di scorrere e aumentare lo zoom delle schede acquisite.
Manifest - Token di prova
Documentazione di riferimento per la proprietà trial_tokens di manifest.json.
- Estensioni di Chrome
WebAudio: visualizzare le metriche dell'API WebAudio
Visualizza le metriche dell'API WebAudio nel riquadro WebAudio
- Chrome DevTools
Chrome 125 beta
Posizionamento dell'ancoraggio CSS, funzioni con rientri CSS, API Compute Pressure e altro ancora.
- Chrome
Non fornisce contenuti di riserva quando JavaScript non è disponibile
Scopri come assicurarti che gli utenti possano visualizzare almeno alcuni contenuti sulla tua pagina web quando JavaScript non è disponibile.
Non fornisce un'icona mela-touch valida
Scopri come specificare quale icona deve essere visualizzata dall'app web progressiva sulle schermate Home di iOS.
Non imposta un colore tema per la barra degli indirizzi
Scopri come impostare un colore per il tema della barra degli indirizzi per la tua app web progressiva.
Il sito funziona su più browser
Scopri come usare Workbox per assicurarti che la tua pagina web funzioni su tutti i browser.
Ogni pagina ha un URL
Scopri di più sul controllo Lighthouse "Ogni pagina ha un controllo degli URL".
Il file manifest dell'app web non soddisfa i requisiti di installabilità
Scopri come rendere installabile la tua app web progressiva.
Prova dell'origine per le API pieghevoli
Le API pieghevoli sono due API di Chrome progettate per aiutare gli sviluppatori a scegliere come target i dispositivi pieghevoli.
- Chrome
Non è configurata per una schermata iniziale personalizzata
Scopri come creare una schermata iniziale personalizzata per la tua applicazione web progressiva.
Novità di Chrome 124
È in corso l'implementazione di Chrome 124. Esistono due nuove API che consentono di utilizzare lo shadow DOM dichiarativo da JavaScript. Puoi utilizzare gli stream nei socket web. Migliora la visualizzazione delle transizioni. Ma c'è molto altro. Pete LePage ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 124.
- Chrome
Non reindirizza il traffico HTTP a HTTPS
Scopri come rendere il tuo sito più sicuro reindirizzando tutte le pagine a HTTPS.
La pagina corrente non risponde con un codice 200 quando è offline
Scopri come far funzionare offline la tua app web progressiva.
Il file manifest non ha un'icona mascherabile
Scopri come aggiungere il supporto delle icone mascherabili alla tua PWA.
Animazioni: controllo e modifica degli effetti di animazione CSS
Ispeziona e modifica le animazioni con il riquadro Animazioni.
- Chrome DevTools
Il caricamento pagina non è abbastanza veloce sulle reti mobili
Scopri come caricare rapidamente la tua pagina web sulle reti mobili.
Le transizioni di pagina non sembrano bloccarsi sulla rete.
Scopri come rendere reattive le transizioni tra le pagine web, anche con una rete lenta.
Chrome 124
L'implementazione di Chrome 124 inizierà il 16 aprile 2024, con setHTMLUnsafe, flussi in WebSocket e c'è molto altro.
- Chrome
Compilazione automatica: esaminare ed eseguire il debug degli indirizzi salvati
Ispeziona ed esegui il debug degli indirizzi salvati in Chrome con il riquadro Compilazione automatica.
- Chrome DevTools
Limitazione
Riferimento per la scheda Limitazione.
- Chrome DevTools
start_url non risponde con un codice 200 quando è offline
Scopri come configurare il valore start_url della tua app web progressiva in modo che l'app sia accessibile offline.
Cosa sta succedendo nelle estensioni di Chrome?
Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.
- Estensioni di Chrome
- Chrome
Non registra un service worker che controlla la pagina e start_url
Scopri come registrare un service worker che supporti le funzionalità delle app web progressive, come la funzionalità offline, le notifiche push e l'installabilità.
Per accedere ai dispositivi MIDI ora è necessaria l'autorizzazione dell'utente
Ora Chrome controlla l'intera API Web MIDI dietro una richiesta di autorizzazione.
- Chrome
Le dimensioni dei contenuti non sono corrette per l'area visibile
Scopri come ridimensionare i contenuti delle pagine web per adattarli agli schermi dei dispositivi mobili.
Non usa HTTPS
Scopri come proteggere il tuo sito web con HTTPS.
Transizioni della visualizzazione tra più documenti per le applicazioni con più pagine
Inizia a eseguire le transizioni della visualizzazione tra documenti da utilizzare nella tua applicazione multi-pagina (MPA).
Transizioni fluide con l'API View Transizione
L'API View Transizione consente di aggiungere transizioni tra le visualizzazioni di un sito web.
Divertente e potente: introduzione a Chrome DevTools
Scopri come DevTools può migliorare lo sviluppo delle tue applicazioni web.
- Chrome
- Chrome DevTools
Guide di CrUX
Scopri come utilizzare CrUX con guide facili da seguire
- Chrome UX Report
Tipi di navigazione ora disponibili in CrUX
Scopri la nuova metrica Navigation_types nel Report sull'esperienza utente di Chrome (CrUX) e come può essere utilizzata per spiegare e ottimizzare le metriche relative alle prestazioni web.
- Chrome
Novità di WebGPU (Chrome® 124)
Texture di archiviazione di sola lettura e lettura/scrittura, supporto di service worker e worker condivisi, nuovi attributi delle informazioni sull'adattatore e correzioni di bug.
- Chrome
- WebGpu
Come visualizzare i dati del report sull'esperienza utente di Chrome su PageSpeed Insights
PageSpeed Insights (PSI) è uno strumento che consente agli sviluppatori web di comprendere le prestazioni di una pagina e come migliorarle. In questa guida, scopri come utilizzare PSI per estrarre insight da CrUX e comprendere meglio l'esperienza utente.
- Chrome UX Report
CrUX su BigQuery
Scopri come è strutturato il set di dati CrUX su BigQuery.
- Chrome UX Report
Rollback della versione nella Dashboard per sviluppatori del Chrome Web Store
Questa settimana siamo lieti di lanciare una nuova funzionalità che consente agli sviluppatori di eseguire il rollback delle estensioni alla versione pubblicata precedente nel Chrome Web Store. Il nostro obiettivo è offrire agli sviluppatori una
- Chrome
- Estensioni di Chrome
Assicurati che il testo rimanga visibile durante il caricamento dei caratteri web
Scopri come utilizzare l'API font-display per assicurarti che il testo della tua pagina web sia sempre visibile agli utenti.
Addio JS Profiler, la profilazione della CPU con il riquadro Prestazioni
Scopri il percorso da seguire nella profilazione delle prestazioni della CPU, comprendi perché e come ritireremo il profiler JavaScript.
- Chrome
Novità di DevTools, Chrome 124
Supporto delle animazioni con scorrimento, nuovo riquadro di compilazione automatica, nuove opzioni per WebRTC nella limitazione della rete e altro ancora.
- Chrome DevTools
- Chrome
API notRipristinadMotivi della cache back-forward
Segnala informazioni sull'eventuale blocco dell'utilizzo della cache back-forward durante la navigazione dai frame presenti nel documento.
Profila le prestazioni di Node.js con il riquadro Prestazioni
Scopri come profilare le prestazioni delle applicazioni Node.js con il riquadro Prestazioni.
- Chrome DevTools
Viene avviata la prova dell'origine di WebAssembly JavaScript Promise Integration (JSPI)
JavaScript Promise Integration (JSPI) è un'API che consente il codice sequenziale sincrono compilato in WebAssembly per accedere alle API web asincrone.
- Chrome
La prova dell'origine API fetchLater
Scopri di più sull'API fetchLater, ora disponibile in versione di prova dell'origine, una nuova API che consente di richiedere un recupero differito che verrà completato anche se la pagina è chiusa.
- Chrome
Richieste di rete: testa il tuo sito bloccando le richieste di rete
Verifica in che modo il tuo sito gestisce le risorse mancanti.
- Chrome DevTools
Scorrimenti attivabili della tastiera
Stiamo implementando una modifica per rendere gli strumenti di scorrimento senza valore tabindex impostato e senza elementi attivabili della tastiera secondaria.
- Chrome
Chrome 124 beta
L'attributo HTML dei suggerimenti di scrittura, l'API WebSocketStream, l'intestazione della richiesta HTTP prioritaria e altro ancora.
- Chrome
Novità di Chrome 123
È in corso l'implementazione di Chrome 123. Con la nuova funzione chiaro-scuro, l'API Long Animation Frames, l'API Service Worker Static Routing e non solo. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 123.
- Chrome
Accesso alla rete privata: protezione estesa per i web worker e il recupero della navigazione
Scopri i principali meccanismi di sicurezza dell'accesso alla rete privata per i web worker, i recuperi della navigazione e le protezioni imminenti. Questo documento spiega anche cosa devono fare i proprietari di siti web se utilizzano reti private.
- Chrome
Usa l'API Service Worker Static Routing per ignorare il service worker per percorsi specifici
Scopri come utilizzare questa nuova API, disponibile nella versione 123 di Chrome.
- Chrome
Nascondi le richieste di estensioni e altri miglioramenti al riquadro Rete
Esplora gli ultimi miglioramenti nel riquadro Network di Chrome DevTools, progettati per semplificare la tua esperienza di debug web.
- Chrome DevTools
- Chrome
Strumenti per il rendimento nel 2024 e oltre
Scopri i piani del team di Chrome per migliorare il riquadro Prestazioni di DevTools.
- Chrome
- Chrome DevTools
Panoramica del riquadro degli elementi
Apporta istantaneamente modifiche al DOM.
- Chrome DevTools
Novità di WebGPU (Chrome® 123)
Supporto delle funzioni integrate di DP4a, parametri di puntatore senza restrizioni, zucchero della sintassi per il deriferimento dei compositi in WGSL e altro ancora.
- Chrome
- WebGpu
Visualizzare e modificare i CSS
Scopri come utilizzare Chrome DevTools per visualizzare e modificare il CSS di una pagina.
- Chrome DevTools
Applica altri effetti: attiva il tema scuro automatico, emula la messa a fuoco e altro ancora
Consente di evidenziare i frame degli annunci, emulare l'elemento attivo su una pagina, disattivare i caratteri e i formati delle immagini locali, attivare il tema scuro automatico ed emulare problemi di vista.
- Chrome DevTools
Metti in pausa il codice con punti di interruzione
Scopri tutti i modi in cui puoi mettere in pausa il codice in Chrome DevTools.
- Chrome DevTools
Riferimento alle funzionalità CSS
Scopri nuovi flussi di lavoro per la visualizzazione e la modifica dei CSS in Chrome DevTools.
- Chrome DevTools
Utilizza scheduler.yield() per suddividere le attività lunghe
scheduler.yield() è una nuova API per suddividere in modo ergonomico le attività lunghe e dare la priorità alla continuazione dell'esecuzione.
- Chrome
Scarica il vecchio Chrome Headless come chrome-headless-shell
Ora puoi scaricare la versione precedente di Chrome Headless come programma binario autonomo per ogni release di Chrome rivolta agli utenti.
- Chrome
Potenzia l'efficienza di compressione con i dizionari condivisi
La compressione sul web sta aumentando notevolmente grazie alla compressione dei dizionari condivisi. Scopri quali sono, come funzionano e come potrebbero ridurre in modo significativo i tempi di caricamento anche oltre la compressione standard per le risorse statiche e dinamiche sul web.
- Chrome
Panoramica del riquadro dell'applicazione
Ottieni informazioni fondamentali sulla tua applicazione web direttamente dal browser.
- Chrome DevTools
Internazionalizzazione dell'interfaccia
Utilizza l'API chrome.i18n per eseguire il rendering della tua interfaccia in più lingue.
- Estensioni di Chrome
Miglioramenti all'API Speculation Rules
Dettagli degli ultimi aggiornamenti dell'API Speculation Rules, tra cui il supporto sulle piattaforme per le regole per i documenti, l'impostazione di eagering, i limiti e le regole di speculazione.
- Chrome
Rendere accessibile l'estensione
Per molti utenti, l'accessibilità è letteralmente l'interfaccia utente e le sue funzioni sono utili per molti altri.
- Estensioni di Chrome
Panoramica delle novità
Scopri le ultime funzionalità di Chrome DevTools
- Chrome DevTools
Estensioni di Chrome: il percorso degli occhi per testare la sospensione dei service worker
In questo post, il team Eyeo condivide il suo percorso verso il problema di testare i service worker delle estensioni. In particolare, come assicurarsi che le Estensioni di Chrome funzionino correttamente quando un service worker viene sospeso.
- Estensioni di Chrome
- Chrome
Novità di DevTools (Chrome 123)
Un Easter egg, emulazione di pagine mirate in Elementi > Stili, nuovo controllo Lighthouse e altro.
- Chrome DevTools
- Chrome
Un pacchetto Next.js per la gestione delle librerie di terze parti
Scopri come utilizzare la libreria @next/third-parties per ottimizzare il caricamento delle risorse di terze parti più utilizzate
- Chrome
Supporto per l'allineamento dei contenuti nei layout a blocchi e tabelle
A partire da Chrome 123, puoi utilizzare i contenuti allineati per allineare gli elementi senza creare un contenitore flessibile o a griglia.
- Chrome
Chrome 123 beta
La funzione di colore CSS light-dark(), l'alline-content per i blocchi, la proprietà field-sizing e l'evento pagereveal.
- Chrome
Scorciatoie da tastiera
La documentazione canonica relativa alle scorciatoie da tastiera di Chrome DevTools.
- Chrome DevTools
Simulare dispositivi mobili con la modalità dispositivo
Usa i dispositivi virtuali nella modalità dispositivo di Chrome per creare siti web mobile-first.
- Chrome DevTools
Novità di Chrome 122
È in corso l'implementazione di Chrome 122. Con la nuova API Storage Buckets, il riquadro delle prestazioni DevTools si aggiorna, l'opzione non convalidata per leggere il codice HTML con l'API Async Clipboard e non solo. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 122.
- Chrome
Modifiche all'ereditarietà ::backdrop del CSS
A partire dalla versione 122 di Chrome, l'elemento "::backdrop" eredita le proprietà dall'elemento di origine.
- Chrome
Configura le icone delle estensioni
Un'estensione richiede almeno un'icona per rappresentarla nella barra degli strumenti.
- Estensioni di Chrome
Chrome Extensions
Da definire
- Estensioni di Chrome
Un riquadro Prestazioni il 400% più veloce grazie alla percezione
Il riquadro Prestazioni di DevTools è un potente strumento per diagnosticare, eseguire il debug e risolvere i problemi di prestazioni delle app web. In questa occasione, ti illustreremo come abbiamo utilizzato il riquadro Prestazioni in DevTools per migliorare le prestazioni del riquadro Prestazioni stesso e come abbiamo ottenuto un miglioramento molto significativo.
- Chrome
Usa WebHID
L'API WebHID, che espone sul web i dispositivi compatibili con Human Interface Device (HID), è disponibile nelle estensioni.
- Estensioni di Chrome
Esegui la migrazione a Manifest V3
Una guida alla conversione delle estensioni Manifest V2 in estensioni Manifest V3.
- Estensioni di Chrome
Usa WebUSB
L'API WebUSB, che espone al Web i dispositivi compatibili con USB (Universal Serial Bus) non standard, è disponibile nelle estensioni.
- Estensioni di Chrome
Novità di WebGPU (Chrome® 122)
Modalità compatibilità in fase di sviluppo, aumento del limite maxVertexAttributes e aggiornamenti Dawn.
- Chrome
- WebGpu
Manifest - Criteri di sicurezza del contenuto
Documentazione di riferimento per le proprietà dei criteri di sicurezza del contenuto del file manifest.json.
- Estensioni di Chrome
Registra snapshot dell'heap
Scopri come registrare istantanee heap con il profiler heap e trova le perdite di memoria.
- Chrome DevTools
Dimensioni dei campi CSS
Una riga di codice per il dimensionamento automatico di elementi con contenuti modificabili.
chrome.runtime
Utilizza l'API chrome.runtime per recuperare il service worker, restituire i dettagli del manifest e ascoltare e rispondere agli eventi nel ciclo di vita dell'estensione. Puoi anche utilizzare questa API per convertire il percorso relativo degli URL
- Estensioni di Chrome
Linee guida sugli avvisi di autorizzazione
Come funzionano gli avvisi di autorizzazione nelle estensioni di Chrome.
- Estensioni di Chrome
Dichiarare le autorizzazioni
Una panoramica dei valori validi per la proprietà delle autorizzazioni nel file manifest.json.
- Estensioni di Chrome
Usa web push
Guida passo passo su come utilizzare Web Push con le estensioni di Chrome
- Estensioni di Chrome
Un nuovo modo per creare esperienze di modifica web personalizzate utilizzando l'API EditContext
EditContext è una nuova API disponibile in Chrome ed Edge che aiuta gli sviluppatori a creare funzionalità di modifica del testo avanzate nel browser. Scopri di più in questo post.
- Chrome
Novità di DevTools (Chrome 122)
Avvisi di eliminazione graduale dei cookie di terze parti nei riquadri Rete e Applicazione, debug avanzato nel riquadro Rete, breadcrumb nel riquadro Prestazioni e altro ancora.
- Chrome
- Chrome DevTools
Suggerimenti per DevTools: debug delle navigazioni speculative per caricamenti delle pagine più rapidi
Velocizza la navigazione sul web con caricamenti speculativi e scopri come eseguirne il debug.
- Chrome DevTools
- Chrome
Rispondere ai comandi
Rispondere a combinazioni di chiavi personalizzate in un'estensione.
- Estensioni di Chrome
La prova del ritiro di SharedArrayBuffer su Chrome desktop è stata estesa a Chrome 124
La prova del ritiro per SharedArrayBuffer senza isolamento multiorigine sulla versione desktop di Chrome viene estesa fino a Chrome 124.
- Chrome
Personalizzare Registratore con le estensioni
Personalizza e integra il Registratore installando delle estensioni.
- Chrome DevTools
Chrome 122 beta
Chrome 122 beta ti offre aiutanti Iterator, metodi di impostazione, l'API Storage Buckets, lettura HTML non convalidato nell'API Async Clipboard e altro ancora.
- Chrome
Cosa sta succedendo nelle estensioni di Chrome?
Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.
- Estensioni di Chrome
- Chrome
Novità di Chrome 121
È in corso l'implementazione di Chrome 121. Con gli aggiornamenti CSS, i miglioramenti all'API Speculation Rules, una prova dell'origine dell'API Element Capture e molto altro ancora. Adriana Jara ha tutti i dettagli sulle novità per gli sviluppatori in Chrome 121.
- Chrome
Attiva le azioni dalla omnibox
Attiva le azioni dalla omnibox.
- Estensioni di Chrome
Novità di WebGPU (Chrome 121)
Supporta WebGPU su Android, l'uso di DXC per la compilazione dello mesh, le query del timestamp nei pass di calcolo e di rendering, i punti di ingresso predefiniti ai moduli dello shabbyr, il supporto di display-p3 come spazio colore GPUExternalTexture, le informazioni sugli heap di memoria e altro ancora.
- Chrome
- WebGpu
Stili della barra di scorrimento
Utilizza le proprietà "scrollbar-width" e "scrollbar-color" per definire lo stile delle barre di scorrimento.
Testa il Bluetooth web con Puppeteer
Usa Puppeteer per testare le funzionalità che usano l'API Web Bluetooth in Chrome.
- Chrome
Accesso sicuro al DOM con Angular SSR
Scopri come utilizzare in modo sicuro il DOM insieme a SSR in Angular
- Chrome
Test dei modelli di AI web in Google Colab
Scopri come testare modelli di AI basati su browser lato client, pur rimanendo scalabili, automatizzabili e all'interno di una configurazione hardware standardizzata.
- WebGpu
Utilizzare Firebase Cloud Messaging (FCM) con chrome.gcm
Guida passo passo su come utilizzare Firebase Messaging con chrome.gcm
- Estensioni di Chrome
Potenzia i test dei modelli di IA web: WebGPU, WebGL e Chrome headless
Scopri le nostre soluzioni per come automatizzare costantemente i test del browser e migliorare le prestazioni delle applicazioni.
- Chrome
- WebGpu
Implementare un'azione
Rispondere a un utente che fa clic sulla barra degli strumenti.
- Estensioni di Chrome
Modalità di scrittura verticale CSS per gli elementi di controllo modulo
Chrome aggiunge un'altra nuova funzionalità CSS internazionale.
- Chrome
Autorizzazioni permanenti per l'API File System Access
Questo post spiega come gestire le autorizzazioni permanenti per l'API File System Access. Fornisce inoltre un breve riepilogo dello stato attuale del problema e delle sfide da risolvere.
- Chrome
Suggerimenti per DevTools: colori di creazione
Scopri come creare i colori in pochi clic.
- Chrome
- Chrome DevTools
Ispeziona ed esegui il debug dei colori HD e non HD con il selettore colori
Scopri come utilizzare il selettore colori in Elementi > Stili per controllare i colori HD e non HD ed eseguirne il debug.
- Chrome DevTools
Suggerimenti per DevTools: priorità di recupero del debug
Scopri come eseguire il debug della priorità di recupero.
- Chrome
- Chrome DevTools
Aggiornamenti in tempo reale nelle Estensioni
Gestione degli aggiornamenti in tempo reale nelle estensioni
- Estensioni di Chrome
CSS text-wrap: balance
Una tecnica di tipografia classica di creazione manuale di interruzioni di riga per blocchi di testo bilanciati arriva in CSS.
Estensioni ambito applicazione web
Da Chrome 122 puoi abbonarti alla prova dell'origine per il membro del manifest dell'app scope_extensions, che consente ai siti che controllano più sottodomini e domini di primo livello di essere presentati come un'unica app web.
Sfrutta la potenza di WebDriver BiDi: l'automazione di Chrome e Firefox con Puppeteer
Puppeteer ora parla con Firefox! 🎉 Un momento, non l'hai già fatto? 🤔 Analizziamo WebDriver BiDi, il nuovo protocollo di Puppeteer, e scopriamo cosa significa questo entusiasmante sviluppo per il flusso di lavoro di automazione di Firefox.
- Chrome
Creare un menu contestuale
Implementare un popup, cioè una finestra che consente agli utenti di richiamare le funzionalità dell'estensione.
- Estensioni di Chrome
Gestire le violazioni del codice ospitato da remoto
Un service worker consente l'esecuzione delle estensioni solo quando necessario, risparmiando risorse.
- Estensioni di Chrome
Aggiungi un popup
Implementare un popup, cioè una finestra che consente agli utenti di richiamare le funzionalità dell'estensione.
- Estensioni di Chrome
Intent Android con Chrome
Avvia le app direttamente da una pagina web con un intent Android.
Google Chrome su Android
Per un elenco completo delle funzionalità per sviluppatori di Chrome su Android, visita il sito chromestatus.com. Scarica Chrome dal Play Store. Quando l'utente accede a Chrome su un dispositivo, le schede e la cronologia di navigazione di quella
Come sono le prestazioni dei framework moderni rispetto alla nuova metrica INP
Questo post illustra la pertinenza della nuova metrica INP per i siti web basati su framework e il lavoro di Aurora per supportare i framework nell'ottimizzazione di questa metrica.
Esclusiva Accordion
Crea un'accordion esclusiva con più elementi "" che hanno lo stesso "nome".
Chrome attiva la modalità desktop per impostazione predefinita sui tablet premium
Chrome si è adattato all'ecosistema dei tablet Android attivando la modalità desktop per impostazione predefinita sui tablet premium.
- Chrome
Novità di WebGPU
Tieniti al corrente sulle ultime modifiche relative a WebGPU.
- WebGpu
Migliore condivisione delle schede con Region Capture
La piattaforma web ora viene fornita con Region Capture, un metodo efficace ed efficace per ritagliare una traccia video.
Novità di DevTools (Chrome 121)
Supporto di @font-palette-values in Elementi, supporto migliorato della mappa di origine, monitoraggio delle interazioni migliorato e altro ancora.
- Chrome
- Chrome DevTools
Novità di WebGPU (Chrome 120)
Supporto per valori in virgola mobile a 16 bit in WGSL, aumento dei limiti, modifiche dello stato di profondità stencil, aggiornamenti delle informazioni della scheda e altro ancora.
- Chrome
- WebGpu
Pacchetto di CSS: 2023!
Il 2023 è stato un anno fantastico per CSS. Scopri quali contenuti sono arrivati quest'anno a Chrome e alla piattaforma web.
- Chrome
Accedi ai server locali e alle istanze di Chrome con il port forwarding
Ospita un sito su un server web di un computer di sviluppo, quindi accedi ai contenuti da un dispositivo Android.
- Chrome DevTools
Suggerimenti per DevTools: che cos'è il DOM? Confronto tra HTML e DOM
Scopri come eseguire il debug del DOM con DevTools.
- Chrome DevTools
- Chrome
Visualizza dettagli frame
Visualizza i dettagli del frame.
- Chrome DevTools
Come Chrome DevTools aiuta a difendersi dagli attacchi self-XSS
Scopri in che modo Chrome DevTools attenua gli attacchi self-XSS bloccando l'incollamento del codice per gli utenti inesperti di DevTools.
- Chrome
- Chrome DevTools
Visualizzare, aggiungere, modificare ed eliminare i cookie
Scopri come visualizzare, aggiungere, modificare ed eliminare i cookie HTTP di una pagina usando Chrome DevTools.
- Chrome DevTools
Prova dell'origine della richiesta di autorizzazione di accesso alla rete privata: un percorso per la migrazione dei siti web con HTTPS
Google Chrome sta ritirando l'accesso agli endpoint di rete privata da siti web pubblici non sicuri nell'ambito della specifica PNA (Private Network Access).
- Chrome
Suggerimenti per DevTools: debug della cache back-forward
Scopri come eseguire il debug della cache back-forward e caricare la pagina all'istante.
- Chrome
- Chrome DevTools
Riesame dei criteri di installabilità di Chrome
Nei prossimi mesi Chrome eseguirà esperimenti con l'obiettivo di semplificare i criteri di installazione delle app e migliorare l'esperienza degli sviluppatori e degli utenti. Questo post condivide le modifiche previste e i motivi per cui stiamo eseguendo questi esperimenti.
- Chrome
Novità di Chrome 120
È in corso l'implementazione di Chrome 120. Grazie all'API CloseWatcher per consentire un'esperienza coerente durante la gestione delle richieste di chiusura, una semplice implementazione di un pattern di accordion utilizzando l'elemento details, i report sulle violazioni delle norme di autorizzazione sono ora disponibili e ce ne sono molti altri.
- Chrome
Introduzione di quattro nuove funzionalità internazionali in CSS
Chrome aggiungerà quattro nuove funzionalità CSS internazionali.
- Chrome
API Page Lifecycle
L'API Page Lifecycle porta sul web le funzionalità del ciclo di vita delle app comuni sui sistemi operativi mobile. Ora i browser possono bloccare ed eliminare in modo sicuro le pagine in background per risparmiare risorse e gli sviluppatori possono gestire in sicurezza questi interventi senza influire sull'esperienza utente.
HTML non sottoposto a sanitizzazione nell'API Async Clipboard
A partire da Chrome 120, nell'API Async Clipboard è disponibile una nuova opzione non verificata. Scopri come utilizzarlo in questa guida.
Ignora elenco
Riferimento alla scheda Ignora elenco.
- Chrome DevTools
Ripresa della transizione a Manifest V3
A dicembre dello scorso anno abbiamo sospeso il ritiro pianificato di Manifest 2 per rispondere ai feedback degli sviluppatori e offrire soluzioni migliori ai problemi di migrazione. In base a questo feedback, abbiamo apportato una serie di modifiche
- Chrome
- Estensioni di Chrome
Modalità Picture in picture automatica per le app web di videoconferenza
Chrome consente alle app web di videoconferenza di attivare automaticamente la modalità Picture in picture.
- Chrome
Novità dell'istruzione Angular NgOptimizedImage
Scopri le nuove funzionalità incluse nella direttiva Angular NgOptimizedImage che migliorano ulteriormente le prestazioni delle immagini nelle app Angular.
- Chrome
Miglioramento del filtro dei contenuti in Manifest V3
Nell'ultimo anno, abbiamo partecipato attivamente a discussioni con i fornitori di diverse estensioni di blocco dei contenuti per trovare il modo di migliorare la piattaforma di estensioni MV3. Sulla base di queste discussioni, molte delle quali si
- Chrome
- Estensioni di Chrome
Prova dell'origine dell'API Static Routing Service worker
Scopri la prima fase del routing statico dei service worker, ora in fase di prova dell'origine, una nuova API per specificare in modo dichiarativo il modo in cui le route devono essere gestite o meno dal tuo service worker.
- Chrome
L'ecosistema WebGPU
Scopri in che modo l'ecosistema WebGPU va oltre i regni JavaScript, C++ e Rust.
- Chrome
- WebGpu
Aggiornamento della sintassi semplificata di nidificazione CSS
Nidificazione Lookahead attivata in Chrome 120.
- Chrome
Novità di DevTools (Chrome 120)
Problemi di eliminazione graduale dei cookie di terze parti segnalati nel riquadro Problemi, nello strumento di analisi di Privacy Sandbox per i cookie, norme di sicurezza del contenuto efficaci nel riquadro Applicazioni, debug delle animazioni migliorato, elenco degli elementi da ignorare migliorato e altro ancora.
- Chrome
- Chrome DevTools
Una modifica alla modalità di durabilità predefinita in IndexedDB
La modalità di durabilità in IndexedDB passa da rigorosa a rilassata a partire da Chrome 121.
- Chrome
Novità di Chrome 120 per le estensioni
Un riepilogo delle importanti modifiche apportate a Chrome 120 per gli sviluppatori di estensioni di Chrome.
- Estensioni di Chrome
- Chrome
Gestione dei file su ChromeOS
Come aprire i file nei service worker, popup, riquadri laterali o script di contenuti di Chrome.
- Estensioni di Chrome
file_handlers
Documentazione di riferimento per la proprietà file_handlers di manifest.json.
- Estensioni di Chrome
Chrome 120 beta
Mascheramento CSS, regole meno restrittive per la nidificazione di CSS, creazione di pattern accordion con l'elemento, azione enterpictureinpicture per l'API Media Session.
- Chrome
Novità di Chrome 119
Stiamo implementando Chrome 119. Con un aggiornamento della data di scadenza del limite superiore per i cookie già presenti nello spazio di archiviazione. Il CSS ha nuove pseudo classi, sintassi dei colori relativi, miglioramenti ai frame Fenced come le macro per le dimensioni degli annunci e molto altro ancora.
- Chrome
WebAssembly Garbage Collection (WasmGC) ora abilitata per impostazione predefinita in Chrome
Esistono due tipi di linguaggi di programmazione: linguaggi con garbage collection e linguaggi che richiedono la gestione manuale della memoria. Con la raccolta dei rifiuti di WebAssembly, i linguaggi con raccolta dei rifiuti possono essere trasferiti a WebAssembly.
- Chrome
Trasparenza prefers-reduced-transparency CSS
Ottimizza e apporta modifiche per gli utenti che preferiscono un'interfaccia utente opaca.
- Chrome
Novità di WebGPU (Chrome 119)
Texture float a 32 bit filtrabili, formato vertice unorm10-10-10-2, formato texture rgb10a2uint e altro ancora.
- Chrome
- WebGpu
Testo a capo in CSS: piuttosto
Ritorno a capo di testo ottimizzato, per migliorare la bellezza piuttosto che la velocità.
- Chrome
Seleziona elemento: ora con regole orizzontali
Scopri in che modo le funzionalità espanse degli elementi di selezione consentono di ottenere interruzioni visive orizzontali per un raggruppamento migliore.
- Chrome
Cosa sta succedendo nelle estensioni di Chrome?
Una panoramica dei recenti cambiamenti nelle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.
- Chrome
- Estensioni di Chrome
Migrazione del tracker dei problemi di Chromium
A gennaio 2024, verrà eseguita la migrazione del monitoraggio dei problemi di Chromium a uno strumento basato sul monitoraggio dei problemi di Google.
- Chrome
Ritiro dell'API Sanitizer
L'attuale implementazione dell'API Sanitizer è deprecata da Chrome 119 per essere aggiornata con i futuri aggiornamenti delle specifiche.
- Chrome
Seriale tramite Bluetooth sul Web
L'API Web Serial ha aggiunto il supporto per i servizi RFCOMM Bluetooth.
- Chrome
Test end-to-end delle estensioni di Chrome
Come scrivere test end-to-end per le estensioni.
- Estensioni di Chrome
Test delle estensioni di Chrome per test delle unità
Come scrivere test delle unità per le estensioni.
- Estensioni di Chrome
Testare le estensioni di Chrome con Puppeteer
Come scrivere un test automatico per le estensioni di Chrome utilizzando Puppeteer.
- Estensioni di Chrome
Segnala un bug relativo all'estensione
Come segnalare problemi relativi alle estensioni o problemi con la documentazione.
- Estensioni di Chrome
Sintassi dei colori relativi CSS
Consente di creare nuovi colori basati su canali e valori di un altro colore.
- Chrome
Trovare e seguire un bug
Controlla se è già stato segnalato un bug o una richiesta di funzionalità.
- Estensioni di Chrome
Novità di DevTools (Chrome 119)
Sezione @proprietà migliorata in Stili, elenco dispositivi aggiornato, funzionalità di formattazione avanzata migliorata nella sezione Origini e completamento automatico nella Console.
- Chrome DevTools
- Chrome
Novità di Chrome 118
Stiamo implementando Chrome 118. Dichiara stili specifici all'interno di un componente con la regola CSS @scope. Usa la nuova funzionalità dei contenuti multimediali: prefers-reduced-transparency. DevTools ha migliorato il riquadro Origini e ce ne sono molti altri.
- Chrome
Nuova prova dell'origine per le finestre popup a schermo intero
Ora è disponibile una nuova prova dell'origine per aprire le finestre popup in modalità a schermo intero con un solo passaggio.
- Chrome
Miglioramenti dell'API per l'uso dei file nel browser
Supporto di più lettori e scrittori per FileSystemSyncAccessHandle e dello scrittore esclusivo per FileSystemWritableFileStream. Il file system privato di origine (a volte indicato anche come file system del bucket) consente agli sviluppatori di
- Chrome
Chrome 119 beta
Chrome 119 beta offre la sintassi dei colori CSS, nuove pseudo-classi e molto altro.
- Chrome
Limita la copertura dei selettori con l'attributo CSS @scope at-rule
Scopri come utilizzare @scope per selezionare elementi solo all'interno di una sottostruttura limitata del DOM.
Suggerimenti per DevTools: debug delle estensioni di Chrome
Scopri come utilizzare DevTools per eseguire il debug delle estensioni di Chrome.
- Chrome DevTools
- Estensioni di Chrome
- Chrome
Ora Chrome supporta le passkey sul portachiavi iCloud su macOS
Chrome su macOS inizia a supportare le passkey sul Portachiavi iCloud. In questo modo gli utenti possono creare passkey sul Portachiavi iCloud e sincronizzarle su tutti i dispositivi Apple.
- Chrome
Novità di WebGPU (Chrome 118)
Supporto esteso del codice sorgente per copyExternalImageToTexture, supporto sperimentale della texture di archiviazione in lettura/scrittura e di sola lettura e altro ancora.
- Chrome
- WebGpu
Spazio di archiviazione e cookie
Panoramica del funzionamento dei cookie e delle API di archiviazione web nelle estensioni.
- Estensioni di Chrome
Navigazione senza interruzioni resa possibile con le transizioni di visualizzazione
Una procedura dettagliata su come e perché CyberAgent, RedBus, Nykaa e PolicyBazaar hanno implementato le transizioni di visualizzazione.
- Chrome
Noi siamo Chrome per gli sviluppatori
Festeggiamo il 15° anniversario di Chrome e il nostro ruolo di partner affidabile e utile per gli sviluppatori.
- Chrome
Da WebGL a WebGPU
Leggi alcuni suggerimenti per gli sviluppatori WebGL che stanno migrando a WebGPU.
- Chrome
Novità di DevTools (Chrome 118)
Nuova sezione per le proprietà personalizzate in Elementi > Stili, ulteriori miglioramenti delle sostituzioni locali, ricerca migliorata, area di lavoro semplificata in Origini e altro ancora.
- Chrome DevTools
- Chrome
Chrome 118 beta
Stili con ambito per CSS, funzionalità multimediali aggiuntive, contenitori di scorrimento attivabili tramite tastiera e altro ancora.
- Chrome
Novità di Chrome 117
Stiamo implementando Chrome 117. Con tre nuove funzionalità CSS che semplificano l'aggiunta di animazioni di entrata e uscita fluide, il raggruppamento degli array per calcolare set di dati di ordine superiore, devtools semplifica gli override locali e c'è molto altro.
- Chrome
Transizione dalle app di Chrome
Come eseguire la migrazione di un'app Chrome in pacchetto o in hosting.
Novità di WebGPU (Chrome 117)
Annulla l'impostazione del buffer e del gruppo di associazione del vertice, fai in modo che i dispositivi smarriti funzionino e altro ancora.
- Chrome
- WebGpu
Pubblicare l'estensione
Indicazioni per la pubblicazione di una nuova estensione Manifest V3
- Estensioni di Chrome
Google Summer of Code ed estensioni di Chrome
Esperienza e consigli sulla partecipazione al programma Google Summer of Code.
- Estensioni di Chrome
- Chrome
Suggerimenti per DevTools: snippet ed espressioni in tempo reale
Utilizza gli snippet per eseguire il codice che utilizzi di frequente e le espressioni attive per controllare i valori in tempo reale.
- Chrome DevTools
- Chrome
Transizioni Astro View
Illustra come la community Astro ha abbracciato View Transitions quando Chrome stava plasmando l'API e il percorso verso l'ottenimento di un supporto di prima classe nelle isole permanenti Astro.
- Chrome
Release di Chrome più rapide (seconda fase)
A partire da Chrome 119, accorceremo il tempo che intercorre tra il ramo di una release e la sua introduzione nella versione stabile.
- Chrome
Introduzione alla prova dell'origine scheduler.yield
"scheduler.yield" è una nuova aggiunta all'API scheduler attualmente in prova dell'origine e rappresenta un nuovo approccio alla suddivisione delle attività per esperienze utente più reattive. Scopri i vantaggi di questa aggiunta all'API di pianificazione e registrati alla prova dell'origine per aiutarci a ottenere approfondimenti e feedback.
- Chrome
Crea in modo efficiente i tuoi comandi CDP (Chrome DevTools) con il nuovo editor dei comandi
Per semplificare la digitazione dei comandi CDP (Chrome DevTools) per gli sviluppatori, DevTools ha introdotto un nuovo editor intuitivo che ti consente di non dover utilizzare JSON.
- Chrome
Novità di Lighthouse 11
È arrivato Lighthouse 11 con nuove modifiche all'accessibilità e aggiornamenti di controllo
- Chrome
Novità di DevTools (Chrome 117)
Puoi eseguire l'override delle richieste di recupero/XHR e nascondere le richieste di estensioni dal riquadro Rete, visualizzare le modifiche alla priorità di recupero nel riquadro Prestazioni, sperimentare vari miglioramenti dell'interfaccia utente, scoprire nuovi colori e funzionalità sperimentali e altro ancora.
- Chrome DevTools
- Chrome
Caricamento del controllo di sicurezza nella pagina chrome://extensions in corso...
A partire da Chrome 117, Chrome evidenzia in modo proattivo gli utenti quando un'estensione che hanno installato non è più disponibile nel Chrome Web Store.
- Estensioni di Chrome
- Chrome
Chrome 117 beta
Griglia della griglia CSS, supporto dell'animazione di entrata e uscita per CSS, raggruppamento di array, aiutanti dell'iteratore e altro ancora.
- Chrome
Quattro nuove funzionalità CSS per animazioni di ingresso e uscita fluide
Scopri le nuove funzionalità che consentono una transizione fluida delle animazioni discrete e tra il livello superiore
- Chrome
Novità di Chrome 116
Stiamo implementando Chrome 116. Usa l'API Picture in picture del documento per aumentare la produttività degli utenti: ora è più facile eseguire il debug dei fogli di stile mancanti in DevTools e ce ne sono molti di più.
- Chrome
Manifest: script di contenuti
Documentazione di riferimento per la proprietà "content_scripts" di manifest.json.
- Estensioni di Chrome
Proteggi le interazioni popup con le proprietà di limitazione
Ottieni l'isolamento multiorigine e la protezione da perdite tra siti durante l'interazione con i popup.
- Chrome
Novità di WebGPU (Chrome 116)
Integrazione con WebCodecs, miglioramenti della riproduzione video e altro ancora.
- Chrome
- WebGpu
Autorizzazioni una tantum in Chrome
"Consenti questa volta" è un'opzione una tantum per le concessioni di autorizzazioni in Chrome. Inizialmente sarà disponibile su computer solo per geolocalizzazione, fotocamera e microfono.
- Chrome
Suggerimenti per DevTools: punti di interruzione e punti di log
Utilizza i punti di interruzione e i punti di log per eseguire facilmente il debug.
- Chrome
- Chrome DevTools
PostMessage per TWA
Dalle attività web attendibili (TWA) di Chrome 115 è possibile inviare messaggi utilizzando postMessage. Questo documento illustra la configurazione necessaria per comunicare tra la tua app e il web.
Novità di Chrome 116 per le estensioni
Un riepilogo delle importanti modifiche apportate a Chrome 116 per gli sviluppatori di estensioni di Chrome.
- Estensioni di Chrome
- Chrome
Chrome 116 beta
Percorso di animazione CSS, API NotRipristinadMotivo della cache back-forward, Picture in picture del documento e altro ancora.
- Chrome
Debug dei siti web in Chrome su iOS 16.4 e versioni successive
Scopri come utilizzare il debug di Safari Web Inspector per Chrome su iOS.
- Chrome
Cosa sta succedendo nelle estensioni di Chrome?
Una panoramica delle modifiche apportate finora quest'anno alle estensioni di Chrome, oltre a interessanti funzionalità di estensione in arrivo che gli sviluppatori potranno aspettarsi.
- Estensioni di Chrome
- Chrome
Novità di Chrome 115
Utilizza ScrollTimeline e ViewTimeline per creare animazioni a scorrimento che migliorano l'esperienza utente. I frame fecondati funzionano insieme ad altre API Privacy Sandbox per incorporare contenuti pertinenti, evitando al contempo la condivisione di contesto non necessaria. Con l'API Topics il browser può condividere con terze parti informazioni sugli interessi di un utente preservando al contempo la privacy. E c'è molto altro.
- Chrome
Un case study sul rendimento delle animazioni con scorrimento
La nuova API è molto più fluida rispetto al metodo classico per implementare animazioni con scorrimento.
- Chrome
Suggerimenti per DevTools: registrare e riprodurre i flussi utente con il Registratore
Scopri come registrare, riprodurre ed eseguire il debug dei flussi utente con il riquadro Registratore in DevTools.
- Chrome DevTools
- Chrome
Utilizzo di WebSocket nei service worker
Istruzioni dettagliate su come connetterti a un WebSocket nell'estensione di Chrome.
- Estensioni di Chrome
WebRTC: guida alla migrazione con getStats() precedente
Scopri come utilizzare il debug di Safari Web Inspector per Chrome su iOS.
- Chrome
Suggerimenti per DevTools: archiviazione locale e di sessione
Utilizza Applicazione > memoria locale e Archiviazione sessione per eseguire il debug di coppie chiave-valore.
- Chrome
- Chrome DevTools
Novità di DevTools (Chrome 116)
DevTools offre una serie di miglioramenti per aiutarti a identificare e risolvere più rapidamente i problemi relativi ai fogli di stile mancanti: Il riquadro Rete compila in modo coerente la colonna Initiator con i link alla riga esatta che fa
- Chrome
- Chrome DevTools
Utilizza geolocalizzazione
Come utilizzare la geolocalizzazione nei service worker, popup, riquadri laterali o script di contenuti delle estensioni di Chrome.
- Estensioni di Chrome
Novità di WebGPU (Chrome 115)
Estensioni per le lingue WGSL supportate, supporto sperimentale per Direct3D 11 e altro ancora.
- Chrome
- WebGpu
Chrome for Testing: download affidabili per l'automazione del browser
Chrome for Testing è una nuova versione di Chrome progettata in modo specifico per i casi d'uso di automazione e test delle app web.
- Chrome
- Chrome for Testing
Esegui il debug di WebAssembly C/C++
Scopri come utilizzare Chrome DevTools per trovare e correggere i bug in C/C++ WebAssembly.
- Chrome DevTools
In che modo Photoshop ha risolto l'operazione con file di dimensioni superiori a quelle in grado di memorizzare in memoria
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
- Chrome
Come l'app di modifica di immagini vettoriale Boxy SVG utilizza l'API Local Font Access per consentire agli utenti di scegliere i loro caratteri locali preferiti
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.
- Chrome
Gli eventi di mutazione verranno rimossi da Chrome
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.
- Chrome
Chrome 115 beta
Più parole chiave per la proprietà display CSS, WGSLLanguageFeatures per WebGPU, upgrade a HTTPS e altro ancora.
- Chrome
Novità di WebGPU (Chrome 114)
Ottimizzazione JavaScript e altro ancora.
- Chrome
- WebGpu
Migrazione dagli URL di dati nell'elemento SVG
Supporto per i dati: gli URL nell'elemento SVG verranno rimossi. Consigliamo di eseguire la migrazione alle alternative.
- Chrome
Annuncio della seconda prova dell'origine Compute Pressure
Una nuova prova dell'origine di Chrome che consente agli sviluppatori web di monitorare la pressione di calcolo.
- Chrome
Progetta un'esperienza utente di livello superiore con la nuova API Side Panel
Presentazione della nuova API Side Panel per le estensioni di Chrome.
- Estensioni di Chrome
- Chrome
Chrome disabilita la modifica del dominio document.domain
Se il tuo sito web si basa sull'impostazione di document.domain, è richiesta la tua azione.
- Chrome
Novità di Chrome 114
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ù.
- Chrome
Novità di DevTools (Chrome 115)
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
- Chrome DevTools
- Chrome
In che modo l'editor di giochi Construct 3 utilizza l'API File System Access per consentire agli utenti di salvare i loro giochi
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
- Chrome
Suggerimenti per DevTools: area di lavoro
Utilizza Workspace per salvare le modifiche apportate in DevTools in file di origine locali.
- Chrome DevTools
- Chrome
Creare curve di animazione complesse in CSS con la funzione di easing linear()
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.
Manifest: sfondo
Documentazione di riferimento per la proprietà background di manifest.json.
- Estensioni di Chrome
Introduzione all'API popover
Scopri come creare descrizioni comando, menu e altro ancora con la nuova API popover.
- Chrome
In che modo LEGO® Education utilizza le API Web Bluetooth e Web Serial
LEGO Education sfrutta la potenza del web per semplificare il più possibile il collegamento dei modelli LEGO al computer.
- Chrome
Novità di Aurora
Scopri cosa ha fatto di recente il team di Chrome Aurora e la roadmap per il 2023.
- Chrome
In che modo l'editor del modello 3D Blockbench utilizza l'API EyeDropper per consentire agli utenti di scegliere i colori da qualsiasi luogo
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
- Chrome
Prova dell'origine dei bucket di archiviazione disponibile
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.
- Chrome
In che modo l'app di modifica delle immagini Photopea utilizza l'API File Handling per consentire agli utenti di aprire file dal proprio Esplora file
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 è
- Chrome
Cronologia del ritiro di SQL web aggiornata
SQL web è stato completamente rimosso in Chromium 119.
- Chrome
Novità in CSS e UI: I/O 2023 Edition
Le 20 funzionalità principali CSS e UI illustrate alla conferenza Google I/O 2023 che non puoi non perdere.
- Chrome
10 aggiornamenti alla conferenza Google I/O
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.
- Chrome
Individuare i problemi relativi ai moduli con Chrome DevTools
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.
- Chrome
Novità per il web su Android 2023
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.
- Chrome
WebGPU: sblocco dell'accesso alle GPU moderne nel browser
Scopri come WebGPU sblocca la potenza della GPU per prestazioni di machine learning più veloci e rendering grafico migliore.
- Chrome
Compilazione automatica condivisa negli iframe: una proposta iniziale
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.
- Chrome
WebDriver BiDi: aggiornamento dello stato al 2023
Questo articolo fornisce una panoramica delle novità di WebDriver BiDi nel 2023.
- Chrome
Preparati per la conferenza Google I/O
Crea la tua agenda per prepararti alla conferenza Google I/O.
- Chrome
Anima gli elementi durante lo scorrimento con animazioni con scorrimento
Scopri come utilizzare le sequenze temporali di scorrimento e le sequenze temporali per creare animazioni a scorrimento in modo dichiarativo.
Novità di DevTools (Chrome 114)
Per impostazione predefinita, DevTools attiva Impostazioni > Esperimenti > Debug WebAssembly: attiva il supporto DWARF. Per ulteriori informazioni, consulta Eseguire il debug di WebAssembly con strumenti moderni. Questo esperimento ti consente
- Chrome DevTools
- Chrome
Informazioni sui service worker delle estensioni
I service worker di estensione sono il gestore centrale di eventi di un'estensione. Per questo motivo, sono diversi dai worker web.
- Estensioni di Chrome
Chrome 114 beta
Bilanciamento del titolo CSS, CHIPS, evento scrollend e popover.
- Chrome
Novità di Chrome 113
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.
- Chrome
Nozioni di base sui service worker delle estensioni
I service worker delle estensioni vengono installati e aggiornati in modo diverso rispetto ai worker dei servizi web.
- Estensioni di Chrome
Eventi nei service worker
I service worker di estensione rispondono sia agli eventi dei service worker standard sia a molti eventi nelle API delle estensioni.
- Estensioni di Chrome
Ciclo di vita del service worker dell'estensione
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.
- Estensioni di Chrome
Videochiamate migliorate con codifica AV1 più veloce
Chrome 113 include miglioramenti al codificatore software AV1 del team di Chrome Open Media.
- Chrome
Sfoca sfondo fotocamera
Una nuova prova dell'origine di Chrome che consente agli sviluppatori web di controllare la sfocatura dello sfondo della fotocamera.
- Chrome
Suggerimenti per DevTools: mappe di origine in DevTools
Utilizza le mappe di origine in DevTools per eseguire il debug del codice originale anziché eseguire il deployment.
- Chrome DevTools
- Chrome
Risorse per sviluppatori: visualizzare e caricare manualmente le mappe di origine
Utilizza il riquadro Risorse per sviluppatori per verificare se le mappe di origine vengono caricate correttamente e caricale manualmente.
- Chrome DevTools
Novità di WebGPU (Chrome 113)
WebGPU viene fornita in Chrome con l'integrazione di WebCodecs nella prova dell'origine.
- Chrome
- WebGpu
Query supporti aggiornamento CSS
Adatta la tua UI alle funzionalità di frequenza di aggiornamento dello schermo.
Personalizzazione dell'interfaccia utente
Come adattare la scheda personalizzata all'aspetto e al design dell'app.
Riscaldamento e precaricamento: utilizzo del servizio Schede personalizzate
Scopri come sfruttare il servizio schede personalizzate per migliorare l'esperienza utente.
Aggiungere interattività personalizzata
Come aggiungere azioni personalizzate a una scheda personalizzata.
Multitasking con schede personalizzate parziali
Scopri come utilizzare le schede personalizzate parziali per consentire agli utenti di interagire con la tua app mentre visualizzano i contenuti web.
Misurare il coinvolgimento degli utenti
Come misurare il coinvolgimento degli utenti nelle schede personalizzate.
Guida introduttiva
Come avviare una scheda personalizzata dall'app Android.
Installazione UI più completa disponibile per computer
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.
- Chrome
Uno sguardo al passato: l'evoluzione dell'automazione dei test
Un viaggio nell'evoluzione dell'automazione dei test sul web.
- Chrome
Registrazione audio e acquisizione schermo
Come registrare audio o video da una scheda, una finestra o uno schermo.
- Estensioni di Chrome
The Chromium Chronicle n. 33: Visualizzazioni AnimationBuilder
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
- Chrome
Risoluzione del problema del layout CSS e della disconnessione dell'ordine di origine
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.
- Chrome
In che modo la nuova barra laterale Punti di interruzione consente di eseguire il debug più velocemente
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.
- Chrome
- Chrome DevTools
Novità di DevTools (Chrome 113)
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
- Chrome DevTools
- Chrome
Chrome 113 beta
Nuove funzionalità multimediali CSS, funzione di easing linear() e WebGPU.
- Chrome
WebGPU viene fornita da Chrome
Il team di Chrome produce WebGPU, che consente grafica 3D ad alte prestazioni e calcolo parallelo ai dati sul web.
- Chrome
- WebGpu
Release di Chrome più rapide
A partire da Chrome 114 il tempo intercorso tra il ramo per una release e la release stabile sarà minore.
- Chrome
Novità di Chrome 112
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.
- Chrome
Gestire gli eventi con i service worker
Scopri come creare e eseguire il debug di un worker di servizio dell'estensione.
- Estensioni di Chrome
Suggerimenti per DevTools: che cosa sono le mappe di origine?
Scopri in che modo le mappe di origine possono aiutarti a eseguire il debug del codice originale anziché di eseguirne il deployment.
- Chrome
- Chrome DevTools
Estensione della mappa di origine ignoreList
Migliora l'esperienza di debug in Chrome DevTools con l'estensione della mappa di origine ignoreList.
- Chrome
From Web SQL to SQLite Wasm: the database migration guide (guida alla migrazione del database)
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
- Chrome
Collaborazione con Fastly: inoltro HTTP ovvio per il server k-anonymity di FLEDGE
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.
- Chrome
Migliorare la privacy degli utenti richiedendo l'attivazione per l'invio dell'intestazione X-Requested-With da WebView
Vogliamo proteggere la privacy degli utenti limitando il momento in cui viene inviata l'intestazione X-Requested-With.
- Chrome
Chrome 112 beta
Nidificazione CSS, animazione-composition e parametro di invio per il costruttore FormData.
- Chrome
Elenco di controllo per la migrazione di Manifest V3
Un riferimento rapido per eseguire l'upgrade delle estensioni da Manifest V2 a Manifest V3.
- Estensioni di Chrome
Migrazione a un service worker
Un service worker consente l'esecuzione delle estensioni solo quando necessario, risparmiando risorse.
- Estensioni di Chrome
Aggiorna il manifest
Il file manifest.json richiede un formato leggermente diverso per Manifest V3 rispetto a Manifest V2.
- Estensioni di Chrome
Aggiorna il codice
La prima delle tre sezioni descrive le modifiche necessarie per il codice che non fa parte del service worker di estensione.
- Estensioni di Chrome
Novità di DevTools (Chrome 112)
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
- Chrome
- Chrome DevTools
Sostituisci il blocco dei listener di richieste web
La seconda delle tre sezioni descrive le modifiche necessarie per il codice che non fa parte del service worker di estensione.
- Estensioni di Chrome
Le transizioni della visualizzazione SPA arrivano in Chrome 111
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.
- Chrome
Nidificazione dei CSS
Una delle nostre funzionalità preferite del preprocessore CSS è ora integrata nel linguaggio: le regole di stile nidificate.
Migliora la sicurezza delle estensioni
L'ultima delle tre sezioni descrive le modifiche necessarie per il codice che non fa parte del service worker di estensione.
- Estensioni di Chrome
Novità di Chrome 111
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.
- Chrome
Una nuova sede per la presentazione dell'API Project Fugu
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
- Chrome
La privacy è vincente! Gli utenti ora condividono lo schermo in modo più saggio
Usando la teoria dei solleciti, abbiamo convinto gli utenti a smettere di spararsi ai piedi durante le videoconferenze.
- Chrome
Legare gli elementi tra loro con il posizionamento dell'ancora CSS
Una nuova API verrà presto introdotta nella piattaforma web per aiutarti a posizionare gli elementi in modo adattabile e senza problemi.
- Chrome
Collaborazione con il settore per far evolvere i CHIPS
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.
- Chrome
Migliorare gli standard di comportamento nelle discussioni sugli standard
Il modo in cui il team di Chrome mira a incoraggiare discussioni più professionali, rispettose e inclusive.
- Chrome
Messaggi nativi
Scambia messaggi con applicazioni native dall'estensione di Chrome.
- Estensioni di Chrome
Strumenti di framework per i caratteri di riserva
Scopri come Next.js, Nuxt.js e altre librerie aiutano a generare caratteri CSS di riserva senza CLS.
- Chrome
Guida introduttiva alle query Stili
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.
Suggerimenti per DevTools: scoprire i problemi relativi al CSS
Utilizza i riquadri Stili e Calcolati per individuare i problemi di CSS con DevTools.
- Chrome
- Chrome DevTools
Ricevi assistenza per le estensioni di Chrome
Dove trovare assistenza per le domande che non rientrano nella documentazione.
- Estensioni di Chrome
Scorciatoie
Informazioni sulla scheda Scorciatoie.
- Chrome DevTools
Esperimenti
Informazioni sulla scheda Esperimenti.
- Chrome DevTools
Dispositivi
Informazioni sulla scheda Dispositivi.
- Chrome DevTools
Novità di DevTools (Chrome 111)
Debug del colore in HD, UX migliorata con punti di interruzione e altro ancora.
- Chrome
- Chrome DevTools
Località
Informazioni sulla scheda Località.
- Chrome DevTools
Area di lavoro
Informazioni sulla scheda Area di lavoro.
- Chrome DevTools
Panoramica delle impostazioni
Panoramica delle impostazioni.
- Chrome DevTools
Caratteri di riserva migliorati
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.
- Chrome
Chrome 111 beta
Nuovi tipi di colore e spazi colore del CSS, funzioni trigonometriche CSS e API View Transitions.
- Chrome
Novità di Lighthouse 10
È arrivato Lighthouse 10 con nuovi punteggi e controlli.
- Chrome
Comunicazione con il controller Stadia tramite WebHID
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
- Chrome
Cosa sono i flag di Chrome?
Attiva strumenti di debug aggiuntivi o prova funzionalità nuove o sperimentali in Chrome.
Novità di Chrome 110
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.
- Chrome
Come usare l'API CrUX History
Scopri di più sull'API CrUX History e su come utilizzarla per monitorare le tendenze dell'esperienza utente.
- Chrome UX Report
Novità di DevTools (Chrome 110)
Svuota il riquadro Prestazioni al ricaricamento, visualizza ed evidenzia il codice nell'app Registratore e altro ancora.
- Chrome
- Chrome DevTools
Nuovi requisiti per l'API Web Share negli iframe di terze parti
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
- Chrome
The Chromium Chronicle n. 32: attenti al divario delle patch
Scopri come gli sviluppatori di Chromium possono ridurre le probabilità di sfruttamento in n giorni.
- Chrome
Testa la terminazione del service worker con Puppeteer
Una guida che spiega come testare la terminazione dei Service worker utilizzando Puppeteer.
- Estensioni di Chrome
Guida ai colori CSS ad alta definizione
CSS Color 4 porta sul web strumenti e funzionalità con un'ampia gamma di colori.
Colore CSS Migrate to HD
CSS Color 4 porta sul web strumenti e funzionalità con un'ampia gamma di colori.
Aggiornamento dell'accesso alla rete privata: annuncio dell'estensione della prova del ritiro
Chrome sta ritirando l'accesso agli endpoint di rete privata da siti web pubblici non sicuri nell'ambito della specifica Private Network Access. Una prova del ritiro è disponibile fino a Chrome 113.
- Chrome
Accedi a più colori e nuovi spazi
CSS Color 4 porta sul web strumenti e funzionalità con un'ampia gamma di colori.
Scopri i nuovi spazi colore CSS
CSS Color 4 offre sul Web strumenti e funzionalità per i colori con un'ampia gamma di colori: più colori, funzioni di manipolazione e gradienti migliori.
- Chrome
Il futuro di Picture in picture
Notizie relative a una prova dell'origine di Chrome che consente contenuti HTML arbitrari in una finestra sempre in primo piano.
- Chrome
CSS color-mix()
Mescola i colori in uno degli spazi colore supportati direttamente dal CSS.
- Chrome
Suggerimenti per DevTools: debug di una PWA
Esegui il debug delle app web progressive con DevTools.
- Chrome DevTools
- Chrome
Durata di vita dei service worker di estensione maggiore
I service worker di estensione possono ora rimanere attivi fintanto che ricevono eventi. Ciò aumenta l'affidabilità dei lavoratori dei servizi di estensione, ma presenta un errore da evitare.
- Chrome
- Estensioni di Chrome
Scrollend, un nuovo evento JavaScript
Elimina le funzioni di timeout e rimuovi i bug. Ecco l'evento di cui hai davvero bisogno: scrollend.
- Chrome
Novità di DevTools
Tieniti al corrente sulle ultime modifiche di DevTools.
- Chrome DevTools
Pagina offline di base per app web su Chrome per Android
A partire da Chrome 109, il browser genera automaticamente una pagina predefinita per indicare che l'app è attualmente offline quando un'app web installata su Android non ha una propria esperienza offline.
- Chrome
Documenti fuori schermo in Manifest V3
Presentazione dell'API Offscreen Documents per lo sviluppo di estensioni di Chrome.
- Chrome
- Estensioni di Chrome
Controlla le maiuscole con la lettera iniziale CSS
Di' "Addio" a soluzioni interessanti per lo stile dei tuoi tetti!
- Chrome
Alla scoperta del Web
Quali funzionalità web avanzate sono supportate dal tuo browser? E quali sono le app web che si avvalgono di queste funzionalità? Per rispondere a queste domande, visita un sito di test del browser e un'estensione del browser. Project Fugu è
- Chrome
Assicurati che la pagina possa essere ripristinata dalla cache back-forward
Come utilizzare Lighthouse per verificare se una pagina può essere ripristinata dalla cache back-forward.
Chrome 110 beta
Lettere iniziali CSS, gestore del lancio di app web, supporto di iframe multiorigine per l'API FedCM e altro ancora.
- Chrome
Iframe senza credenziali: incorpora facilmente gli iframe negli ambienti COEP
L'assenza di credenziali dell'iframe è implementata in Chrome 110. Offre agli sviluppatori un modo per caricare documenti in iframe di terze parti utilizzando un contesto nuovo e temporaneo. In cambio, non sono più soggetti alle regole di incorporamento COEP. Ora gli sviluppatori che utilizzano COEP possono incorporare iframe di terze parti che non utilizzano il codice COEP.
- Chrome
Gli attributi Scadenza cookie e Max-Age ora hanno un limite superiore
A partire dalla release M104 di Chrome (agosto 2022), i cookie non possono più impostare una data di scadenza successiva di oltre 400 giorni.
- Chrome
SQLite Wasm nel browser supportato dal file system privato di origine
Utilizza SQLite per gestire tutte le tue esigenze di spazio di archiviazione in modo efficiente sul web. SQLite è un popolare sistema di gestione di database relazionali embedded, leggero e open source. Molti sviluppatori lo utilizzano per archiviare
- Chrome
Recupero favicon in corso...
Come ottenere la favicon di un sito web.
- Estensioni di Chrome
Modifica il dispositivo di output di destinazione in Web Audio
Scopri come modificare in modo programmatico la destinazione dell'output audio in Web Audio.
- Chrome
Novità di Chrome 109
Stiamo implementando Chrome 109. L'API Origin Private File System è ora disponibile per Android, offre un insieme di nuove proprietà in CSS, puoi facilmente aggiungere notazioni matematiche nel tuo codice HTML con il supporto del core MathML e ce n'è molto altro.
- Chrome
Novità in DevTools (Chrome 109)
Copia il passaggio come script in Registratore, i nomi effettivi delle funzioni nelle registrazioni dell'esibizione e altro ancora.
- Chrome
- Chrome DevTools
Approfondimento su RenderingNG: frammentazione dei blocchi LayoutNG
La frammentazione del blocco in LayoutNG è ora completa. Scopri come funziona e perché è importante in questo articolo.
- Chromium
Suggerimenti per DevTools: debug delle API Project Fugu
Utilizza DevTools per eseguire il debug delle API Project Fugu.
- Chrome DevTools
- Chrome
Modifica della programmazione delle release da Chrome 110
A partire da Chrome 110 verrà rilasciata una versione stabile in anteprima per una piccola percentuale di utenti.
- Chrome
Cosa sono i canali di rilascio di Chrome?
Scopri in che modo Chrome utilizza i canali di rilascio Canary, Dev, Beta e Stabile per testare nuove funzionalità e implementare gli aggiornamenti.
Informazioni sulle varianti di Chrome
Un meccanismo che consente a Chrome di testare le nuove funzionalità del browser
Guida alla scelta della sintassi per la nidificazione dei CSS
Il CSS Working Group sta continuando un dibattito sul modo migliore per definire la nidificazione all'interno dei CSS. Se sei un autore di CSS, vorremmo il tuo aiuto.
- Chrome
Chrome Dev Insider: l'anno
Un aggiornamento dal team Web Platform di Chrome in cui portiamo gli sviluppatori dietro le quinte per condividere punti di vista, conversazioni e aggiornamenti.
- Chrome
Aggiornamenti delle norme del Chrome Web Store
Chrome sta aggiornando le Norme del programma per gli sviluppatori del Chrome Web Store per indicare chiaramente le linee guida, fornire maggiore contesto sull'applicazione delle norme e semplificare la comprensione delle norme.
- Estensioni di Chrome
- Chrome
Massimizza la pertinenza degli annunci
Nuova documentazione per Privacy Sandbox sulla pertinenza degli annunci senza cookie di terze parti.
- Chrome
Cosa devono sapere gli sviluppatori sulle modalità Risparmio energetico e Memoria di Chrome
Scopri come assicurarti che la tua pagina possa gestire agevolmente le nuove modalità Memoria e Risparmio energetico di Chrome.
- Chrome
Suggerimenti per DevTools: modalità dispositivo
Simula i dispositivi mobili con la modalità dispositivo in DevTools.
- Chrome
- Chrome DevTools
Chrome 109 beta
MathML, focus condizionale per getDisplayMedia(), Origin Private File System su Android e altro ancora.
- Chrome
Conferma dei pagamenti sicuri su Chrome per Android
La conferma di pagamento sicura porta sul web una conferma di pagamento a prova di phishing, grazie alla potenza delle passkey. Sarà disponibile in Chrome per Android a partire da Chrome 109.
- Chrome
Accesso senza password sui moduli con la compilazione automatica delle passkey di WebAuthn
L'interfaccia utente condizionale di WebAuthn sfrutta la funzionalità di compilazione automatica dei moduli del browser per consentire agli utenti di accedere facilmente con una passkey nel flusso tradizionale basato su password.
Estensioni di Chrome: estensione dell'API per supportare la navigazione istantanea
L'API Extensions è stata aggiornata per supportare la cache back-forward, precaricando le navigazioni.
- Estensioni di Chrome
- Chrome
Novità di Chrome 108
Stiamo implementando Chrome 108. Sono disponibili nuove API internazionali per offrirti maggiore controllo durante la formattazione dei numeri. È disponibile una prova dell'origine per la nuova API Pop Up, che semplifica la visualizzazione dei contenuti critici per l'utente. Sono stati apportati alcuni miglioramenti al CSS. E c'è molto altro.
- Chrome
Condivisione schermo migliorata con la funzionalità Conditional Focus
Imposta lo stato attivo su una scheda o una finestra in modo condizionale durante la condivisione schermo sul Web.
Miglioramenti alla condivisione dello schermo in Chrome 109
Dettagli di due miglioramenti alla condivisione dello schermo per il Web: un meccanismo per controllare lo stato attivo delle schede durante la condivisione dello schermo e un meccanismo per controllare la riproduzione dell'audio locale.
- Chrome
Suggerimenti per DevTools: identificare i miglioramenti CSS
Utilizza il riquadro Panoramica CSS per identificare potenziali miglioramenti al CSS.
- Chrome DevTools
- Chrome
Trovare CSS non validi, sostituiti, non attivi e di altro tipo
Scopri in un attimo i problemi delle proprietà CSS.
- Chrome DevTools
Manifest - oauth2
Documentazione di riferimento per la proprietà oauth2 di manifest.json.
- Estensioni di Chrome
Suggerimenti per DevTools: navigazione più veloce in DevTools
Scopri come velocizzare il tuo flusso di lavoro grazie a una navigazione più veloce in DevTools utilizzando scorciatoie e impostazioni.
- Chrome DevTools
- Chrome
Dashboard di CrUX
Utilizzo della dashboard CrUX per visualizzare i dati di BigQuery CrUX
- Chrome UX Report
Presentazione dei bucket di archiviazione: non tutto lo spazio di archiviazione è uguale
I bucket di archiviazione sono un'API che rende più prevedibile l'eliminazione dell'archiviazione permanente in caso di utilizzo intensivo della memoria.
- Chrome
Aggiornamenti delle norme del Chrome Web Store
Chrome sta aggiornando le Norme del programma per gli sviluppatori del Chrome Web Store per indicare chiaramente le linee guida, fornire maggiore contesto sull'applicazione delle norme e semplificare la comprensione delle norme.
- Chrome
- Estensioni di Chrome
Manifest - input_components
Documentazione di riferimento per la proprietà input_components di manifest.json.
- Estensioni di Chrome
Prepararsi ai cambiamenti del comportamento di ridimensionamento dell'area visibile in arrivo su Chrome su Android
Quali sono le modifiche imminenti al comportamento di ridimensionamento dell'area visibile in Chrome 108, perché Chrome sta apportando questa modifica e che cosa puoi fare per prepararti.
- Chrome
Chrome 108 beta
Nuove unità dell'area visibile CSS, API Federated Credential Management, caratteri COLRv1 variabili e altro ancora.
- Chrome
Aggiornamento del comportamento dell'evento CanMakePayment dell'API Payment Handler
L'evento service worker "canmakepayment" nell'API Payment Handler consente al commerciante di sapere se l'utente ha registrato una carta in un'app di pagamento installata. Chrome sta rimuovendo le proprietà associate all'evento.
- Chrome
Novità di DevTools (Chrome 108)
Suggerimenti per le proprietà CSS non attive, nuovi XPath e selettori di testo nel Registratore e altro ancora.
- Chrome DevTools
- Chrome
Suggerimenti per DevTools: diversi modi per aprire DevTools
Scopri tutti i modi per aprire Chrome DevTools.
- Chrome
- Chrome DevTools
Novità di Chrome 107
Stiamo implementando Chrome 107. L'API Screen Capture offre nuove proprietà che migliorano le esperienze di condivisione dello schermo.Ora puoi identificare con precisione se una risorsa sulla tua pagina blocca o meno il rendering.Esiste un nuovo modo per inviare dati a un server di backend con l'API PendingBeacon dichiarativo nella prova dell'origine. E c'è molto altro.
- Chrome
Modifica irreversibile: metodi di sincronizzazione per AccessHandles
Per semplificare l'utilizzo di AccessHandles in contesti come Emscripten, stiamo rendendo sincroni i metodi dell'interfaccia FileSystemSyncAccessHandle.
- Chrome
Suggerimenti per DevTools: scoprire e correggere il testo a basso contrasto
Scopri come utilizzare Chrome DevTools per individuare e correggere il testo a basso contrasto.
- Chrome DevTools
- Chrome
Rendere il sito web più leggibile
Trova e correggi il testo a basso contrasto con DevTools.
- Chrome DevTools
Trust Tokens rinominati Private State Tokens
L'API Trust Token verrà rinominata API Private State Token per descriverne meglio i vantaggi in termini di privacy e utilità.
- Chrome
Personalizza e automatizza i flussi utente oltre a Chrome DevTools Registratore
Scopri come personalizzare e automatizzare i flussi utente oltre al Registratore di Chrome DevTools.
- Chrome
Fondo per applicazioni web avanzate - Aggiornamento di ottobre 2022
Attraverso l'Advanced Web Apps Fund, abbiamo sponsorizzato 11 progetti, distribuendo oltre 100.000 $attraverso Open Collective, per riconoscere l'importanza di questo lavoro e consentire a più persone di dedicare tempo a questi progetti.
- Chrome
All'interno del polyfill delle query del container
Scopri come il polyfill delle query container offre il supporto per le query container ai browser meno recenti.
- Chrome
Guida a scegliere una sintassi per i risultati del sondaggio sulla nidificazione CSS
Leggi i risultati delle 7590 opinioni di sviluppatori.
- Chrome
Un nuovo modo di iniziare il tuo percorso di sviluppo delle estensioni di Chrome
Un modo migliore per iniziare il percorso di apprendimento degli sviluppatori Chrome.
- Estensioni di Chrome
- Chrome
Chrome Dev Insider: scalabilità delle prestazioni con l'ecosistema di framework
Un aggiornamento dal team Web Platform di Chrome in cui portiamo gli sviluppatori dietro le quinte per condividere punti di vista, conversazioni e aggiornamenti.
- Chrome
Una modifica all'overflow degli elementi sostituiti in CSS
Un avviso avanzato relativo a una modifica al comportamento del CSS che potrebbe causare overflow indesiderato.
- Chrome
Estensione Hello World
Crea la tua prima estensione di Chrome Hello World.
- Estensioni di Chrome
Il Progetto Fugu è "fatto"?
Questo articolo si concentra sul cambiamento di priorità del team Project Fugu, che passa dall'implementazione di nuove funzionalità al perfezionamento e al miglioramento di quelle esistenti.
- Chrome
Gestire le schede
Scopri come organizzare le schede tramite programmazione utilizzando i gruppi di schede.
- Estensioni di Chrome
Esegui script su ogni pagina
Scopri come aggiungere automaticamente nuovi elementi alle pagine web esistenti.
- Estensioni di Chrome
Iniettare script nella scheda attiva
Scopri come semplificare lo stile della pagina corrente.
- Estensioni di Chrome
Manifest - Autore
Documentazione di riferimento per la proprietà del nome dell'autore di manifest.json.
- Estensioni di Chrome
L'API Payment Handler richiederà CSP connect-src
Se utilizzi CSP, gli utenti dell'API Payment Handler dovranno aggiungere l'endpoint di pagamento all'istruzione "connect-src".
- Chrome
Chrome 107 beta
Aggiunte all'API Screen Capture, all'interpolazione delle proprietà del modello di griglia CSS e altro ancora.
- Chrome
Controlli di condivisione dello schermo incentrati sulla tutela della privacy
Aiuta l'utente ad evitare la condivisione eccessiva grazie ai controlli sul Web di condivisione dello schermo incentrati sulla tutela della privacy.
Evitare la condivisione eccessiva durante la condivisione schermo
La piattaforma web ora include controlli aggiuntivi per la condivisione dello schermo incentrata sulla tutela della privacy.
- Chrome
Suggerimenti per DevTools: modificare, eseguire il debug ed esportare le registrazioni dei flussi utente
Utilizza il riquadro Registratore e le relative estensioni per modificare, eseguire il debug ed esportare le registrazioni dei flussi utente.
- Chrome
- Chrome DevTools
Ulteriori dettagli sulla transizione a Manifest V3
Nuovi dettagli sul piano di spostare le estensioni in Manifest V3
- Estensioni di Chrome
- Chrome
Novità di Chrome 106
Stiamo implementando Chrome 106. Sono disponibili nuove API internazionali per offrirti maggiore controllo durante la formattazione dei numeri. È disponibile una prova dell'origine per la nuova API Pop Up, che semplifica la visualizzazione dei contenuti critici per l'utente. Sono stati apportati alcuni miglioramenti al CSS. E c'è molto altro.
- Chrome
In che modo Chrome prepara gli aggiornamenti per miliardi di utenti
"Una conversazione con i Technical Program Manager del team di rilascio di Chrome per scoprire come garantiscono il corretto funzionamento di ogni release."
- Chrome
Problemi noti relativi alla migrazione a Manifest V3
Di recente abbiamo annunciato modifiche alle tempistiche di ritiro di Manifest V2 e, pur rimanendo fedele a questo impegno, riconosciamo che c'è ancora altro lavoro da fare da parte nostra. Ci impegniamo a colmare le seguenti lacune prima di
- Estensioni di Chrome
Novità di DevTools (Chrome 107)
Personalizza le scorciatoie da tastiera, evidenzia gli oggetti C/C+ in Memory Inspector e altro ancora.
- Chrome
- Chrome DevTools
Novità di DevTools (Chrome 106)
Supporto migliorato per il debug web moderno, analisi dei tempi LCP nella sezione Informazioni sulle prestazioni e altro ancora.
- Chrome
- Chrome DevTools
Le query container iniziano ad arrivare nei browser stabili mentre il polyfill riceve un importante aggiornamento
"Le query del container consentono ai componenti di possedere le informazioni sullo stile adattabile in base allo spazio all'interno. Questa funzionalità sta iniziando a essere implementata nei browser moderni e c'è stato un grande aggiornamento per il supporto del polyfill."
- Chrome
Popup: stanno rinascendo!
Un pattern problematico reso molto più semplice con l'arrivo sulla piattaforma di nuove API integrate.
- Chrome
Estensione di Memory Inspector per il debug C/C++
Scopri come abbiamo migliorato il debug delle app WebAssembly C/C++ con Memory Inspector
- Chrome
Rimozioni e ritiri in Chrome 106
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 106 per aiutarti a pianificare le tue attività.
- Chrome
Prova dell'origine dell'iframe anonimo: incorpora facilmente gli iframe negli ambienti COEP
Ora gli sviluppatori che utilizzano COEP possono incorporare iframe di terze parti che non utilizzano il codice COEP. La prova dell'origine dell'iframe anonimo è disponibile per i test in Chrome dalla versione 106 alla 108.
- Chrome
Suggerimenti per DevTools: come ispezionare le creatività flexbox CSS ed eseguirne il debug
Scopri come utilizzare Chrome DevTools per esaminare, modificare ed eseguire il debug dei layout flexbox CSS.
- Chrome DevTools
- Chrome
Case study: migliore debug Angular con DevTools
Utilizzando Angular come progetto pilota di prova, i team di Chrome DevTools e Angular hanno collaborato per offrirti un'esperienza di debug migliore. Altri framework possono implementare modifiche simili.
- Chrome
Debug web moderno in Chrome DevTools
Dai un'occhiata ad alcune delle recenti modifiche in Chrome DevTools che migliorano l'esperienza di debug e profilazione quando lavori con bundler, framework e codice di terze parti.
- Chrome
Ritiro e rimozione di SQL web
SQL web è stato proposto per la prima volta nell'aprile 2009 e abbandonato nel novembre 2010. È stato rimosso da Chrome gradualmente, inizialmente in contesti non sicuri, poi completamente a partire dalla versione 119 di Chrome.
- Chrome
Novità di Chrome 105
È in corso l'implementazione della versione 105 di Chrome. Le query container e :has() sono corrispondenze create nell'universo reattivo. La nuova API Sanitizer fornisce un processore robusto per le stringhe arbitrarie al fine di ridurre le vulnerabilità cross-site scripting. Stiamo facendo un altro passo avanti verso il ritiro di WebSQL. E ce n'è molto altro.
- Chrome
Compressione e decompressione nel browser con l'API Compression Streams
Scrivere app web più piccole che non devono includere la propria libreria di compressione o decompressione L' API Compression Streams consente di comprimere e decomprimere flussi di dati utilizzando i formati gzip o deflate (o deflate-raw). Con la
- Chrome
Ottimizzazione delle immagini con la direttiva Angular Image
Presentazione della nuova direttiva Angular image (NgOptimizedImage) che applica tecniche integrate di ottimizzazione delle prestazioni alle immagini nelle app Angular.
- Chrome
Suggerimenti per DevTools: come velocizzare il flusso di lavoro con le scorciatoie della console
Utilizza le scorciatoie fornite dall'API Console Utilities per fare riferimento rapidamente a elementi recenti e oggetti di query, monitorare eventi e chiamate alle funzioni e altro ancora.
- Chrome
- Chrome DevTools
Scopri il livello superiore: una soluzione a z-index:10000
Con l'arrivo di nuovi componenti e API integrati sulla piattaforma, qual è questo "livello superiore" che ci consentono di utilizzare?
- Chrome
Rimuovere il push del server HTTP/2 da Chrome
La modalità push del server HTTP/2 verrà disattivata per impostazione predefinita in Chrome 106
- Chrome
Suggerimenti per DevTools: come esaminare la griglia CSS
Scopri come utilizzare Chrome DevTools per visualizzare e modificare i layout della griglia CSS.
- Chrome
- Chrome DevTools
I browser possono ottimizzare il caricamento delle risorse di terze parti?
Apportare modifiche per migliorare il caricamento delle risorse di terze parti sul web
- Chrome
Novità di DevTools (Chrome 105)
Supporta la riproduzione passo passo e gli eventi con passaggio del mouse sopra gli eventi nel Registratore, LCP nel riquadro Informazioni sulle prestazioni e altro ancora.
- Chrome
- Chrome DevTools
Suggerimenti per DevTools: come esaminare e modificare le animazioni CSS
Utilizza la scheda Animazioni per esaminare e modificare le animazioni, le transizioni e altro ancora in CSS.
- Chrome
- Chrome DevTools
Rimozioni e rimozioni in Chrome 105
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 105 per aiutarti a pianificare.
- Chrome
Suggerimenti per DevTools: ottieni informazioni strategiche sulle prestazioni del tuo sito web
Ottieni informazioni strategiche sul rendimento del tuo sito web con il nuovo riquadro Informazioni sulle prestazioni
- Chrome DevTools
- Chrome
Modifiche a ExploreEvent in Chrome 105
L'API Navigation dispone di due nuovi metodi su NavigazioneEvent: intercetta() sostituisce transizionitrans() e scroll() sostituisce ripristinoScroll().
- Chrome
@container e :has(): due nuove potenti API adattabili che arrivano in Chromium 105
"Le query sui container e :has() sono corrispondenze create nell'universo reattivo. Fortunatamente, entrambe queste funzionalità saranno disponibili insieme in Chromium 105. Si tratta di una versione enorme con due funzionalità molto richieste per le interfacce reattive."
- Chrome
:has(): il selettore della famiglia
Con :has() che arriva in Chromium 105. Diamo un'occhiata ad alcune delle fantastiche opportunità che offre al nostro CSS.
- Chrome
Novità di Chrome 104
Stiamo implementando Chrome 104. L'acquisizione della regione specifica un'area di ritaglio quando utilizzi getDisplayMedia() per acquisire la scheda corrente. La sintassi delle query supporti può essere scritta utilizzando operatori di confronto matematici. Le transizioni di elementi condivisi avviano una prova dell'origine. E ce n'è molto altro.
- Chrome
Formati web personalizzati per l'API Async Clipboard
I formati personalizzati per il web consentono ai siti web di leggere e scrivere payload non sottoposti a sanitizzazione arbitrari utilizzando un formato standard che le applicazioni possono attivare per il supporto di questi payload.
- Chrome
Rinnovo di Analytics nella Dashboard per sviluppatori del Chrome Web Store
Google sta implementando una rinnovata esperienza di analisi degli elementi per la Dashboard per sviluppatori del Chrome Web Store. La nuova dashboard è più facile da capire a colpo d'occhio e consolida in anticipo le informazioni più utili.
- Chrome
- Estensioni di Chrome
Suggerimenti per DevTools: come registrare i messaggi nella console
Utilizza la console per registrare variabili, oggetti e messaggi, filtrare e raggruppare i messaggi e altro ancora.
- Chrome
- Chrome DevTools
Guida alla scelta di una sintassi per la nidificazione CSS
Due sintassi concorrenti hanno bisogno del tuo aiuto per determinare quale deve essere sostenuta da un candidato di specifica.
- Chrome
Supporto di livello superiore in Chrome DevTools
Scopri il livello superiore e in che modo Chrome DevTools ha implementato il supporto.
- Chrome
Un aggiornamento sui finanziamenti del framework web di Chrome per il 2022
Stiamo condividendo un aggiornamento sui destinatari dei finanziamenti del framework web di Chrome
- Chrome
Suggerimenti per DevTools: come emulare le funzionalità multimediali relative alle preferenze degli utenti CSS con DevTools
Utilizza la scheda Rendering per emulare le preferenze dell'utente e testare il comportamento adattivo del tuo sito web.
- Chrome
- Chrome DevTools
Novità di DevTools (Chrome 104)
Riavvia frame durante il debug, opzioni di riproduzione lenta nel riquadro Registratore e altro ancora.
- Chrome DevTools
- Chrome
Chrome Dev Insider: l'edizione CSS e UI
Un aggiornamento dal team Web Platform di Chrome in cui portiamo gli sviluppatori dietro le quinte per condividere punti di vista, conversazioni e aggiornamenti.
- Chrome
Lancio di Signed Exchange per i siti desktop
Annuncio del supporto di Signed Exchange per i browser Chromium su computer, insieme al lancio di altre funzionalità recenti.
- Chrome
Esaminare ed eseguire il debug delle query dei contenitori CSS
Scopri come utilizzare Chrome DevTools per esaminare, modificare ed eseguire il debug delle query dei contenitori CSS.
- Chrome DevTools
Suggerimenti per DevTools: come esaminare le query dei contenitori CSS
Ispeziona ed esegui il debug delle query dei contenitori CSS con DevTools.
- Chrome
- Chrome DevTools
Rimozioni e ritiri in Chrome 104
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 104 per aiutarti a pianificare.
- Chrome
Novità di Chrome 103
È in corso l'implementazione della versione 103 di Chrome. Esiste un nuovo codice di stato HTTP che aiuta il browser a decidere quali contenuti precaricare prima ancora che la pagina inizi ad arrivare. L'API Local Font Access consente alle applicazioni web di enumerare e utilizzare i caratteri installati sul computer dell'utente. Esiste un modo più semplice per implementare i timeout sulle API asincrone. E ce n'è molto altro.
- Chrome
Novità di DevTools (Chrome 103)
Registra eventi con doppio clic e clic con il tasto destro del mouse, nuove opzioni per misurare il flusso di utenti in Lighthouse e altro ancora.
- Chrome DevTools
- Chrome
Novità di Chrome 102
Stiamo implementando Chrome 102. Le PWA installate possono essere registrate come gestori di file, semplificando l'apertura dei file direttamente dal disco da parte degli utenti. L'attributo inerte ti consente di contrassegnare parti del DOM come inerti. L'API Navigation consente alle app su singola pagina di gestire la navigazione e gli aggiornamenti dell'URL più facilmente. E c'è molto altro.
- Chrome
Informazioni sulle funzioni di accessibilità
Un riferimento completo delle funzioni di accessibilità in Chrome DevTools.
- Chrome DevTools
Come e perché abbiamo creato gli approfondimenti sulle prestazioni
Come e perché abbiamo creato il riquadro Informazioni sulle prestazioni.
- Chrome
Conferma del pagamento sicuro
Panoramica generale di uno standard web proposto per consentire l'autenticazione sicura con i fornitori di servizi di pagamento.
Autenticazione con conferma di pagamento sicura
Implementare protocolli di autenticazione per SPC al fine di convalidare le transazioni dei clienti.
Registra una conferma di pagamento sicura
Implementa i protocolli e il flusso di registrazione per SPC, in modo che i clienti possano eseguire l'autenticazione presso gli emittenti della carta o le banche direttamente da un commerciante.
Guida alla migrazione a WebAssembly
Dato l'impulso del supporto di WebAssembly tra browser, prevediamo di concentrare le nostre attività di codice nativo su WebAssembly in futuro e di rimuovere il supporto di PNaCl nel quarto trimestre del 2019 (tranne per le app di Chrome). Riteniamo
Rimozioni e ritiri in Chrome 103
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 103 per aiutarti a pianificare.
- Chrome
Supporto dello strumento Interaction to Next Paint (INP)
Supporto per l'interazione con Next Paint negli strumenti per le prestazioni di Chrome.
- Chrome
Applicazioni multipagina più veloci con i flussi
Scopri come utilizzare workbox-stream per creare applicazioni multipagina che utilizzano il markup parziale della cache dei service worker e i contenuti parziali della rete per creare esperienze veloci che vengono visualizzate quasi istantaneamente.
Proxy di precaricamento privato in Chrome
Accelerazione della metrica Largest Contentful Paint (LCP) con il precaricamento tra siti.
- Chrome
Proxy di precaricamento privato in Chrome per amministratori di rete
Una panoramica su come filtrare i contenuti nelle navigazioni precaricate.
Accelerare LCP con il precaricamento tra siti
Un'introduzione alle tecnologie immediatamente disponibili.
- Chrome
Debug più veloce di WebAssembly
Come rendere più veloce il debug di WebAssembly per applicazioni di grandi dimensioni.
- Chrome
Novità di DevTools (Chrome 102)
Nuovo riquadro Informazioni sulle prestazioni, scorciatoie per emulare temi chiaro/scuro e altro ancora.
- Chrome DevTools
- Chrome
Migliore condivisione delle schede con l'handle di acquisizione
La piattaforma web ora viene fornita con Capture Handle, un meccanismo che consente a un'app web di acquisizione di identificare in modo ergonomico e sicuro l'app web acquisita, se quest'ultima è stata attivata.
Fondo per applicazioni web avanzate
Annuncio dell'Advanced Web Apps Fund, a sostegno di chi rende il Web più potente.
- Chrome
Visualizzare le proprietà degli oggetti DOM
Visualizzare e filtrare le proprietà degli oggetti DOM.
- Chrome DevTools
Testa la cache back-forward
Assicurati che le pagine siano ottimizzate per la memorizzazione nella cache back-forward.
- Chrome DevTools
Novità di Chrome 101
È in corso l'implementazione di Chrome 101 con un nuovo metodo per specificare il colore con la notazione hwb e la priorità di recupero per indicare al browser l'ordine ideale per scaricare le risorse. E c'è molto altro.
- Chrome
Rendere accessibili i contenuti compressi con nascosti=until-found
In che modo questo nuovo valore dell'attributo può garantire che i contenuti all'interno delle sezioni dell'accordion possano essere trovati e accessibili tramite link.
Ottimizzazione dell'LCP mediante Signed Exchange
Signed Exchange consente agli sviluppatori web di migliorare sostanzialmente la velocità di caricamento delle pagine proveniente dai referrer SXG come la Ricerca Google. Possono essere vantaggiosi se vengono attivati da una casella di controllo, ma puoi intraprendere ulteriori passaggi per sfruttarli al meglio.
- Chrome
Controllare le funzionalità del browser con i criteri di autorizzazione
Gestisci il modo in cui la tua pagina e gli iframe di terze parti incorporati accedono alle funzionalità del browser.
Approfondimento su RenderingNG: BlinkNG
Scopri BlinkNG e i vari sottoprogetti che hanno risolto problemi di lunga data relativi all'organizzazione e alla struttura del codice Blink.
- Chromium
Panoramica della scheda Rendering
Scopri una raccolta di opzioni che influiscono sul rendering dei contenuti web.
- Chrome DevTools
Scopri i problemi relativi alle prestazioni del rendering
Ripetizione dello stile, variazioni del layout, livelli e riquadri, problemi con lo scorrimento, visualizzazione delle statistiche di rendering e di Segnali web essenziali.
- Chrome DevTools
Incorporare contenuti nel tuo sito in modo sicuro
Scopri i diversi elementi HTML utilizzati per incorporare contenuti e come ottimizzare la sicurezza.
- Chrome
Emula le funzionalità multimediali del CSS
Emula prefers-color-scheme, media type, forced-colors, prefers-contrast, prefers-reduced-motion, color-gamut.
- Chrome DevTools
Scopri Chrome Dev Insider
Una nuova serie del team Web Platform di Chrome in cui portiamo gli sviluppatori dietro le quinte per condividere punti di vista, conversazioni e aggiornamenti.
- Chrome
Novità di DevTools (Chrome 101)
Importa ed esporta il flusso utente in formato JSON, supporta i colori hwb(), visualizza i livelli a cascata nel riquadro Stili e altro ancora.
- Chrome
- Chrome DevTools
Ritiri e rimozioni in Chrome 102
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 102 per aiutarti a pianificare.
- Chrome
Rimozioni e ritiri in Chrome 101
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 101 per aiutarti a pianificare.
- Chrome
Novità di Chrome 100
Stiamo implementando Chrome 100 con un numero di versione a tre cifre. Fai una passeggiata nella memoria e celebra #100CoolWebMoments dalla prima uscita di Chrome. Sono state apportate alcune modifiche importanti alla stringa dello user agent. L'API Multi-Screen Window Placement consente di enumerare i display collegati alla macchina di un utente e posizionare finestre su schermate specifiche. E c'è molto altro.
- Chrome
Informazioni sulle prestazioni: ottieni informazioni strategiche sul rendimento del tuo sito web
Ottieni informazioni strategiche sul rendimento del tuo sito web con il riquadro Informazioni sulle prestazioni.
- Chrome DevTools
Festeggia Chrome 100 con #100CoolWebMoments
Per festeggiare il lancio della versione 100 di Chrome, vogliamo ripercorrere il percorso della memoria.
- Chrome
Novità di DevTools (Chrome 100)
Visualizza e modifica @supports nelle regole, rinomina e personalizza il selettore della registrazione e altro ancora.
- Chrome
- Chrome DevTools
Rimozioni e ritiri in Chrome 100
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 100 per aiutarti a pianificare.
- Chrome
Sei sempre stato tu, Canvas2D
L'API della porta accanto si rinnova.
- Chrome
Novità di Chrome 99
È in corso l'implementazione di Chrome 99. I livelli CSS a cascata offrono un maggiore controllo sul CSS e consentono di evitare conflitti tra le specifiche degli stili. Il metodo showChooseer() ti consente di mostrare in modo programmatico un selettore del browser per elementi di input come data, colore e elenco dati. Mancano poche settimane alla versione 100 di Chrome e Firefox. E c'è molto altro.
- Chrome
Ottimizzazione del caricamento degli script di terze parti in Next.js
Questo articolo illustra il componente Script Next.js e spiega come può essere utilizzato per una migliore sequenza di script di terze parti.
- Chrome
Novità di DevTools (Chrome 99)
Limitazione delle richieste WebSocket, nuovo riquadro API di reporting, stili della console e altro ancora.
- Chrome
Ispezionare ed eseguire il debug dei layout flexbox CSS
Scopri come utilizzare Chrome DevTools per esaminare, modificare ed eseguire il debug dei layout flexbox CSS.
- Chrome DevTools
Rimozioni e ritiri in Chrome 99
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 99 per aiutarti a pianificare.
- Chrome
Utilizzo dei plug-in
Sebbene Workbox offra numerose utilità pronte all'uso, in alcuni casi potrebbe essere necessario estenderle per soddisfare i requisiti dell'applicazione. È qui che può tornare utile l'architettura del plug-in di Workbox.
I livelli a cascata saranno in arrivo per il tuo browser
"I livelli Cascade sono una nuova API CSS per aiutarti a gestire la precedenza a cascata del tuo codice, che a breve sarà disponibile in tutti i browser moderni."
- Chrome
Chip di richiesta di autorizzazioni
Chrome 98 aggiunge uno spazio dedicato nella barra della posizione per le autorizzazioni, con l'obiettivo di rendere le richieste meno impegnative per ridurre l'insistenza percepita su una decisione.
- Chrome
The Chromium Chronicle n. 28: guida introduttiva a Chrome su iOS
Scopri come utilizzare il codice alla base dell'app Chrome per iOS.
- Chrome
Novità di Chrome 98
È in corso l'implementazione di Chrome 98. Se hai eseguito la registrazione alla prova dell'origine del tema scuro automatico, è disponibile un nuovo modo per disattivare la funzionalità a livello di singolo elemento. È ora disponibile il supporto per COLRv1, un'evoluzione del formato del carattere COLRv0. E c'è molto altro.
- Chrome
Mostra un selettore del browser per la data, l'ora, il colore e i file
La piattaforma web ora include un modo canonico per mostrare un selettore di browser.
- Chrome
Novità di DevTools (Chrome 98)
Struttura Accessibilità a pagina intera, modifiche più precise nella scheda Modifiche e altro ancora.
- Chrome
Chrome disattiverà la modifica del file document.domain per allentare il criterio della stessa origine
Se il tuo sito web si basa sull'impostazione di "document.domain", è richiesta la tua azione.
- Chrome
Rimozioni e ritiri in Chrome 98
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 98 per aiutarti a pianificare le tue attività.
- Chrome
Accesso alla rete privata: introduzione dei preflight
Chrome sta ritirando l'accesso agli endpoint di rete privata da siti web pubblici non sicuri nell'ambito della specifica Private Network Access. Continua a leggere per le azioni consigliate.
- Chrome
Caratteri vettoriali COLRv1 con gradiente di colore in Chrome 98
In Chrome 98, i team di Chrome e Fonts hanno aggiunto il supporto per COLRv1, un'evoluzione del formato di carattere COLRv0 destinato a rendere diffusi i caratteri a colori aggiungendo gradienti, compositing e fusione, e migliorato il riutilizzo delle forme interne per file di caratteri nitidi e compatti che si comprimono bene.
- Chrome
Novità di Chrome 97
È in corso l'implementazione di Chrome 97. È disponibile una nuova opzione per l'invio di messaggi in tempo reale tra il client e il server utilizzando Trasporto web. Puoi utilizzare il rilevamento delle funzionalità per verificare i tipi di script supportati da un browser. JavaScript migliora e ce ne sono molti altri.
- Chrome
Avvia API gestore
Il gestore di avvio ti consente di controllare in che modo viene avviata l'app, ad esempio se utilizza una finestra esistente o una nuova e se la finestra scelta viene indirizzata all'URL di avvio.
Albero di accessibilità completo in Chrome DevTools
Esamina il nuovo albero dell'accessibilità a pagina intera in DevTools, nonché la progettazione e l'implementazione di questa struttura.
- Chrome
Gestione immediata degli aggiornamenti dei service worker
A volte, quando aggiorni un service worker, è consigliabile informare gli utenti. Qui imparerai come fare.
Forzare un timeout di rete
Scopri come forzare un timeout di rete in presenza di una connessione di rete lenta e come ottenere la sincronizzazione corretta.
Utilizzo finestra-casella di lavoro
A volte gli utenti sono offline. Scopri come adattarti e aiutali a riprendere le richieste quando torneranno online.
Nuovo tentativo con le richieste quando sei di nuovo online
A volte gli utenti sono offline. Scopri come adattarti e aiutali a riprendere le richieste quando torneranno online.
Accedi alle cache dalla finestra
L'accesso alle istanze della cache non è solo limitato all'ambito del service worker. Puoi anche accedervi dal contesto della finestra e in questo articolo scoprirai come.
Gestione delle risposte di fallback
A volte gli utenti riscontrano errori di rete o vanno offline. Scopri come adattarti a queste situazioni e fornire una risposta di riserva.
Memorizzazione delle risorse nella cache durante il runtime
Scopri come gestire le risorse di memorizzazione nella cache durante il runtime, incluse le risorse multiorigine.
Pubblicazione di audio e video memorizzati nella cache
Gestire le richieste di risorse audio e video in un service worker è difficile. Scopri come utilizzare workbox-range-request per gestire queste richieste in modo prevedibile.
Novità di DevTools (Chrome 97)
Nuovo riquadro Registratore, aggiorna l'elenco dei dispositivi in Modalità dispositivo e altro ancora.
- Chrome
Un aiuto per gli sviluppatori a creare app web potenti e installabili
Uno sguardo all'impatto delle funzionalità delle PWA aggiunte a Chrome.
- Chrome
Rimozioni e ritiri in Chrome 97
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 97 per aiutarti a pianificare le tue attività.
- Chrome
Novità di Chrome 96
È in corso l'implementazione di Chrome 96. Il file manifest dell'app web contiene due nuove proprietà. La proprietà id consente di specificare un ID univoco per la PWA, mentre la proprietà Protocol_handlers consente di registrare automaticamente la PWA come gestore di protocollo al momento dell'installazione. È disponibile una nuova prova dell'origine che consente di specificare la priorità di recupero per il download delle risorse. E c'è molto altro.
- Chrome
Novità di Lighthouse 9.0
Lighthouse 9.0 è disponibile con un report aggiornato e un'anteprima del supporto per i flussi utente.
- Chrome
Risoluzione dei problemi e logging
Uno sguardo alle funzionalità di logging di Workbox e agli strumenti di debug dei service worker interni al browser.
Integrazioni del framework
Un riferimento rapido dei framework e dei plug-in che si integrano con Workbox
Service worker e modello shell dell'applicazione
Come accoppiare il modello shell dell'applicazione a un service worker nella tua SPA.
Cosa fare e cosa evitare nella memorizzazione nella cache
Scopri cosa fare e cosa fare della precauzione.
Utilizzo di Workbox senza memorizzazione nella cache
Come creare un service worker in Workbox senza build.
Le modalità di Workbox
Acquisisci familiarità con alcuni dei modi in cui puoi utilizzare Workbox.
Precauzione nella cache con Workbox
Scopri come pre-memorizzare gli asset nella cache in un service worker con Workbox.
Precaricamento di navigazione per HTML Network-first
Che cos'è il precaricamento di navigazione, come può velocizzare le navigazioni e come utilizzarlo in Workbox.
Registra, riproduci e misura i flussi utente
Registra, riproduci, misura i flussi utente e modifica i relativi passaggi con il riquadro Registratore.
- Chrome DevTools
Forza la versione principale di Chrome su 100 nella stringa user agent
A breve il numero di versione di Chrome passerà da due cifre a tre, il che potrebbe influire su qualsiasi codice che esegue l'analisi della stringa dello user agent (UA). Un flag funzionalità disponibile da Chrome 96 a 99 consente di eseguire test preliminari forzando il numero di versione principale nella stringa UA a 100.
- Chrome
Implementazione del debug CSP e TrustedType in Chrome DevTools
Come implementiamo il debug dei problemi relativi ai criteri di sicurezza del contenuto e ai tipi attendibili in Chrome DevTools.
- Chrome
Scegliere i colori di qualsiasi pixel sullo schermo con l'API EyeDropper
Gli sviluppatori di applicazioni creative possono utilizzare l'API EyeDropper per implementare un selettore che consenta agli utenti di selezionare i colori dei pixel sullo schermo, inclusi quelli esterni al browser.
Novità di DevTools (Chrome 96)
Nuovo riquadro Panoramica di CSS, emula i contenuti multimediali contrastanti delle preferenze del CSS, la modalità Buio automatica di Chrome e altro ancora.
- Chrome
Creazione di un componente immagine efficace
Le immagini sono una fonte comune di colli di bottiglia delle prestazioni per le applicazioni web e un'area di interesse chiave per l'ottimizzazione. Questo documento spiega in che modo il team Aurora di Google ha progettato in Next.js un potente componente per le immagini che integra una serie di ottimizzazioni mediante un'interfaccia facile per gli sviluppatori. In questo post parleremo di come è stato progettato il componente e delle lezioni che abbiamo imparato strada facendo.
Tema scuro automatico
Verrà generata automaticamente un tema scuro per i siti a tema chiaro.
- Chrome
Rimozioni e ritiri in Chrome 96
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 96 per aiutarti a pianificare.
- Chrome
Panoramica CSS: identificare potenziali miglioramenti al CSS
Identifica potenziali miglioramenti al CSS con il riquadro Panoramica CSS.
- Chrome DevTools
Rimozione dei service worker che presentano errori
Come risolvere il problema di un service worker che causa problemi.
Aspettative relative al deployment dei service worker
Comprendere l'effetto di un service worker su un sito web dopo il deployment.
Strategie di service worker diverse per architetture diverse
Introduzione alle due diverse architetture dei siti web.
Miglioramento dell'esperienza di sviluppo dei service worker
Come risolvere alcuni dei problemi di sviluppo locale che potresti riscontrare quando utilizzi i service worker.
Novità di Chrome 95
È in corso l'implementazione di Chrome 95. Il routing diventa più semplice con URLPattern integrato nel browser, l'API Eye Dropper fornisce uno strumento integrato per la selezione dei colori, è disponibile una nuova prova dell'origine per ricevere ora la stringa UA ridotta e c'è molto altro.
- Chrome
Monitorare l'applicazione web con l'API di reporting
Utilizza l'API di reporting per monitorare le violazioni della sicurezza, le chiamate API ritirate e altro ancora.
Esegui la migrazione all'API di reporting v1
È disponibile una nuova versione dell'API di reporting. La nuova API è più snella e ha maggiori probabilità di essere supportata in tutti i browser.
- Chrome
Approfondimento su RenderingNG: LayoutNG
Il modo in cui la modifica dell'architettura di grandi dimensioni di LayoutNG riduce e mitiga vari tipi di bug e problemi di prestazioni.
- Chromium
The Chromium Chronicle n. 25: annotazioni sulla sicurezza dei thread
Scopri come il framework di analisi statica di Clang si occupa dell'impegno richiesto per le prove di sicurezza dei thread.
- Chrome
Aggiornamenti delle norme del Chrome Web Store per il 3° trimestre 2021
Aggiornare i nostri requisiti di sicurezza e chiarire ulteriormente alcuni criteri per mantenere alta la qualità delle estensioni e l'esperienza per gli sviluppatori coerente.
- Estensioni di Chrome
- Chrome
Report sulle caratteristiche dei dispositivi degli utenti Chrome
Gli sviluppatori si chiedono costantemente per quale tipo di pubblico stanno sviluppando. Quanta RAM ha? Che tipo di rete Wi-Fi stanno utilizzando? Un nuovo report fornisce risposte per una serie di paesi e piattaforme.
- Chrome
Che cos'è Workbox?
Ti presentiamo Workbox, un insieme di moduli che semplificano il routing e la memorizzazione nella cache dei Service worker comuni.
Strategie per la memorizzazione nella cache dei service worker
Una panoramica della memorizzazione nella cache nei service worker.
La vita di un service worker
Comprendere il comportamento dei service worker per rendere possibili le applicazioni offline.
Panoramica dei Service worker
Una panoramica dei Service worker.
Transizione delle estensioni di Chrome a Manifest V3
Condivisione dei dettagli sul piano di spostare le estensioni in Manifest V3
- Estensioni di Chrome
- Chrome
Sequenza temporale del supporto per Manifest V2
Dettagli dell'eliminazione graduale e della fine del ciclo di vita di Manifest V2.
- Estensioni di Chrome
Rimozioni e ritiri in Chrome 95
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 95 per aiutarti a pianificare.
- Chrome
Novità di Chrome 94
È in corso l'implementazione di Chrome 94. Lo spazio colore predefinito per gli elementi "` è ora formalmente definito come SRGB e puoi modificarlo in Display P3. È disponibile un nuovo modo di basso livello per accedere ai codec audio e video integrati, importante per lo streaming di giochi, editor video e così via. WebGPU avvia la sua prova dell'origine. E c'è molto altro.
- Chrome
Novità in DevTools (Chrome 95)
Nuovi strumenti di authoring per CSS, nascondere i problemi nella scheda Problemi, migliorare la visualizzazione delle proprietà e altro ancora.
- Chrome
Approfondimento: VideoNG
Scopri i moderni sistemi di riproduzione e come Chromium genera diverse centinaia di milioni di ore di tempo di visualizzazione ogni giorno.
- Chromium
Modernizzare l'infrastruttura CSS in DevTools
Come abbiamo effettuato ricerche e aggiornato l'infrastruttura CSS in DevTools.
- Chrome
Novità di Lighthouse 8.4
Lighthouse 8.4 ora protegge le immagini LCP con caricamento lento e il mancato caricamento del FID senza un'area visibile mobile.
- Chrome
Controllo completo con l'API VirtualKeyboard
Gestisci autonomamente il modo in cui il browser gestisce la copertura dei contenuti quando viene visualizzata la tastiera virtuale di un dispositivo touch.
Novità di Chrome 93
È in corso l'implementazione di Chrome 93. Ora puoi caricare i fogli di stile CSS con istruzioni di importazione, proprio come i moduli JavaScript. Le PWA installate possono essere registrate come gestori di URL, consentendo agli utenti di accedere direttamente alla PWA. L'API Multi-Screen Window Placement è stata aggiornata in base ai feedback e avvia una seconda prova dell'origine. Abbiamo ridotto il ciclo di rilascio a 4 settimane. E ce n'è molto altro.
- Chrome
Rimozioni e ritiri in Chrome 93
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 93 per aiutarti a pianificare.
- Chrome
Rimozioni e ritiri in Chrome 94
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 94 per aiutarti a pianificare.
- Chrome
Aggiornamento di Private Network Access: presentazione di una prova di ritiro
Nell'ambito della specifica Private Network Access, Chrome ritira l'accesso agli endpoint di rete privata da siti web pubblici non sicuri in Chrome 94. Continua a leggere per le azioni consigliate.
- Chrome
The Chromium Chronicle n. 24: StrongAlias, IdType e TokenType
A volte lo stesso tipo può rappresentare valori di domini non compatibili, il che può causare bug. Fortunatamente, //base di Chromium semplifica l'inserimento di tipi espliciti e distinti.
- Chrome
Routing lato client moderno: API Navigation
Scopri l'API Navigation, una nuova API che aggiunge funzionalità migliorate per creare applicazioni a pagina singola.
Strutture di dati chiave in RenderingNG
Comprendi i componenti dell'architettura RenderingNG e il modo in cui la pipeline di rendering li attraversa.
- Chromium
Novità di DevTools (Chrome 94)
Utilizza DevTools nella lingua che preferisci, i nuovi dispositivi Nest Hub, il badge delle nuove query del container CSS e altro ancora.
- Chrome
Strumenti della griglia CSS in DevTools
Come abbiamo progettato e implementato il supporto degli strumenti griglia CSS in DevTools.
- Chrome DevTools
- Chrome
Rimozioni e ritiri in Chrome 92
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 92 per aiutarti a pianificare.
- Chrome
Strumenti della griglia CSS in DevTools
Come abbiamo progettato e implementato il supporto degli strumenti griglia CSS in DevTools.
Risolvere i problemi relativi alle prove dell'origine di Chrome
Risolvi i problemi comuni relativi ai token di prova in meta tag, intestazioni e script. Inoltre, scoprirai il supporto del debug in Chrome DevTools.
Rimozioni e ritiri in Chrome 91
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 91 per aiutarti a pianificare.
- Chrome
Criteri di apertura multiorigine
Documentazione di riferimento per la proprietà cross_origin_opener_policy di manifest.json.
- Estensioni di Chrome
Isolamento multiorigine
Panoramica dell'isolamento multiorigine per le estensioni
- Estensioni di Chrome
Criteri di apertura multiorigine
Documentazione di riferimento per la proprietà cross_origin_opener_policy di manifest.json.
- Estensioni di Chrome
Norme sull'incorporamento multiorigine
Documentazione di riferimento per la proprietà cross_origin_embedder_policy di manifest.json.
- Estensioni di Chrome
Norme sull'incorporamento multiorigine
Documentazione di riferimento per la proprietà cross_origin_embedder_policy di manifest.json.
- Estensioni di Chrome
Avvia automaticamente le PWA su OS Login
Molti sistemi operativi offrono la possibilità di avviare automaticamente le applicazioni quando l'utente esegue l'accesso. Questa funzionalità è ora disponibile per le applicazioni web installate.
- Chrome
Limitazione della condivisione dei moduli Wasm alla stessa origine
La condivisione di un modulo WebAssembly tra ambienti dello stesso sito sarà limitata alla stessa origine.
- Chrome
Carica le risorse multiorigine senza intestazioni CORP utilizzando COEP: senza credenziali
L'opzione "Cross-Origin-Embedder-Policy: credentialless" sarà attiva nella prova dell'origine a partire da Chrome 93. Questo nuovo valore consente alle pagine web di attivare l'isolamento multiorigine senza richiedere che le risorse multiorigine rispondano con un'intestazione "CORP: multiorigine" inviando richieste senza credenziali.
- Chrome
WebDriver BiDi: il futuro dell'automazione cross-browser
Scoprire cos'è WebDriver BiDi e perché rappresenta il futuro dell'automazione cross-browser
- Chrome
Novità di DevTools (Chrome 93)
Query del contenitore CSS modificabili, anteprima del bundle web, migliore gestione delle stringhe nella console e altro ancora.
- Chrome
Chromium Chronicle n. 23: build verificate in Chrome Infra
L'implementazione di un controllo dell'applicazione dei criteri per Chrome e l'infrastruttura ci ha consentito di verificare che vengano soddisfatti determinati standard minimi di sicurezza.
- Chrome
Verificare un numero di telefono sul computer utilizzando l'API WebOTP
A partire da Chrome 93, i siti web possono verificare i numeri di telefono dalla versione desktop di Chrome.
Architettura RenderingNG
Scopri i componenti dell'architettura RenderingNG e il modo in cui la pipeline di rendering li attraversa.
- Chromium
Pattern URL porta il routing alla piattaforma web
Un approccio per standardizzare i casi d'uso di corrispondenza dei pattern comuni.
Concetti di Android (per sviluppatori web)
Concetti chiave e pertinenti di Android per gli sviluppatori web alle prime armi con Android e Google Play.
Estensioni di Chrome: chiarimento dei criteri delle estensioni per un web store più sicuro e coerente
Aggiornare i nostri requisiti di sicurezza e chiarire ulteriormente alcuni criteri per mantenere alta la qualità delle estensioni e l'esperienza per gli sviluppatori coerente.
- Estensioni di Chrome
- Chrome
Incorporamento di risorse nei framework JavaScript
Scopri le ultime ottimizzazioni implementate nei framework JavaScript in collaborazione con il progetto Aurora.
The Chromium Chronicle n° 22: Scopri i tuoi strumenti (depot)
Depot Tools è una raccolta di strumenti basati su Git per semplificare il flusso di lavoro degli sviluppatori che contribuiscono al codebase di Chromium e ai progetti correlati.
- Chrome
Azioni delle estensioni in Manifest V3
Per le estensioni di Chrome erano state utilizzate le API Browser e Page Actions per anni, ma Manifest V3 ha sostituito entrambe con un'API Actions generica. Questo post esplora la storia di queste API e cosa è cambiato in Manifest V3.
- Chrome
- Estensioni di Chrome
RenderingNG
Nel 2021 abbiamo ampiamente completato il processo di progettazione, creazione e spedizione di RenderingNG, un'architettura di rendering di nuova generazione per Chromium.
- Chromium
TablesNG risolve 72 bug di Chromium per una migliore interoperabilità
-- Un nuovo motore di rendering per le tabelle rende più coerente la creazione di dati tabulari sul Web.
- Chrome
Spazio di archiviazione ad alte prestazioni per la tua app: l'API Storage Foundation
L'API Storage Foundation ha proposto un'API di archiviazione simile a un file system di base, con accesso diretto ai dati archiviati tramite buffer e offset.
Assicurati che il CSP sia efficace contro gli attacchi XSS
Scopri come prevenire gli attacchi cross-site scripting (XSS) applicando un criterio di sicurezza del contenuto (CSP) rigoroso.
Conformità per i framework
Questo articolo descrive la conformità, una metodologia utilizzata nei framework all'interno di Google, e come prevediamo di rendere open source la procedura nell'ecosistema del framework JavaScript.
- Chrome
Ti presentiamo Aurora
Questo articolo presenta Aurora, un'iniziativa di Chrome per collaborare strettamente con framework open source.
Introduzione a Memory Inspector
Questo articolo introduce il controllo memoria disponibile in Chrome 91. Consente di ispezionare ArrayBuffer, TypedArray, DataView e Wasm Memory.
- Chrome
Esaminare i layout della griglia CSS
Scopri come utilizzare Chrome DevTools per visualizzare e modificare le griglie CSS.
- Chrome DevTools
Novità: chrome.scripting
L'API Scripting è una nuova API Manifest V3 incentrata sullo scripting. Esaminiamo le motivazioni di questo cambiamento e in che modo è diverso.
- Chrome
- Estensioni di Chrome
API Compute Pressure
Compute Pressure offre stati di alto livello che rappresentano la pressione sul sistema. Consente all'implementazione di utilizzare le giuste metriche hardware sottostanti per garantire che gli utenti possano sfruttare tutta la potenza di elaborazione a loro disposizione, purché il sistema non sia sottoposto a stress ingestibile.
PWA come gestori URL
Dopo aver registrato una PWA come gestore di URL, quando un utente fa clic su un link ipertestuale che corrisponde a uno dei pattern URL registrati, si aprirà la PWA registrata.
Novità di DevTools (Chrome 92)
Editor griglia CSS, supporto della ridichiarazione const nella console, visualizzatore dell'ordine di origine e altro ancora.
- Chrome
The Chromium Chronicle n. 21: automazione end-to-end dell'interfaccia utente di ChromeOS
Tast è una nuova libreria UI che utilizza la struttura ad albero (accessibilità) di Chrome per controllare l'interfaccia utente di ChromeOS. La libreria consente agli sviluppatori di creare facilmente test end-to-end su qualsiasi piattaforma dell'interfaccia utente visibile.
- Chrome
Novità di Chrome 91
Stiamo implementando Chrome 91. Ora le app web che interagiscono con i file possono suggerire nomi e directory dei file quando si utilizza l'API File System Access. Puoi anche leggere i file dagli appunti. Se il tuo sito ha più di un dominio e questi condividono lo stesso backend di gestione dell'account, puoi comunicare a Chrome che si tratta dello stesso dominio, consentendo al gestore delle password di suggerire le credenziali corrette. Inoltre, tutti i video di I/O sono ora disponibili e ce n'è molto altro.
- Chrome
Scegli in che modo i link nell'ambito aprono la PWA con l'acquisizione di link dichiarativa
L'acquisizione dichiarativa di link è una proposta per una proprietà manifest di un'app web chiamata "capture_links" che consente agli sviluppatori di determinare in modo dichiarativo cosa dovrebbe succedere quando al browser viene chiesto di passare a un URL che rientra nell'ambito di navigazione dell'applicazione, da un contesto al di fuori dell'ambito di navigazione.
Come impostare i flag del browser in Chromium
Per alcune delle nuove API che introduciamo in Chromium, devi impostare un flag del browser per la sperimentazione. Scopri come eseguire questa operazione nei vari derivati di Chromium, come Google Chrome, Microsoft Edge e altri.
- Chrome
Attività web attendibili offline
Come visualizzare una schermata offline di riserva, se la prima volta che l'utente apre l'app, non c'è connettività.
Registrazione del gestore del protocollo URL per le PWA
Dopo aver registrato una PWA come gestore di protocollo, quando un utente fa clic su un link ipertestuale con uno schema specifico come mailto, bitcoin o musica web da un browser o un'app specifica della piattaforma, la PWA registrata si aprirà e riceverà l'URL.
Come abbiamo velocizzato di 10 volte le analisi dello stack di Chrome DevTools
Come abbiamo aumentato di 10 volte le analisi dello stack di Chrome DevTools.
- Chrome
Flussi inseribili per MediaStreamTrack
Flussi inseribili per MediaStreamTrack riguardano l'esposizione del contenuto di un MediaStreamTrack come uno stream che può essere manipolato o utilizzato per generare nuovi contenuti.
The Chromium Chronicle n. 20: test di benchmarking
L'aggiunta di benchmark è un modo semplice per evitare regressioni e migliorare il rendimento.
- Chrome
Convertitore manifest estensione
Strumento open source per convertire le estensioni in Manifest V3. Dovrai comunque aggiornare manualmente il codice con modifiche non meccaniche, ad esempio l'adattamento per l'utilizzo dei service worker o qualche script injection.
- Chrome
- Estensioni di Chrome
UI di installazione PWA più completa
Un'introduzione all'interfaccia utente per l'installazione più completa con indicazioni su come implementarla.
- Chrome
Novità di DevTools (Chrome 91)
Vengono visualizzate le informazioni di Web vitals, vengono visualizzati scroll-snap CSS, il nuovo strumento di controllo della memoria e altro ancora.
- Chrome
Allineare i timer con le limitazioni relative all'isolamento multiorigine
A partire da Chrome 91, la risoluzione dei timer espliciti verrà limitata a 100 microsecondi tra le piattaforme senza isolamento multiorigine.
- Chrome
Risorse accessibili al web per Manifest V3
Le risorse accessibili dal Web per Manifest V3 sono ora disponibili. Ora "manifest.json" supporta le definizioni delle autorizzazioni. Gli sviluppatori possono limitare le risorse in base all'origine del sito richiedente o all'ID estensione.
- Chrome
- Estensioni di Chrome
Novità di Chrome 90
È in corso l'implementazione di Chrome 90. È disponibile un nuovo valore per la proprietà overflow CSS. L'API Feature Policy è stata rinominata in Criteri di autorizzazione. È disponibile un nuovo modo per implementare e utilizzare il DOM Shadow direttamente in HTML. E c'è molto altro.
- Chrome
Aggiornamento dell'architettura DevTools: migrazione di DevTools a TypeScript
Come eseguiamo la migrazione di Chrome DevTools dal controllo dei tipi di Closure Compiler a TypeScript.
- Chrome
The Chromium Chronicle n. 19: sviluppo più rapido con CLion
CLion IDE consente di esplorare simboli, eseguire ricerche nel codebase e altro ancora.
- Chrome
Rimozioni e ritiri in Chrome 90
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 90 per aiutarti a pianificare le tue attività.
- Chrome
Aggiunta dell'entità del ranking al report CrUX in BigQuery
Aggiunta dell'entità del ranking al report CrUX in BigQuery.
- Chrome
Guida dell'API VersionCronologia
Una guida illustrativa sull'utilizzo dell'API del servizio web VersionCronologia per accedere in modo programmatico alle informazioni della cronologia delle versioni di Google Chrome.
Velocizzare il ciclo di rilascio di Google Chrome
Entro la fine dell'anno, intendiamo ridurre il ciclo di rilascio e distribuire una nuova versione di Google Chrome sul canale stabile ogni quattro settimane, rispetto all'attuale ciclo di sei settimane.
- Chrome
Esempi di API Version History
Esempio di utilizzo dell'API del servizio web VersionCronologia.
Riferimento API VersionCronologia
Informazioni di riferimento tecnico sull'API del servizio web VersionCronologia.
Novità di Chrome 89
È in corso l'implementazione di Chrome 89. WebHID, WebNFC e Web Serial sono stati superati dalle loro prove dell'origine e sono ora disponibili in modalità stabile. Stiamo chiudendo una scappatoia usata da alcuni sviluppatori per limitare i controlli di installabilità delle PWA. Condivisione web e Target condivisione web sono disponibili sul computer. E c'è molto altro.
- Chrome
Novità di DevTools (Chrome 90)
Supporto del debug per CSS Flexbox, visualizzazione di avvisi sulle prestazioni nella pagina, aggiornamenti della scheda Problemi e altro ancora.
- Chrome
Supporto di CSS-in-JS in DevTools
Come supportiamo CSS-in-JS in DevTools e in che modo è diverso dal CSS normale.
- Chrome
- Chrome DevTools
Supporto di CSS-in-JS in DevTools
Come supportiamo CSS-in-JS in DevTools e in che modo è diverso dal CSS normale.
Prepararsi alle modalità di visualizzazione di domani
La proprietà display_override consente agli sviluppatori di definire una catena di riserva personalizzata di modalità in cui visualizzare le loro PWA.
Aggiornamenti delle funzionalità di animazione con accelerazione hardware
Chromium sta aggiornando le sue funzionalità di accelerazione hardware per le animazioni SVG, le trasformazioni basate sulla percentuale, il percorso dei clip, le immagini di sfondo e altro ancora.
- Chrome
The Chromium Chronicle n. 18: copertura del codice di Chromium
La copertura dei test misura la quantità di codice sorgente eseguita durante l'esecuzione di una determinata suite di test.
- Chrome
Giornata internazionale della lingua madre 2021
La Giornata internazionale della lingua madre è una celebrazione annuale della diversità culturale che si osserva in tutto il mondo il 21 febbraio. Promuove la conservazione e la protezione delle lingue parlate in tutto il mondo e celebra il multilinguismo.
- Chrome
Formattare e applicare stili ai messaggi nella console
Scopri come formattare e applicare stili ai messaggi nella console.
- Chrome DevTools
Miglioramento del rilevamento del supporto offline delle app web progressive
La verifica del supporto offline è stata parte dei criteri di installabilità delle PWA sin dall'inizio.
- Chrome
Miglioramento del tempo di avvio di DevTools
Riduci l'overhead delle prestazioni di DevTools per l'invio dei messaggi nel front-end.
- Chrome
Rimozioni e ritiri in Chrome 89
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 89 per aiutarti a pianificare.
- Chrome
The Chromium Chronicle n. 17: Mixin di test del browser
Quando scrivi un test del browser, spesso vuoi eseguire in modo programmatico azioni di configurazione che l'utente può eseguire manualmente. A questo scopo, i mixin sono una suite di strumenti che consentono di eseguire una configurazione non banale di test del browser in modo riutilizzabile.
- Chrome
Ricevi i pagamenti tramite Fatturazione Google Play con le API Digital Goods e Payment Request
Ricevi i pagamenti tramite Fatturazione Google Play nella tua PWA con l'API Digital Goods, l'API Payment Request e l'Attività web attendibile
Automazione della selezione delle risorse con hint del client
L'ottimizzazione delle immagini è complessa e l'automazione è la chiave del successo.
- Chrome
Migrazione di Puppeteer a TypeScript
Come eseguiamo la migrazione di Puppeteer a TypeScript.
- Chrome
Novità di Chrome 88
È in corso l'implementazione di Chrome 88. Ora puoi caricare estensioni in Chrome Web Store utilizzando il file manifest v3. La proprietà CSS delle proporzioni semplifica l'impostazione delle proporzioni su qualsiasi elemento. Ora puoi utilizzare Fatturazione Play nella tua Attività web attendibile e ce ne sono molti altri. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 88!
- Chrome
Novità di DevTools (Chrome 89)
Debug del supporto per le violazioni dei tipi attendibili, acquisizione dello screenshot del nodo oltre l'area visibile, nuova scheda Token di attendibilità per le richieste di rete e altro ancora.
- Chrome
Aggiornamenti di SharedArraybu in Chrome 88 per Android e Chrome 92 per computer desktop
SharedArrayBuffer sarà disponibile con Chrome 88 per Android. Sarà disponibile solo per le pagine con isolamento multiorigine. A partire dalla versione desktop di Chrome 92, sarà disponibile anche solo per le pagine isolate multiorigine. Puoi registrarti a una prova dell'origine per mantenere il comportamento attuale fino a Chrome per desktop 113.
- Chrome
Limitazione intensiva dei timer JS concatenati a partire da Chrome 88
La limitazione intensiva viene applicata quando la pagina è nascosta per più di 5 minuti, la pagina è in modalità silenziosa per almeno 30 secondi, WebRTC non è in uso e la catena di timer è pari o superiore a 5.
- Chrome
Chromium Chronicle n. 16: aggiornamento di Google Apps sul computer
Hai mai pensato a come Chrome si aggiorna sul tuo desktop? Oppure come vengono pubblicati gli aggiornamenti su Chromebook, Chromecast o Android?
- Chrome
Debug di WebAssembly con strumenti moderni
Panoramica passo passo della nuova esperienza di debug per WebAssembly in Chrome DevTools.
- Chrome
Aggiornamento dell'architettura DevTools: migrazione ai componenti web
Perché e come eseguiamo la migrazione di Chrome DevTools ai componenti web.
- Chrome
Ti diamo il benvenuto nel nuovo developer.chrome.com.
Annuncio di un rinnovamento del sito e un riepilogo dei nostri piani per il 2021.
- Chrome
Rimozioni e ritiri in Chrome 88
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 88 per aiutarti a pianificare.
- Chrome
Aggiungi la tua app al Play Store
Aggiungere la TWA al Play Store
Utilizzare Fatturazione Google Play
La fatturazione di Google Play offre strumenti per gestire il catalogo, i prezzi e gli abbonamenti, i report e un flusso di pagamento basato sul Play Store.
Novità di Web in Play
Scopri le nuove funzionalità per le applicazioni web che utilizzano Attività web attendibile.
Carica risorse di terze parti tramite caricamento lento con i facade
Scopri le opportunità per il caricamento lento di risorse di terze parti con i facade.
Chromium Chronicle n. 15: limitazione della visibilità dei target
In Chromium è comune trovare codice scritto per un componente che sarebbe utile altrove, ma che potrebbe avere limitazioni nascoste. Per sicurezza, limita l'accesso esterno a funzionalità pericolose limitando la visibilità della destinazione.
- Chrome
Usa Fatturazione Play nell'attività web attendibile
Scopri come integrare la Fatturazione Google Play nel tuo progetto Attività web attendibile.
Migliore pianificazione JS con isInputPending()
Una nuova API JavaScript che può aiutarti a evitare il compromesso tra le prestazioni di carico e la reattività dell'input.
Simulazione di carenze della visione dei colori in Blink Renderer
Perché e come abbiamo implementato la simulazione di difetti della visione dei colori in DevTools e in Blink Renderer.
- Chromium
Novità di Chrome 87
È in corso l'implementazione di Chrome 87. Ora puoi controllare panoramica, inclinazione e zoom sulle webcam che lo supportano, le richieste di copertura e i service worker non richiedono tante soluzioni alternative, l'API di accesso ai caratteri avvia la sua prova dell'origine e molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 87!
- Chrome
workbox-ricette
Utilizza facilmente pattern comuni della casella di lavoro senza doverli configurare autonomamente dai singoli pacchetti.
Novità di DevTools (Chrome 88)
Nuovi strumenti di visualizzazione angolare CSS, emula tipi di immagini e quota di archiviazione non supportati, nuova corsia Web Vitals e altro ancora.
- Chrome
Puppetaria: script di Puppeteer orientati all'accessibilità
Puppetaria: script Puppeteer orientati all'accessibilità, che consentono un gestore di query alternativo basato sull'esecuzione di query nell'albero dell'accessibilità anziché su selettori CSS.
- Chrome
Attiva obiettivo condivisione web nell'attività web attendibile
Scopri come attivare la destinazione della condivisione web in un progetto utilizzando Attività web attendibile.
Informazioni su Manifest V2
Documentazione per sviluppatori di estensioni di Chrome.
- Estensioni di Chrome
Feedback desiderato: CORS per reti private (RFC1918)
L'esposizione involontaria di dispositivi e server sulla rete interna di un client al Web in generale li rende vulnerabili ad attacchi dannosi. CORS-RFC1918 è una proposta per bloccare le richieste provenienti da reti pubbliche per impostazione predefinita sul browser e richiedere che i dispositivi interni attivino queste richieste.
- Chrome
Chromium Chronicle n. 14: aggiunta di test alla struttura a cascata
Vuoi rilevare le regressioni per la tua nuova funzionalità in Chrome? Aggiungi i tuoi test alla struttura a cascata, l'infrastruttura di test e creazione continua di Chrome.
- Chrome
Come abbiamo creato la scheda WebAuthn di Chrome DevTools
Come abbiamo creato la scheda WebAuthn di Chrome DevTools per consentire agli sviluppatori di emulare gli strumenti di autenticazione, personalizzare le funzionalità e ispezionare i loro stati.
Consenti alle applicazioni web installate di essere gestori di file
Registra un'app come gestore di file con il sistema operativo. Ora che le app web sono in grado di leggere e scrivere file, il passaggio logico successivo è consentire agli sviluppatori di dichiarare queste app web come gestori dei file che le loro
Rimozioni e ritiri in Chrome 87
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 87 per aiutarti a pianificare.
- Chrome
Elaborazione video con WebCodecs
Utilizza i componenti di un video stream, come frame e frammenti non misti di video o audio codificato.
Partizionamento della cache per maggiore sicurezza e privacy
Il partizionamento della cache HTTP di Chrome contribuisce a migliorare la sicurezza e la privacy.
- Chrome
Novità di Chrome 86
È in corso l'implementazione di Chrome 86. L'API di accesso al file system è ora disponibile in versione stabile. Sono disponibili nuove prove dell'origine per Web HID e l'API di posizionamento Multi-Screen Window. Ci sono alcune novità in CSS e molto altro. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 86!
- Chrome
Prove dell'origine di terze parti
Scopri in che modo i fornitori di contenuti incorporati possono testare funzionalità delle piattaforme web nuove o sperimentali su più siti.
Novità di DevTools (Chrome 87)
Nuovi strumenti di debug della griglia CSS, scheda Autenticazione web, strumenti spostabili e riquadro della barra laterale Calcolata.
- Chrome
Come abbiamo creato la scheda Problemi di Chrome DevTools
Come abbiamo creato la scheda Problemi di Chrome DevTools per migliorare l'esperienza degli sviluppatori in merito al rilevamento dei problemi e alla loro soluzione.
- Chrome
Sensori: emulano i sensori del dispositivo
Utilizza il riquadro Sensori per ignorare la geolocalizzazione, simulare l'orientamento del dispositivo, forzare il tocco e emulare lo stato inattivo.
- Chrome DevTools
Eseguire la migrazione da Workbox v5 a v6
Guida alla migrazione da Workbox v5 a v6.
Connessione a dispositivi HID insoliti
L'API WebHID consente ai siti web di accedere a tastiere ausiliarie alternative e gamepad esotici.
Gestione di diversi schermi con l'API Window Management
L'API Window Management ti consente di enumerare i display connessi al tuo computer e di posizionare finestre su schermate specifiche.
Aggiornamento dell'architettura DevTools: migrazione ai moduli JavaScript
Come eseguiamo la migrazione di Chrome DevTools ai moduli JavaScript.
- Chrome
Rimozioni e ritiri in Chrome 86
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 86 per aiutarti a pianificare.
- Chrome
Novità di Chrome 85
È in corso l'implementazione di Chrome 85. Puoi migliorare le prestazioni del rendering con content-visible: auto. Ora è possibile impostare le proprietà CSS... in CSS. Ora puoi verificare se la tua app Windows o PWA è installata con l'API getinstalledRelatedApps(). Le scorciatoie icone delle app funzionano anche su Windows (in tempo reale). È disponibile una prova dell'origine per il flusso di caricamento del recupero. E molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 85!
- Chrome
Usare la tipografia avanzata con i caratteri locali
L'API Local Font Access enumera i caratteri locali installati dall'utente e fornisce un accesso di basso livello alle varie tabelle TrueType/OpenType
Novità di DevTools (Chrome 86)
Nuovo riquadro Media, acquisizione dello screenshot del nodo, aggiornamenti della scheda Problemi, emulazione dei caratteri locali mancanti, utenti inattivi e prefers-reduced-data.
- Chrome
Lettura e scrittura su una porta seriale
L'API Web Serial collega il web e il mondo fisico consentendo ai siti web di comunicare con i dispositivi seriali.
Aggiungi intestazioni delle richieste HTTP aggiuntive
Guida all'aggiunta di intestazioni HTTP CORS negli intent delle schede personalizzate.
Nuovo criterio Referrer-Policy predefinito per Chrome: rigoroso-origin-quando-cross-origin
Nuovo criterio Referrer-Policy predefinito per Chrome: rigoroso-origin-quando-cross-origin
- Chrome
Acquisisci le chiavi con l'API Keyboard Lock
L'API Keyboard Lock consente ai siti web di acquisire chiavi normalmente riservate dal sistema operativo sottostante. È destinato alle applicazioni web che offrono un'esperienza immersiva a schermo intero (come giochi o app di accesso remoto).
Lettura e scrittura di file e directory con la libreria browser-fs-access
Tutti i browser moderni sono in grado di leggere file e directory locali; tuttavia, il vero accesso in scrittura, vale a dire più del semplice download di file, è limitato ai browser che implementano l'API File System Access. Questo post introduce una libreria di supporto chiamata browser-fs-access che funge da livello di astrazione sulla parte superiore dell'API File System Access e che utilizza in modo trasparente gli approcci precedenti per la gestione dei file.
Richieste di flussi di dati con l'API fetch
Chromium supporta ora lo streaming di caricamento a partire dalla versione 105, il che significa che puoi avviare una richiesta prima di rendere disponibile l'intero corpo.
Rimozioni e ritiri in Chrome 85
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 85 per aiutarti a pianificare.
- Chrome
Houdini - Demistificazione dei CSS
Houdini è una raccolta di API che espongono gli elementi interni del motore CSS agli sviluppatori.
Novità di Chrome 84
È in corso l'implementazione di Chrome 84. Gli utenti possono avviare attività comuni all'interno della tua app con le scorciatoie delle icone delle app. L'API Web Animations aggiunge il supporto per una serie di funzioni precedentemente non supportate. Wake Lock e l'API Content Indexing escono dalla prova dell'origine. Sono disponibili nuove prove dell'origine per il rilevamento di inattività e SIMD. E ce n'è molto altro. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 84!
- Chrome
Usare le schede personalizzate con Android 11
Come usare le schede personalizzate con Android 11
- Chrome
Rimuovi il codice JavaScript inutilizzato
Scopri come superare il controllo "Rimuovi JavaScript inutilizzato" di Lighthouse.
Novità di DevTools (Chrome 85)
Modifica degli stili per framework CSS-in-JS, Lighthouse 6.0, nuove funzionalità JavaScript e altro ancora.
- Chrome
Come utilizzare l'API CrUX
Scopri come utilizzare l'API Chrome UX Report per accedere con RESTful ai dati relativi all'esperienza utente reale su milioni di siti web.
- Chrome UX Report
Migliorare la privacy dell'utente e l'esperienza degli sviluppatori con i client hint dello user agent
I client hint User-Agent sono una nuova espansione dell'API Client Hints che consente agli sviluppatori di accedere alle informazioni sul browser di un utente in modo ergonomico e nel rispetto della privacy. Gli indicatori client consentono agli
Come creare una dashboard CrUX su Looker Studio
Looker Studio è un potente strumento di visualizzazione dei dati che ti consente di creare dashboard basate sulle origini di big data, come il report sull'esperienza utente di Chrome. In questa guida scoprirai come creare la tua dashboard CrUX personalizzata per monitorare l'esperienza utente di un'origine.
- Chrome UX Report
Come utilizzare il set di dati BigQuery CrUX
In questa guida scoprirai come utilizzare BigQuery per scrivere query sul set di dati CrUX ed estrarre risultati approfonditi sullo stato delle esperienze utente sul web.
- Chrome UX Report
Utilizzo di WebTransport
WebTransport è un'API che offre messaggistica client-server bidirezionale a bassa latenza. Scopri di più sui casi d'uso e su come fornire feedback relativi al futuro dell'implementazione.
Rimozioni e ritiri in Chrome 84
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 84 per aiutarti a pianificare.
- Chrome
Novità di Chrome 83
È in corso l'implementazione di Chrome 83. Aggiunge il supporto per i tipi attendibili, che contribuiscono a prevenire le vulnerabilità cross-site scripting. Gli elementi del modulo vengono modificati in modo importante. Esiste un nuovo modo per rilevare le perdite di memoria. L'API nativa del file system avvia una nuova prova dell'origine con funzionalità aggiuntive. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 83!
- Chrome
Novità di Lighthouse 6.0
Nuove metriche, aggiornamento del punteggio di rendimento, nuovi controlli e altro ancora. Oggi rilasciamo Lighthouse 6.0. Lighthouse è uno strumento di controllo automatico dei siti web che aiuta gli sviluppatori a individuare opportunità e problemi
- Chrome
Rilevare gli utenti inattivi con l'API Idle Detection
L'API Idle Detection notifica agli sviluppatori quando un utente è inattivo, indicando ad esempio la mancanza di interazione con la tastiera, il mouse, lo schermo, l'attivazione di un salvaschermo, il blocco dello schermo o il passaggio a uno schermo diverso. Una soglia definita dallo sviluppatore attiva la notifica.
Problemi: individuare e risolvere i problemi
Utilizza il riquadro Problemi per trovare e risolvere i problemi relativi al tuo sito web.
- Chrome DevTools
Gestire gli interventi pubblicitari pesanti
Gestire gli interventi pubblicitari pesanti
- Chrome
Novità di DevTools (Chrome 84)
La nuova scheda Problemi, le informazioni sull'accessibilità nella descrizione comando della modalità di ispezione e altro ancora.
- Chrome
La dichiarazione del set di caratteri non è presente o è troppo tardi nel codice HTML
Scopri come aggiungere una dichiarazione della codifica dei caratteri al tuo codice HTML.
Rimozioni e ritiri in Chrome 83
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 83 per aiutarti a pianificare.
- Chrome
Novità di Chrome 81
È in corso l'implementazione di Chrome 81. Badge dell'icona dell'app che ha completato la prova dell'origine. Ora il test degli hit per la realtà aumentata è disponibile nel browser. Avvia la prova dell'origine di NFC web. Ho un aggiornamento sulla programmazione delle release di Chrome modificata. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 81!
- Chrome
WebSocketStream: integrazione degli stream con l'API WebSocket
WebSocketStream integra gli stream con l'API WebSocket. In questo modo, l'app può applicare la backpressure ai messaggi ricevuti.
The Chromium Chronicle n. 13: debug per i viaggi nel tempo con RR
Ti ritrovi a eseguire lo stesso test più e più volte nel debugger per cercare di capire come il codice si è presentato in uno stato non valido? Abbiamo uno strumento per te! RR registrerà una traccia di esecuzione, facilitando così il passo indietro, l'esecuzione a ritroso, per vedere dove le variabili hanno cambiato il proprio valore o quando una funzione è stata chiamata l'ultima volta su un oggetto.
- Chrome
Novità di DevTools (Chrome 83)
Emula difetti della visione dei colori, impostazioni internazionali, debug COOP e COEP e molto altro ancora.
- Chrome
Rimozioni e ritiri in Chrome 81
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 81 per aiutarti a pianificare.
- Chrome
Interagire con dispositivi NFC su Chrome per Android
Ora è possibile leggere e scrivere nei tag NFC in Chrome per Android.
Aggiunta dei dati relativi alle autorizzazioni di notifica al Report sull'esperienza utente di Chrome
Per aiutare i proprietari di siti a comprendere le metriche relative alle autorizzazioni alle notifiche, stiamo aggiungendo questi dati al Chrome User Experience Report (CrUX) nel set di dati del 202001, consentendo loro di capire meglio le tipiche risposte alle autorizzazioni alle notifiche degli utenti per i loro siti e per siti simili nella loro categoria.
- Chrome
The Chromium Chronicle n. 10: rilevare le regressioni dell'interfaccia utente con i test di Pixel
La strategia di test di Chrome si basa fortemente sui test automatici di correttezza funzionale e sui test manuali, ma nessuno dei due rileva in modo affidabile le regressioni minori dell'interfaccia utente. Utilizza i test dei pixel per automatizzare i test dell'interfaccia utente del browser desktop.
- Chrome
Panoramica delle schede personalizzate Android
Scopri quando è meglio utilizzare le schede personalizzate di Android per aprire un URL nella tua app Android.
Aprire una scheda personalizzata per i link in una WebView
Combina WebView e schede personalizzate per un'esperienza utente migliore.
Controllare se un dispositivo Android ha un browser che supporta Custom Tabs
Scopri come verificare se un dispositivo Android ha un browser che supporta la Scheda personalizzata.
Novità di Chrome 80
È in corso l'implementazione di Chrome 80 e ci sono tantissime novità per gli sviluppatori. Supporto per i moduli nei worker, il concatenamento facoltativo in JavaScript, le prove di nuova origine, le funzionalità che hanno superato la prova dell'origine e molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 80!
- Chrome
Guida all'integrazione
Scopri come utilizzare Attività web attendibili nella tua app per Android.
Disposizione del terreno
Una panoramica delle librerie e degli strumenti per la creazione di attività web attendibili.
Panoramica
Scopri come integrare perfettamente la tua app web progressiva nella tua app per Android con un'attività web attendibile.
Utilizzo dell'API di basso livello della Scheda personalizzata
Scopri come utilizzare una scheda personalizzata senza la libreria di supporto del browser Androidx.
Novità di DevTools (Chrome 81)
Moto G4 in modalità dispositivo, nuove funzionalità relative ai cookie e altro ancora.
- Chrome
Trasferimento di informazioni a un'attività web attendibile utilizzando i parametri di ricerca
Come trasferire informazioni dalla shell nativa all'applicazione web durante l'avvio di un'attività web attendibile.
Attività web attendibili con più origini
Come creare un'applicazione utilizzando Attività web attendibili che supporta l'apertura di più origini a schermo intero.
visualizzazione elemento più grande
Scopri la metrica Largest Contentful Paint di Lighthouse e come misurarla e ottimizzarla.
android-browser-helper, una nuova libreria per creare attività web attendibili.
Presenta android-browser-helper, una nuova libreria per creare attività web attendibili.
Rimozioni e ritiri in Chrome 80
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 80 per aiutarti a pianificare.
- Chrome
Eseguire la migrazione da Workbox v4 a v5
Guida alla migrazione da Workbox v4 a v5.
Chromium Chronicle n. 9: ClusterFuzz
Potresti scoprire che ti viene chiesto di correggere i bug di sicurezza ad alta priorità rilevati da ClusterFuzz. Di cosa si tratta? Dovresti prendere questi bug sul serio? Come puoi aiutarmi?
- Chrome
Indicizzare le pagine compatibili con la modalità offline con l'API Content Indexing
La PWA potrebbe memorizzare nella cache articoli e file multimediali, ma come faranno gli utenti a sapere che le tue pagine funzionano in modalità offline? L'API Content Indexing è una risposta a questa domanda. Una volta completato l'indice con i contenuti della PWA, nonché di eventuali altre PWA installate, l'indice verrà visualizzato in aree dedicate dei browser supportati.
Novità di Chrome 79
È in corso l'implementazione di Chrome 79. Le app web progressive installate su Android ricevono supporto per le icone mascherabili. Ora puoi creare esperienze coinvolgenti con l'API WebXR Device. Iniziano le prove dell'origine per l'API Wake Lock e per l'attributo rendersubtree. E tutti i video del Chrome Dev Summit 2019 sono ora online. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 79!
- Chrome
Debug di WebAssembly migliorato in Chrome DevTools
Esegui l'upgrade del codice, imposta i punti di interruzione e risolvi le analisi dello stack nei linguaggi di origine da DevTools.
- Chrome
Novità di DevTools (Chrome 80)
Supporto delle ridichiarazioni di autorizzazioni e classi nella console, debug migliorato di WebAssembly e altro ancora.
- Chrome
The Chromium Chronicle n. 8: GWP-ASan: rileva i bug in natura
GWP-ASan è un rilevatore di errori di memoria solo heap progettato per essere utilizzato in natura. Rileva use-after-free, overflow/underflow del buffer e doppio free. A differenza di ASan, non rileva errori nello stack o nei globali.
- Chrome
Inizia a utilizzare i web bundle
I Web Bundle ti consentono di condividere i siti web come un singolo file tramite Bluetooth e di eseguirli offline nel contesto della tua origine.
Esperienze offline più complete con l'API Periodic Background Sync
La sincronizzazione in background periodica consente alle applicazioni web di sincronizzare periodicamente i dati in background, avvicinando le app web al comportamento di un'app per iOS/Android/desktop.
Ricezione di dati condivisi con l'API Web Share Target
Su un dispositivo mobile o desktop, la condivisione dovrebbe essere semplice quanto fare clic sul pulsante Condividi, scegliere un'app e poi scegliere con chi condividere. L'API Web Share Target consente alle app web installate di registrarsi con il sistema operativo sottostante per ricevere contenuti condivisi.
Rimozioni e ritiri in Chrome 79
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 79 per aiutarti a pianificare.
- Chrome
API Notification Triggers
L'API Notification Triggers consente agli sviluppatori di programmare notifiche locali che non richiedono una connessione di rete, il che le rende ideali per casi d'uso come le app di calendario.
The Chromium Chronicle n. 7: origine di pre-elaborazione
La compilazione manuale di un singolo file sorgente di Chromium può aiutare gli sviluppatori a sperimentare le opzioni di ottimizzazione del compilatore, comprendere i dettagli sottili delle macro o ridurre al minimo un bug del compilatore. Questo mese vedremo come pre-elaborare il codice sorgente.
- Chrome
Novità di Chrome 78
È in corso l'implementazione di Chrome 78. Ora puoi fornire dei "tipi" per le variabili CSS. Avrai service worker più aggiornati perché ora vengono eseguiti controlli byte per byte per gli script importati da importScripts(). E ho i dettagli di due nuove prove dell'origine che forniscono alcune interessanti funzionalità, tra cui il file system nativo e il ricevitore SMS. Inoltre, il Chrome DevSummit si terrà dall'11 al 12 novembre 2019. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 78!
- Chrome
Novità di DevTools (Chrome 79)
Esegui il debug del motivo per cui i cookie sono stati bloccati, simula prefers-color-scheme: scuro, aggiornamenti della copertura del codice e altro ancora.
- Chrome
Tempo di blocco totale
Scopri la metrica Total Blocking Time di Lighthouse e come misurarla e ottimizzarla.
Verifica i numeri di telefono sul web con l'API WebOTP
Trovare, memorizzare e digitare OTP inviate tramite SMS è complicato. L'API WebOTP semplifica il flusso di lavoro OTP per gli utenti.
The Chromium Chronicle n. 6: visualizzazione griglia di Monorail
Monorail, il tracker dei problemi di Chrome, offre una visualizzazione griglia che ti consente di visualizzare i problemi in una lavagna in stile Kanban. In questa puntata viene spiegato come utilizzare la modalità griglia.
- Chrome
Rimozioni e ritiri in Chrome 78
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 78 per aiutarti a pianificare.
- Chrome
Service worker più aggiornati per impostazione predefinita
Per impostazione predefinita, le richieste HTTP che verificano la disponibilità di aggiornamenti dello script del service worker non verranno più soddisfatte dalla cache HTTP e gli script importati possono attivare il flusso di aggiornamento del service worker.
- Chrome
Punteggio di accessibilità di Lighthouse
Scopri in che modo Lighthouse genera il punteggio di accessibilità per la tua pagina.
Punteggio delle prestazioni di Lighthouse
Scopri in che modo Lighthouse genera il punteggio complessivo delle prestazioni per la pagina.
Novità di Chrome 77
È in corso l'implementazione di Chrome 77. Esiste un modo migliore per monitorare le prestazioni del sito con Largest Contentful Paint. I moduli hanno alcune nuove funzionalità. Il caricamento lento nativo è ora disponibile. Il Chrome DevSummit si terrà dall'11 al 12 novembre 2019. E molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 77!
- Chrome
Debug dei servizi in background
Visualizza report ed esegui il debug dei servizi in background, ad esempio recupero in background, sincronizzazione in background, notifiche, messaggi push e altro ancora.
- Chrome DevTools
Novità di DevTools (Chrome 78)
Lighthouse 5.2 nel riquadro Controlli e Largest Contentful Paint nel riquadro Prestazioni.
- Chrome
Inizia a utilizzare GPU Compute sul web
Questo post esplora l'API WebGPU sperimentale tramite esempi e ti aiuta a iniziare a eseguire calcoli dati paralleli utilizzando la GPU.
Guida rapida
Una guida per iniziare a creare un'Attività web attendibile di base ed essenziale.
The Chromium Chronicle n. 5: programmazione al di fuori della sandbox
Tutto il codice presenta bug. Il processo del browser Chrome non ha sandbox, il che significa che questi bug potrebbero concedere al codice malizioso accesso completo all'intero dispositivo. Questo episodio spiega cosa fare e cosa fare senza usare una sandbox per la programmazione.
- Chrome
Conoscere l'integrità del codice con l'API ReportingAnnotar
Reportingosservazione ti consente di sapere quando il tuo sito utilizza un'API deprecata o viene eseguito un intervento del browser. La funzionalità di base inizialmente era disponibile in Chrome 69. A partire da Chrome 84, può essere utilizzato nei worker. È piuttosto semplice.
Rimozioni e ritiri in Chrome 77
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 77 per aiutarti a pianificare.
- Chrome
Un selettore di contatti per il Web
L'accesso ai contatti dell'utente è una funzionalità delle app per iOS/Android sin dall'alba dei tempi. L'API Contact Picker è un'API on demand che consente agli utenti di selezionare una o più voci dal proprio elenco contatti e di condividere dettagli limitati dei contatti selezionati con un sito web. Permette agli utenti di condividere solo ciò che vogliono e quando vogliono e li aiuta a entrare in contatto con amici e familiari e a raggiungerli più facilmente.
Chromium Chronicle n. 4: testa le funzionalità della tua piattaforma web con WPT
I test della piattaforma web (WPT) sono il modo migliore per testare le funzionalità esposte al Web, in quanto vengono condivisi con altri browser tramite GitHub. Questo mese esamineremo le best practice del WPT.
- Chrome
Novità di Chrome 76
È in corso l'implementazione di Chrome 76. Aggiunge il supporto per la query supporti prefers-color-scheme, attivando la modalità Buio sui siti web. Un pulsante di installazione nella omnibox per semplificare l'installazione delle app web progressive sul desktop. Un modo per impedire la visualizzazione della mini-barra delle informazioni sui dispositivi mobili. Aumenta la frequenza con cui vengono aggiornati i WebAPK. E molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 76!
- Chrome
Aggiornamenti di contenuti multimediali in Chrome 75
Prevedere se la riproduzione sarà fluida ed efficiente dal punto di vista energetico per i contenuti multimediali criptati e il supporto dell'attributo "playsInline" dell'elemento video.
- Chrome
Novità di DevTools (Chrome 77)
Copia gli stili degli elementi, visualizza la variazione del layout e altro ancora.
- Chrome
Aggiornamento dei componenti web: più tempo per eseguire l'upgrade alle API v1
Gli utenti di Web Components v0 hanno più tempo per eseguire l'upgrade a v1, ma assicurati e prova.
- Chrome
The Chromium Chronicle n. 3: copertura del codice in Gerrit
I test sono fondamentali perché individuano bug e regressioni, applicano progetti migliori e semplificano la manutenzione del codice. Questo mese vedremo come condurre test approfonditi con Gerrit.
- Chrome
Rimozioni e ritiri in Chrome 76
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 76 per aiutarti a pianificare.
- Chrome
Aggiornamento più frequente dei WebAPK
A partire da Chrome 76, i WebAPK verranno aggiornati con maggiore frequenza.
- Chrome
LayoutNG
Un nuovo motore di layout per Chromium
- Chrome
Novità di Chrome 75
È in corso l'implementazione di Chrome 75. È disponibile un nuovo modo per ridurre la latenza negli elementi canvas. Ora le app web possono condividere file con altre app installate utilizzando il foglio di condivisione a livello di sistema. Tutte le conferenze di Google I/O sono sul nostro canale YouTube. E molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 75!
- Chrome
Novità di DevTools (Chrome 76)
Completa automaticamente con valori CSS, una nuova UI per le impostazioni di rete e altro ancora.
- Chrome
The Chromium Chronicle n. 2: Fighting Test Flakiness
I test instabili sono un problema comune in Chrome. Influiscono sulla produttività di altri sviluppatori e vengono disattivati nel tempo. Questo mese, daremo un'occhiata a come contrastare le irregolarità dei test.
- Chrome
In Chrome 76 puoi nascondere la mini-barra delle informazioni della schermata Aggiungi a Home
Aggiunta di un maggiore controllo alla mini-barra delle informazioni per le PWA in Chrome 76.
- Chrome
Realtà aumentata con visualizzatore modello
A febbraio abbiamo introdotto il componente web visualizzatore modelli, che consente di aggiungere dichiarativamente un modello 3D a una pagina web. Ora annunciamo il supporto dell'AR su Android con l'aggiunta dell'attributo ar.
- Chrome
Paint Holding: riduce la luminosità del bianco nelle navigazioni con la stessa origine
Una rapida panoramica su come conservare i colori. Una funzionalità di Chrome per ridurre il flash di bianco nelle navigazioni della stessa origine
- Chrome
Evita i reindirizzamenti di più pagine
Scopri perché i reindirizzamenti delle pagine rallentano la velocità di caricamento della pagina web e come evitarli.
Minimizza CSS
Scopri di più sul controllo CSS Unminified.
Rimozioni e ritiri in Chrome 75
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 75 per aiutarti a pianificare.
- Chrome
Codifica in modo efficace le immagini
Scopri di più sul controllo Use-Optimized-images.
Richiede l'autorizzazione di geolocalizzazione al caricamento della pagina
Scopri come richiedere responsabilmente l'autorizzazione alla geolocalizzazione in modo da offrire un'esperienza utente positiva.
Il documento non ha una meta descrizione
Scopri di più sul controllo Lighthouse "Il documento non ha una meta descrizione".
First Meaningful Paint
Scopri la metrica First Meaningful Paint di Lighthouse, deprecata, e come misurarla e ottimizzarla.
First Input Delay potenziale massimo
Scopri la metrica Max Potential First Input Delay deprecata di Lighthouse e come misurarla e ottimizzarla.
Contrassegni e misure User Timing
Scopri in che modo l'API User Timing può aiutarti a ottenere dati reali sulle prestazioni della tua pagina web.
Evitare di concatenare le richieste fondamentali
Scopri cosa sono le catene di richieste fondamentali, in che modo influiscono sulle prestazioni delle pagine web e come puoi ridurne l'effetto.
Evita payload di rete enormi
Scopri come migliorare il tempo di caricamento della tua pagina web riducendo la dimensione totale dei file delle risorse che pubblichi per i tuoi utenti.
Attiva la compressione del testo
Scopri come l'attivazione della compressione del testo può migliorare le prestazioni di caricamento delle pagine.
Rimuovi il CSS inutilizzato
Scopri di più sul controllo unused-css-rule.
L'indicizzazione della pagina è bloccata
Scopri di più sul controllo Lighthouse "L'indicizzazione della pagina è bloccata".
Pubblicare immagini in formati moderni
Scopri di più sul controllo use-webp-images.
Prima inattività CPU
Scopri la metrica First CPU Idle deprecata di Lighthouse e come ottimizzarla.
Utilizza document.write()
Scopri come velocizzare il tempo di caricamento della tua pagina evitando document.write().
Nella pagina manca il doctype HTML, pertanto viene attivata la modalità non standard
Scopri come assicurarti che la tua pagina non attivi la modalità non standard nei browser meno recenti.
Mantieni un numero ridotto di richieste e dimensioni ridotte per i trasferimenti
Scopri come un numero elevato di risorse e grandi dimensioni di trasferimento influiscono sulle prestazioni del carico. Scopri le strategie per ridurre il numero di richieste e le dimensioni dei trasferimenti.
Il documento non contiene un valore rel=canonical valido
Scopri di più sul controllo Lighthouse "Il documento non ha un rel=canonical" valido.
Utilizza API deprecate
Scopri come rimuovere e sostituire le API deprecate dalla tua pagina web.
I controlli personalizzati hanno etichette associate
Scopri come migliorare l'accessibilità assicurandoti che tutti i controlli personalizzati dispongano di etichette accessibili agli utenti delle tecnologie per la disabilità.
Gli elementi interattivi indicano il loro scopo e il loro stato
Scopri come migliorare l'accessibilità dei controlli personalizzati sulla tua pagina web rendendo chiari il loro scopo e gli stati a tutti gli utenti.
Precarica le richieste chiave
Scopri di più sul controllo use-rel-preload.
I contenuti fuori schermo non sono visibili alle tecnologie per la disabilità
Scopri come migliorare l'accessibilità per gli utenti delle tecnologie per la disabilità nascondendo i contenuti fuori schermo dalle tecnologie per la disabilità.
Librerie JavaScript rilevate
Scopri di più sulla verifica diagnostica delle "librerie JavaScript rilevate" di Lighthouse.
Utilizzare listener passivi per migliorare le prestazioni dello scorrimento
Scopri come migliorare la reattività allo scorrimento della pagina evitando listener di eventi passivi.
I link che rimandano a destinazioni multiorigine non sono sicuri
Scopri come collegarti in modo sicuro alle risorse su un altro host.
Richiede l'autorizzazione alle notifiche al caricamento della pagina
Scopri come richiedere responsabilmente l'autorizzazione alle notifiche in modo da offrire un'esperienza utente positiva.
Riduci a icona il lavoro del thread principale
Scopri il thread principale del browser e come puoi ottimizzare la tua pagina web per ridurre il carico del thread principale e migliorare le prestazioni.
Utilizzare formati video per i contenuti animati
Scopri di più sul controllo efficiente dei contenuti animati.
Tempo all'interattività
Scopri la metrica Tempo all'interattività di Lighthouse e come misurarla e ottimizzarla.
Ridurre i tempi di risposta del server
Scopri di più sul controllo del tempo di risposta del server.
I controlli interattivi sono attivabili tramite tastiera
Scopri come rendere attivabili i controlli personalizzati della tua pagina web in modo che gli utenti che utilizzano la tastiera possano accedervi.
L'attenzione dell'utente viene focalizzata sui nuovi contenuti aggiunti alla pagina.
Scopri come apportare modifiche comprensibili agli utenti delle tecnologie per la disabilità dello stato della tua app web spostando lo stato attivo sui contenuti appena aggiunti.
I dati strutturati sono validi
Scopri di più sul controllo di Lighthouse "I dati strutturati sono validi".
Non utilizza HTTP/2 per tutte le sue risorse
Scopri perché HTTP/2 è importante per il tempo di caricamento della tua pagina e come attivarlo sul tuo server.
Il documento non utilizza dimensioni dei caratteri leggibili
Scopri di più sul controllo di Lighthouse "Il documento non utilizza dimensioni di carattere leggibili".
Pubblica asset statici con criteri della cache efficienti
Scopri come memorizzare nella cache le risorse statiche della tua pagina web può migliorare le prestazioni e l'affidabilità per i visitatori abituali.
Il documento utilizza plug-in
Scopri di più sul controllo di Lighthouse "Il documento utilizza i plug-in".
Ridurre l'impatto del codice di terze parti
Scopri in che modo il codice di terze parti, ad esempio reti pubblicitarie e servizi di analisi, influisce sulle prestazioni di caricamento delle pagine e come puoi ottimizzare il codice di terze parti.
I link non contengono testo descrittivo
Scopri di più sul controllo di Lighthouse "I link non hanno testo descrittivo".
Minimizza JavaScript
Scopri di più sul controllo di JavaScript unminified.
Gli elementi dei punti di riferimento HTML5 vengono utilizzati per migliorare la navigazione
Scopri come migliorare l'accessibilità della tua pagina web fornendo punti di riferimento che gli utenti che usano la tastiera possono utilizzare per navigare.
Latenza input stimata
Scopri la metrica Latenza di input stimata di Lighthouse e come misurarla e ottimizzarla.
Immagini di dimensioni corrette
Scopri di più sul controllo utilizza-immagini adattabili.
File robots.txt non valido
Scopri di più sul controllo Lighthouse "robots.txt non è valido".
Indice di velocità
Scopri la metrica dell'indice di velocità di Lighthouse e come ottimizzarla.
La pagina ha un ordine logico delle schede
Scopri come rendere più facile per gli utenti che usano la tastiera navigare nella tua pagina web posizionando le tabulazioni in ordine logico.
L'ordine visivo nella pagina segue l'ordine DOM
Scopri di più sul controllo dell'ordine visivo.
Gli errori del browser sono stati registrati nella console
Scopri come identificare e correggere gli errori del browser.
La pagina ha un codice di stato HTTP non valido
Scopri di più sul controllo Lighthouse "La pagina ha un codice di stato HTTP non riuscito".
L'elemento attivo dell'utente non è bloccato accidentalmente in una regione
Scopri come migliorare l'accessibilità per gli utenti che utilizzano la tastiera impedendo che lo stato attivo rimanga bloccato in una regione della pagina.
I target dei tocchi non hanno dimensioni appropriate
Scopri di più sul controllo Lighthouse "I target dei tocchi non hanno dimensioni appropriate".
Il documento non contiene un valore hreflang valido
Scopri di più su come "Documento non è presente un controllo Lighthouse valido di hreflang".
Elimina le risorse che bloccano il rendering
Scopri di più sul controllo delle risorse di blocco della visualizzazione.
First Contentful Paint
Scopri la metrica First Contentful Paint di Lighthouse e come misurarla e ottimizzarla.
Rimanda immagini fuori schermo
Scopri di più sul controllo delle immagini fuori schermo.
Visualizza immagini con proporzioni errate
Scopri come visualizzare immagini adattabili con le proporzioni corrette.
Riduci il tempo di esecuzione di JavaScript
Scopri come l'esecuzione di JavaScript può rallentare le prestazioni della pagina e come puoi velocizzarla.
Usa Cache applicazione
Scopri come eseguire la migrazione della tua pagina web dalla cache dell'applicazione deprecata all'API Cache.
Precollegati alle origini richieste
Scopri di più sul controllo use-rel-preconnect.
Rendering a bassa latenza con il suggerimento non sincronizzato
Le applicazioni di disegno basate su stilo create per il Web soffrono di problemi di latenza perché una pagina web deve sincronizzare gli aggiornamenti grafici con il DOM. Il suggerimento non sincronizzato per i contesti ignora il DOM per eliminare la latenza.
- Chrome
Include librerie JavaScript front-end con vulnerabilità di sicurezza note
Scopri come rendere più sicura la tua pagina sostituendo le librerie JavaScript con vulnerabilità note.
Impedisce agli utenti di incollare dati nei campi di immissione
Scopri come migliorare l'esperienza utente nella schermata di accesso del tuo sito consentendo agli utenti di incollare contenuti nei campi di immissione.
I controlli personalizzati hanno ruoli ARIA
Scopri come migliorare l'accessibilità aggiungendo ARIA ai controlli personalizzati, in modo che le tecnologie per la disabilità possano interpretarli.
Novità di Chrome 74
Giusto in tempo per la conferenza Google I/O, è in arrivo Chrome 74. Aggiunge il supporto per i campi privati dei corsi, consente di rilevare quando l'utente richiede un'esperienza di movimento ridotta, aggiunge il supporto per eventi di transizione CSS e molto altro. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 74!
- Chrome
Registra i messaggi nella console
Scopri come registrare i messaggi nella console.
- Chrome DevTools
Riferimento alle funzionalità della console
Un riferimento completo su ogni funzionalità e comportamento relativi all'interfaccia utente della console in Chrome DevTools.
- Chrome DevTools
Guardare i valori JavaScript in tempo reale con le espressioni dal vivo
Se ti ritrovi a digitare ripetutamente le stesse espressioni JavaScript nella console, prova le espressioni live.
- Chrome DevTools
Novità in DevTools (Chrome 75)
Valori preimpostati di completamento automatico significativi, dati dei siti cancellati dal menu dei comandi e altro ancora.
- Chrome
The Chromium Chronicle n. 1: best practice per la pianificazione delle attività
Il team di Chrome è orgoglioso di presentare Chromium Chronicle, una serie mensile pensata appositamente per gli sviluppatori di Chromium, ovvero gli sviluppatori che realizzano i browser. Questo mese esamineremo le best practice di pianificazione delle attività.
- Chrome
Visualizza i dati SQL web
Come visualizzare i dati SQL web dal riquadro dell'applicazione di Chrome DevTools.
- Chrome DevTools
Deprecato: visualizzare i dati della cache dell'applicazione con Chrome DevTools
Come visualizzare i dati della cache dell'applicazione dal riquadro Applicazione di Chrome DevTools.
- Chrome DevTools
Visualizzare i dati della cache
Come visualizzare i dati della cache dal riquadro dell'applicazione di Chrome DevTools.
- Chrome DevTools
Il nodo DOM attualmente selezionato
Scopri la scorciatoia rapida della console per ottenere il nodo DOM attualmente selezionato.
- Chrome
Rimozioni e ritiri in Chrome 74
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 74 per aiutarti a pianificare.
- Chrome
Visualizzare e modificare i dati IndexedDB
Come visualizzare e modificare i dati IndexedDB con il riquadro Applicazione e gli snippet.
- Chrome DevTools
Visualizzare e modificare lo spazio di archiviazione della sessione
Come visualizzare e modificare "sessionStorage" con il riquadro Spazio di archiviazione sessioni e la console.
- Chrome DevTools
Visualizza e modifica lo spazio di archiviazione locale
Come visualizzare e modificare "localStorage" con il riquadro Archiviazione locale e la console.
- Chrome DevTools
Novità di Chrome 73
Chrome 73 semplifica la creazione di contenuti portatili con Signed HTTP Exchange. La modifica dinamica degli stili diventa molto più facile con i fogli di stile costruibili. Inoltre, aggiunge il supporto per le app web progressive su Mac, portando il supporto per le PWA su tutte le piattaforme desktop e mobile, semplificando la creazione di app installabili, disponibili tramite il Web. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 73!
- Chrome
KV Storage: il primo modulo integrato del Web
Un'introduzione alla nuova API KV Storage, ai moduli integrati e all'importazione delle mappe.
- Chrome
Novità di DevTools (Chrome 74)
Evidenzia i nodi interessati da una proprietà CSS, Lighthouse v4, visualizzatore di messaggi binari di WebSocket e altro ancora.
- Chrome
Inizia a visualizzare e modificare il DOM
Come visualizzare i nodi, cercare nodi, modificare i nodi, fare riferimento ai nodi nella console, interrompere le modifiche ai nodi e altro ancora.
- Chrome DevTools
Team Web Dev Ecosystem - Riepilogo di febbraio
Concludiamo a febbraio per ripercorrere cosa sta succedendo nel team Web Developer Ecosystem.
- Chrome
Eseguire la migrazione da Workbox v3 a v4
Guida alla migrazione da Workbox v3 a v4.
finestra-casella di lavoro
Un modulo che consente di registrare un service worker, gestire gli aggiornamenti e rispondere agli eventi del ciclo di vita.
Sostituzione di un percorso caldo nel codice JavaScript dell'app con WebAssembly
Uno dei principali vantaggi offerti da WebAssembly è il rendimento _prevedibile_ su tutti i browser. Ma come si trasforma il percorso più utilizzato scritto in JavaScript in WebAssembly?
- Chrome
Migliori risultati di corrispondenza con String.prototype.matchAll()
In Chrome 73 viene introdotto il metodo String.prototype.matchAll(). Si comporta in modo simile a match(), ma offre un modo semplice per ripetere le corrispondenze, soprattutto quando hai bisogno dell'accesso per acquisire gruppi.
- Chrome
Scorrimento rapido con la rotellina per impostazione predefinita
La reattività dello scorrimento è fondamentale per il coinvolgimento dell'utente con un sito web sui dispositivi mobili, ma i listener di eventi wheel spesso causano gravi problemi di prestazioni dello scorrimento. Scopri come stiamo aiutando utenti e sviluppatori a essere veloci per impostazione predefinita.
- Chrome
Rimozioni e ritiri in Chrome 73
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 73 per aiutarti a pianificare.
- Chrome
Aggiornamenti di contenuti multimediali in Chrome 73
Supporto dei tasti multimediali hardware, controllo dei criteri HDCP, prove dell'origine di Picture in picture e altro ancora.
- Chrome
Modelli e componenti web superveloci - lit-html & LitElement
lit-html e LitElement portano modelli veloci e leggeri e componenti interoperabili nel Web moderno.
- Chrome
RTCQuicTransport sta per iniziare una prova dell'origine vicino a te (Chrome 73)
RTCQuicTransport è una nuova API della piattaforma web che consente di scambiare dati arbitrari con peer remoti utilizzando il protocollo QUIC.
- Chrome
Disattiva JavaScript
Apri il menu Comando ed esegui il comando Disabilita JavaScript.
- Chrome DevTools
Novità di Chrome 72
In Chrome 72, la creazione di campi pubblici dei corsi in JavaScript è ora molto più semplice, puoi vedere se una pagina è stata attivata con la nuova API User Activation, localizzare gli elenchi diventa molto più semplice e c'è molto altro. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 72!
- Chrome
Prototipazione di pacchetti di stack per Lighthouse
Anziché mostrare solo consigli generalizzati, gli Stack Pack estendono Lighthouse per includere messaggi aggiuntivi per strumenti specifici.
- Chrome
Novità di DevTools (Chrome 73)
Punti di log, descrizioni comando dettagliate nella modalità di ispezione e molto altro.
- Chrome
Rendere l'attivazione utente coerente tra le API
Nella versione 72, Chrome fornisce User Activation v2, che completa la disponibilità dell'attivazione utente per tutte le API con accesso limitato, risolvendo molte incoerenze di attivazione degli utenti.
- Chrome
L'API Shape Detection: un'immagine vale più di mille parole, volti e codici a barre
L'API Shape Detection rileva volti, codici a barre e testo nelle immagini.
Creazione di un dispositivo per WebUSB
Crea un dispositivo per sfruttare appieno l'API WebUSB. Questo articolo spiega come creare un dispositivo per sfruttare appieno l' API WebUSB. Per una breve introduzione all'API stessa, vedi Accedere ai dispositivi USB sul web. La Universal Serial
Rimani attivo con l'API Screen Wake Lock
Per evitare di scaricare la batteria, la maggior parte dei dispositivi si addormenta rapidamente se lasciati inattivi. Anche se per la maggior parte del tempo questo problema va bene, ci sono alcune applicazioni che devono mantenere lo schermo attivo per completare alcune operazioni. L'API Screen Wake Lock consente di impedire al dispositivo di oscurare o bloccare lo schermo quando un'applicazione deve rimanere in esecuzione.
Rimozioni e ritiri in Chrome 72
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 72 per aiutarti a pianificare.
- Chrome
Apri Chrome DevTools
Tutti i modi in cui puoi aprire Chrome DevTools.
- Chrome DevTools
Traccia elemento attivo
Apri la console, crea un'espressione in tempo reale e imposta l'espressione su document.activeElement.
- Chrome DevTools
Badge per le icone delle app
L'API App Badging consente alle app web installate di impostare un badge a livello di applicazione, mostrato in una posizione specifica del sistema operativo associata all'applicazione, ad esempio nella barra delle app o nella schermata Home. L'assegnazione dei badge consente di notificare in modo impreciso all'utente la presenza di nuove attività che potrebbero richiedere la sua attenzione oppure può essere utilizzato per indicare una quantità ridotta di informazioni, ad esempio un conteggio dei messaggi da leggere.
Novità di Chrome 71
Chrome 71 semplifica la visualizzazione di valori temporali relativi con la nuova API Intl.RELATIVETimeFormat(). Puoi specificare su quale lato del testo deve essere visualizzata la sottolineatura per il testo che scorre verticalmente. Inoltre, l'utilizzo dell'API di sintesi vocale ora richiede l'attivazione dell'utente prima che il computer inizi a parlare con te. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 71!
- Chrome
Introduzione al recupero in background
Il recupero in background consente di gestire download di grandi dimensioni, anche se il browser si chiude.
- Chrome
Novità di DevTools (Chrome 72)
Visualizza le metriche sul rendimento, evidenzia i nodi di testo, copia il percorso JS su un nodo DOM e gli aggiornamenti del riquadro Controlli.
- Chrome
Audio web, norme sulla riproduzione automatica e giochi
A settembre 2017 abbiamo annunciato una modifica imminente al modo in cui l'audio verrà gestito con le norme sul comportamento della riproduzione automatica in Chrome. La modifica delle norme è stata rilasciata con la versione stabile di Chrome 66 a
- Chrome
Stato delle nuove funzionalità
Le app web devono essere in grado di fare tutto ciò che possono fare le app specifiche della piattaforma. Scopri lo stato delle nuove funzionalità per le app web.
Piattaforme di scambio HTTP firmate
Signed Exchange consente ai siti web di firmare i contenuti web in modo che possano essere ridistribuiti e verificati in modo sicuro da dove provenivano.
- Chrome
Rimozioni e ritiri in Chrome 71
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 71 per aiutarti a pianificare le tue attività.
- Chrome
Aggiornamenti audio/video in Chrome 70
Un riepilogo degli aggiornamenti audio/video in Chrome 70: buffering e riproduzione cross-codec e cross-byte, Opus in MP4 con MSE e riproduzione di contenuti protetti consentita per impostazione predefinita su Android.
- Chrome
Guardare il video utilizzando Picture in picture
Controlla la modalità Picture in picture per gli elementi video del tuo sito web.
- Chrome
Novità di Chrome 70
Chrome 70 aggiunge il supporto per le app web progressive desktop su Windows e Linux, il supporto delle credenziali di chiave pubblica all'API Credential Management, consente di assegnare un nome ai lavoratori dedicati e molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 70!
- Chrome
Modifiche a cache.addAll() e importScripts() disponibili in Chrome 71
Sono in arrivo alcune piccole modifiche a cache.addAll(), importScripts e in Chrome 71.
- Chrome
Problemi di temporizzazione della visualizzazione di Chrome 69
Chrome 69 include una modifica errata alle nostre metriche relative al tempo di visualizzazione, che aveva lo scopo di acquisire una parte maggiore della pipeline di rendering, ma che generava alcuni timestamp imprecisi.
- Chrome
Novità di DevTools (Chrome 71)
Evidenzia i nodi DOM delle espressioni live, archivia i nodi come variabili globali e altro ancora.
- Chrome
Worklet dell'animazione di Houdini
Animation Worklet ti consente di scrivere animazioni imperative che vengono eseguite alla frequenza fotogrammi nativa del dispositivo per quella fluidità extra burrosa senza jank-freeTM, rendono le tue animazioni più resilienti contro il jank del thread principale e sono collegabili allo scorrimento anziché al tempo.
- Chrome
Controlli utente per le autorizzazioni host: guida alla transizione
Linee guida per l'aggiornamento delle estensioni in modo da gestire le modifiche alle autorizzazioni dell'host di runtime a partire da Chrome 70.
- Estensioni di Chrome
Uno sguardo all'interno del browser web moderno (parte 4)
Gestione degli eventi di input con il thread del compositore
- Chrome
Uno sguardo all'interno del browser web moderno (parte 3)
Funzionamento interno di un motore di rendering del browser
- Chrome
Aggiornamenti di contenuti multimediali in Chrome 70
Riproduzione e buffering in modalità cross-codec e cross-byte, Opus in MP4 con MSE e riproduzione di contenuti protetti consentiti per impostazione predefinita su Android.
- Chrome
Rimozioni e ritiri in Chrome 70
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 68 per aiutarti a pianificare.
- Chrome
Uno sguardo all'interno del browser web moderno (parte 2)
Scopri come il browser gestisce le richieste di navigazione.
- Chrome
Accesso asincrono ai cookie HTTP
L'API Cookie Store offre accesso asincrono ai cookie HTTP e apre il jar dei cookie ai service worker.
- Chrome
Uno sguardo all'interno del browser web moderno (parte 1)
Scopri come i browser trasformano il tuo codice in un sito web funzionale, dall'architettura di alto livello alle specifiche della pipeline di rendering.
- Chrome
Novità di Chrome 69
Sono trascorsi dieci anni dalla prima release di Chrome. Sono cambiate molte cose da allora, ma il nostro obiettivo di costruire una base solida per le moderne applicazioni web non è mai stato così! In Chrome 69 c'è il supporto per l'agganciamento CSS Scroll, il supporto per tacche, blocchi web e alcune nuove e interessanti funzionalità CSS4. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 69!
- Chrome
Novità di DevTools (Chrome 70)
Espressioni live nella console, evidenzia i nodi DOM durante la valutazione Eager e altro ancora.
- Chrome
Aggiornamenti di contenuti multimediali in Chrome 69
Un riepilogo degli aggiornamenti relativi ai contenuti multimediali in Chrome 69: controllo dei criteri AV1 e HDCP.
- Chrome
Reportingosservazione: conoscere l'integrità del codice
Reportingosservazione offre agli sviluppatori informazioni approfondite su cosa sta facendo il loro codice all'esterno. Reportingosservazione mostra informazioni su problemi quali ritiri e interventi, messaggi che in precedenza erano disponibili solo nella console DevTools.
- Chrome
Ora la velocità è un fattore della pagina di destinazione per Ricerca Google e Google Ads
Ora la velocità è un fattore della pagina di destinazione per Ricerca Google e Google Ads.
- Chrome
Novità di Chrome 68
Chrome 68 apporta modifiche al comportamento Aggiungi alla schermata Home su Android, offrendoti maggiore controllo. L'API del ciclo di vita della pagina indica quando la tua scheda è stata sospesa o ripristinata. L'API Payment Handler consente alle app di pagamento basate sul web di supportare l'esperienza relativa alle richieste di pagamento. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 68!
- Chrome
Novità: NoState Prefetch
Chrome 63 viene fornito con il precaricamento NoState. NoState Prefetch è un meccanismo per recuperare in anticipo le risorse che utilizza meno memoria rispetto al processo di prerendering obsoleto.
- Chrome
PWACompat, il manifest delle app web per tutti i browser
Utilizza la libreria PWACompat per rendere disponibile il tuo manifest dell'app web in tutti i browser.
- Chrome
workbox-navigation-precaricamento
Attiva il precaricamento di navigazione per ricevere più velocemente una risposta di rete per le richieste di navigazione.
Isolamento dei siti per sviluppatori web
In Chrome 67 su computer desktop è attiva per impostazione predefinita una nuova funzionalità chiamata Isolamento dei siti\*. Questo articolo spiega in cosa consiste l'isolamento dei siti, perché è necessario e perché gli sviluppatori web dovrebbero esserne a conoscenza.
- Chrome
Esperimento di First Input Delay nel report UX di Chrome
Annuncio dell'aggiunta della metrica sperimentale First Input Delay (FID) al report sull'esperienza utente di Chrome.
- Chrome
Informazioni sulla quota di spazio di archiviazione
Una guida alla configurazione di Workbox per evitare problemi di quota di spazio di archiviazione.
Introduzione alle norme relative alle funzionalità
Le norme relative alle funzionalità consentono agli sviluppatori di attivare, disattivare e modificare in modo selettivo il comportamento di determinate API e funzionalità nel browser. È come CSP, ma per le funzionalità! Spedito con Chrome 60.
- Chrome
Maggiore cancellazione dell'eco nativo
Maggiore supporto nativo per la cancellazione dell'eco
- Chrome
Pattern di progettazione del worklet audio
Pattern di progettazione del worklet audio
- Chrome
Realtà aumentata per il Web
La realtà aumentata consente il posizionamento e il monitoraggio di oggetti virtuali in una vista reale.
- Chrome
Chacmool: la realtà aumentata in Chrome Canary
Chacmool, una demo didattica sul web, mostra quanto facilmente l'AR basato sul web possa creare un'esperienza coinvolgente.
- Chrome
Domande frequenti sulla migrazione della migrazione delle installazioni integrate
Domande frequenti sul ritiro delle installazioni integrate per le estensioni di Chrome.
- Estensioni di Chrome
Rimozioni e ritiri in Chrome 68
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 68 per aiutarti a pianificare.
- Chrome
Modifiche da aggiungere al comportamento della schermata Home
A partire da Chrome 68 su Android, il comportamento di Aggiungi alla schermata Home cambierà per offrirti maggiore controllo su come e quando inviare una richiesta all'utente. Se il tuo sito soddisfa i criteri di Aggiungi a schermata Home, Chrome non mostrerà più automaticamente il banner Aggiungi a schermata Home. Dovrai invece chiamare prompt() nell'evento beforeinstallprompt salvato per mostrare agli utenti la finestra di dialogo Aggiungi alla schermata Home.
- Chrome
Novità di Chrome 67
Chrome 67 porta le app web progressive sul desktop. Aggiunge il supporto per l'API generica dei sensori, che semplifica l'accesso ai sensori del dispositivo, come l'accelerometro, il giroscopio e altro ancora. Inoltre, aggiunge il supporto per BigInt, semplificando la gestione dei grandi numeri interi. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 67!
- Chrome
Novità di DevTools (Chrome 68)
Valutazione impaziente, suggerimenti di argomenti, completamento automatico delle funzioni, Lighthouse 3.0 e altro ancora.
- Chrome
Attivazione dell'autenticazione avanzata con WebAuthn
Chrome 67 beta introduce l'API Web Authentication (WebAuthn), che consente ai browser di interagire con le credenziali basate su chiave pubblica e gestirle. Ciò consente un'autenticazione efficace utilizzando token di sicurezza rimovibili e strumenti di autenticazione della piattaforma integrati come gli scanner di impronte.
Guida alla migrazione di Lighthouse v3
Come eseguire la migrazione da Lighthouse alla versione 2.
Utilizzo di Lighthouse per migliorare le prestazioni di caricamento delle pagine
Nuovi controlli di performance per precaricamento, preconnessione, GIF e altro ancora.
- Chrome
Annuncio di Lighthouse 3.0
Controlli più rapidi, meno variabili, una nuova UI dei report, nuovi controlli e altro ancora.
- Chrome
Rimozioni e ritiri in Chrome 67
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 67 per aiutarti a pianificare. In questa versione, ritiro del blocco delle chiavi pubbliche, rimozione di AppCache in contesti non sicuri e altre rimozioni di prefissi.
- Chrome
Esegui la migrazione agli script in background basati su eventi
Come eseguire la migrazione di uno script in background permanente a un modello non persistente basato su eventi per migliorare le prestazioni dell'estensione di Chrome.
- Estensioni di Chrome
Eseguire JavaScript nella console
Scopri come eseguire JavaScript nella console.
- Chrome DevTools
Novità di Chrome 66
Chrome 66 semplifica la manipolazione CSS con il nuovo oggetto modello di tipo CSS, l'accesso agli appunti è ora asincrono, c'è un nuovo contesto di rendering per gli elementi canvas e un modo migliore per elaborare l'audio utilizzando JavaScript. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 66!
- Chrome
Raggiungi il massimo rendimento
Linee guida su come creare un'estensione di Chrome ad alte prestazioni.
- Estensioni di Chrome
Novità di DevTools (Chrome 67)
Esegui ricerche nelle intestazioni di rete, copia le richieste come recupero, controlla le pagine utilizzando le condizioni desktop e molto altro ancora.
- Chrome
Modificare e salvare i file in uno spazio di lavoro
Scopri come salvare le modifiche apportate in DevTools ai file di origine.
- Chrome DevTools
Presentare pagine web su display secondari collegati
Chrome 66 consente alle pagine web di utilizzare un display allegato secondario tramite l'API Presentation e di controllarne i contenuti tramite l'API Presentation Submitr.
- Chrome
Rimozioni e ritiri in Chrome 66
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 66 per aiutarti a pianificare. In questa versione, abbiamo migliorato la sicurezza dei service worker, modifiche ai valori di posizione CSS e altro ancora.
- Chrome
Annullamento eco nativo di macOS
Utilizzare la funzionalità di cancellazione eco di macOS in Chrome
- Chrome
Domande frequenti su SmooshGate
Cosa può insegnarci SmooshGate sullo sviluppo di standard e sulla piattaforma web? Questo riepilogo offre una panoramica.
- Chrome
Proteggi la privacy degli utenti
Linee guida per garantire che l'estensione di Chrome protegga la privacy degli utenti.
- Estensioni di Chrome
Proteggi la privacy degli utenti
Linee guida per garantire che l'estensione di Chrome protegga la privacy degli utenti.
- Estensioni di Chrome
Progettare l'interfaccia utente
Linee guida per l'interfaccia utente e la struttura delle estensioni di Chrome.
- Estensioni di Chrome
Eseguire la migrazione da Workbox v2 a v3
Guida alla migrazione da Workbox v2 a v3.
Novità di Chrome 65
In Chrome 65 viene aggiunto il supporto della nuova API CSS Paint, che ti consente di generare un'immagine in modo programmatico. Puoi utilizzare l'API Server Timing per fornire informazioni sulle tempistiche delle prestazioni del server tramite intestazioni HTTP. Inoltre, la nuova proprietà CSS display: content può far sparire le caselle. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 65!
- Chrome
Rafforza la tua sicurezza
Come proteggere la tua estensione di Chrome.
- Estensioni di Chrome
Rafforza la tua sicurezza
Come proteggere la tua estensione di Chrome.
- Estensioni di Chrome
Novità di DevTools (Chrome 66)
Ignora lo script nel riquadro Rete, regola automaticamente lo zoom in Modalità dispositivo e altro ancora.
- Chrome
Aggiornamenti su Lighthouse 2.8
Nuovi controlli di esecuzione e SEO, rendimento come prima sezione nei report e altro ancora.
- Chrome
Rimozioni e ritiri in Chrome 65
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 65 per aiutarti a pianificare. In questa versione, un promemoria relativo ai certificati Symantec, i download multiorigine sono bloccati e document.all è ora di sola lettura.
- Chrome
Meltdown/Spettro
Implicazioni per gli sviluppatori web e le mitigazioni di Chrome.
- Chrome
creazione-workbox
Un modulo che può generare un service worker, inserire un manifest di pre-cache nel codice esistente o crearne uno nuovo.
Esegui la migrazione da sw-precache o sw-toolkit
Guida alla migrazione da sw-precache o sw-toolkit a Workbox.
Report sull'esperienza utente di Chrome - Nuova dimensione per il paese
Annuncio del rilascio di una nuova dimensione per il paese nel report sull'esperienza utente di Chrome.
- Chrome
Novità di Chrome 64
In Chrome 64 è stato aggiunto il supporto di Ridimensiona fotografar, che ti avvisa quando le dimensioni del rettangolo dei contenuti di un elemento cambiano. Ora i moduli possono accedere per ospitare metadati specifici con import.metadata Il blocco popup è più efficace e molto altro ancora. Diamo un'occhiata alle novità per gli sviluppatori di Chrome 64!
- Chrome
API CSS Paint
L'API CSS Paint di Houdini ti consente di disegnare in modo programmatico le immagini CSS.
- Chrome
Novità di DevTools (Chrome 65)
Override locali, strumenti di accessibilità, controlli del rendimento e della SEO e altro ancora.
- Chrome
Chrome headless: una risposta ai siti JavaScript con rendering lato server
Headless Chrome è una soluzione immediata per la conversione dei siti JavaScript dinamici in pagine HTML statiche.
Novità di DevTools (Chrome 64)
Raggruppamenti di Performance Monitor, Barra laterale della console e Console.
- Chrome
Disabilitazione dell'eliminazione dei rumori hardware
Disattivazione sperimentale della soppressione del rumore hardware in Chrome 64.
- Chrome
Aggiornamento sugli annunci migliori
Aggiornamento sugli annunci migliori.
- Chrome
workbox-webpack-plugin
Genera un service worker o inserisci un manifest di pre-cache utilizzando lo strumento di creazione Webpack.
Installazione delle estensioni su Linux
Come pacchettizzare, ospitare e aggiornare file crx da un server personale.
- Estensioni di Chrome
Report sull'esperienza utente di Chrome: estensione a oltre 1 milione di origini
Oggi annunciamo un nuovo Report sull'esperienza utente di Chrome con una copertura estesa di oltre un milione di principali origini sul Web.
- Chrome
Host autonomo per Linux
Come pacchettizzare, ospitare e aggiornare file crx da un server personale per gli utenti Linux.
- Estensioni di Chrome
Chrome 64 per ritirare l'API chrome.loadTimes()
L'API non standard chrome.loadTimes() verrà ritirata in Chrome 64 ora che esistono equivalenti basati su standard per tutte le sue utili funzionalità.
- Chrome
L'audio Worklet è ora disponibile per impostazione predefinita
Chrome 64 include una nuova funzionalità molto attesa nell'API Web Audio: Worklet audio
- Chrome
Rimozioni e ritiri in Chrome 64
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 64 per aiutarti a pianificare. In questa versione, modifiche all'API Performance, rimozione del supporto per più root shadow e rimozione di un'API WebKit.
- Chrome
Aggiornamenti su Lighthouse 2.6
Nuovi controlli delle prestazioni, riprogettazione del punteggio di accessibilità, segnalazione di miglioramenti dell'esperienza utente e correzioni di bug.
- Chrome
Aggiornamenti di contenuti multimediali in Chrome 63/64
Riproduzione prevedibile di contenuti multimediali, HDR su Windows 10, riproduzione offline con licenze permanenti e altro ancora ti aspettano con Chrome 64.
- Chrome
L'API Device Memory
L'API Device Memory consente agli sviluppatori di offrire agli utenti risorse diverse in base alle capacità di memoria del loro dispositivo.
- Chrome
Novità di Chrome 63
Chrome 63 consente di importare i moduli JavaScript in modo dinamico. La mia domanda di programmazione preferita per le interviste diventa un gioco da ragazzi con iteratori e generatori asincroni. Inoltre, puoi eseguire l'override del comportamento di scorrimento dell'overflow predefinito del browser con la proprietà overscroll-behavior del CSS.
- Chrome
aggiornamento-trasmissione-casella-lavoro
Invia messaggi alle pagine quando una cache viene aggiornata con una nuova risposta.
Novità di DevTools (Chrome 63)
Debug remoto multi-client, notifiche push con dati personalizzati e Workspace 2.0.
- Chrome
strategie-workbox
Un insieme di strategie di memorizzazione nella cache di runtime per gestire la risposta a una richiesta, normalmente utilizzato con "workbox-routing".
Workbox-sw
Offre un modo per caricare il runtime Workbox senza un passaggio di build.
casella di lavoro-sincronizzazione-in background
Utilizza la sincronizzazione in background per effettuare in modo affidabile una richiesta di rete anche se l'utente è offline.
pre-memorizzazione nella cache della casella di lavoro
Pre-memorizzazione nella cache un insieme di file e gestione efficiente degli aggiornamenti dei file.
core box di lavoro
Modifica i livelli di log e i nomi delle cache. Contiene codice condiviso utilizzato da tutte le librerie Workbox.
caselle-di-lavoro-richieste-intervallo
Questo modulo fornisce il supporto per rispondere a una richiesta "Intervallo:" utilizzando una porzione di dati precedentemente memorizzati nella cache.
routing-casella di lavoro
Indirizza le richieste nel service worker a specifiche strategie di memorizzazione nella cache o funzioni di callback.
lavoro-casella-risposta-cache
Limita le richieste memorizzate nella cache in base al codice di stato o alle intestazioni di una risposta.
workbox-google-analytics
Supporto per la riproduzione delle interazioni Google Analytics offline.
workbox-cli
Genera un service worker, inserisci un manifest di pre-cache o crea una copia locale delle librerie di Workbox dalla riga di comando.
scadenza della cartella di lavoro
Rimosse le richieste memorizzate nella cache in base al numero di elementi contenuti in una cache o all'età della richiesta memorizzata nella cache.
Assumi il controllo dello scorrimento personalizzando gli effetti pull-to-refresh e overflow
Introduzione alla proprietà overscroll-behavior del CSS.
- Chrome
Rimozione di ::shadow e /deep/ in Chrome 63
Di' addio ai selettori CSS perforanti alle ombre.
- Chrome
Superamento della quota di buffering
Esistono diversi modi per gestire QuotaExceededError.
- Chrome
Rimozioni e ritiri in Chrome 63
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 63 per aiutarti a pianificare. In questa versione, nuovo comportamento nelle proprietà dell'interfaccia, rimozione di una funzione webkit e una modifica a RTCRtcpMuxPolicy.
- Chrome
Aggiornamenti di Lighthouse 2.5
Cinque nuovi controlli, il modulo Nodo autonomo di Chrome-Avvio app e una nuova guida alla limitazione.
- Chrome
Novità di Chrome 62
Chrome 62 migliora l'API delle informazioni di rete con indicatori di qualità della rete, il supporto per i caratteri variabili OpenType è ora disponibile e ora puoi acquisire ed elaborare stream multimediali da HTMLMediaElements con l'API Media Capture dagli elementi DOM.
- Chrome
Animazione di una sfocatura
Sono necessari alcuni trucchi per animare una sfocatura in modo efficace.
- Chrome
Modifiche relative a WebVR in Chrome 62
Scopri cosa cambia nell'API WebVR.
- Chrome
Recupero interrotto
Interruzione dei recuperi utilizzando una nuova primitiva web: il controller di interruzione.
- Chrome
Un evento per il CSSposition:sticky
Utilizzo insieme di posizioni - persistente e IntersectionExampler per determinare quando gli elementi diventano persistenti. Applica effetti di scorrimento senza eventi di scorrimento.
Sensori per il web
I sensori vengono utilizzati in molte applicazioni per abilitare funzionalità avanzate come i giochi che prendono in considerazione l'orientamento o l'accelerazione del dispositivo su cui vengono eseguiti. L'API Generic Sensor fornisce un'interfaccia generica per accedere a questi dati del sensore sul web.
Rimozioni e ritiri in Chrome 62
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 62 per aiutarti a pianificare. In questa versione vengono apportati miglioramenti alla sicurezza, ulteriori ritiri di webkit e altro ancora.
- Chrome
Esplorazione di una cache back-forward per Chrome
bfcache crea una cache che consente navigazioni istantanee verso pagine visitate in precedenza.
- Chrome
Criterio di riproduzione automatica in Chrome
Scopri le best practice per un'esperienza utente positiva grazie alle nuove norme relative alla riproduzione automatica di Chrome.
- Chrome
Aggiornamenti di contenuti multimediali in Chrome 62
Riproduzione offline con licenze permanenti e Widevine L1 su Android, ottimizzazioni delle tracce video, video a schermo intero automatico quando il dispositivo viene ruotato, intervallo di ricerca personalizzabile negli stream MS dal vivo, FLAC in MP4 con MSE.
- Chrome
Picture in picture (PIP)
Parliamo di un'API web che consente ai siti web di creare una finestra video mobile sul desktop.
- Chrome
Novità di Chrome 61
Chrome 61 ora supporta i moduli JavaScript in modo nativo, unificando il modo in cui è possibile scrivere codice JavaScript modulare. Ora puoi utilizzare la condivisione dei punti della barra di navigazione per attivare la finestra di dialogo di condivisione nativa di Android. Infine, è arrivata l'API WebUSB, che consente alle app web di accedere ai dispositivi USB autorizzati dagli utenti. E ce ne sono molti altri.
- Chrome
Introduzione a visualViewport
L'API Visual viewport fornisce dettagli su come l'utente esegue lo zoom e lo scorrimento nella pagina.
- Chrome
Novità di DevTools (Chrome 62)
Operatori di attesa di primo livello nella console, nuovi flussi di lavoro per gli screenshot, evidenziazione della griglia CSS e altro ancora.
- Chrome
Rimozioni e ritiri in Chrome 61
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 61 per aiutarti a pianificare. In questa versione vengono apportati miglioramenti alla sicurezza, ulteriori ritiri di webkit e altro ancora.
- Chrome
Stima dello spazio di archiviazione disponibile
navigator.storage.estimated() fornisce informazioni sui vincoli di spazio di archiviazione della tua app web.
- Chrome
Aggiornamenti di contenuti multimediali in Chrome 61
Sono ora disponibili le ottimizzazioni delle tracce video in background e il video a schermo intero automatico quando il dispositivo viene ruotato.
- Chrome
Aggiornamenti audio/video in Chrome 61
Un riepilogo degli aggiornamenti audio e video disponibili in Chrome 61.
- Chrome
Novità di Chrome 60
Con Chrome 60, ora puoi misurare il tempo di First Paint e il tempo di First Contentful Paint con l'API Paint Timings. Puoi controllare la modalità di rendering dei caratteri con la proprietà CSS font-display. WebAssembly è arrivato e c'è molto altro.
- Chrome
Novità di DevTools (Chrome 61)
Nuove funzionalità e modifiche in arrivo per DevTools in Chrome 61.
- Chrome
Prossime funzionalità delle espressioni regolari
Una panoramica delle nuove fantastiche funzionalità che introdurremo nelle espressioni regolari JavaScript, tra cui acquisizioni denominate, flag dotAll, escape delle proprietà Unicode e asserzioni lookbehind.
- Chrome
Eventi di input allineati
Offrire un'esperienza utente fluida è importante per il Web. Nelle ultime versioni di Chrome abbiamo ridotto la latenza di input su questi dispositivi.
- Chrome
Blog in live streaming potenziato - Suddivisione del codice
Abbiamo implementato la suddivisione del codice e la suddivisione in base alle route proprio come WebPack.
- Chrome
DOMException - La richiesta play() è stata interrotta
Cosa sta succedendo realmente con "DOMException - The play() request was paused"?
- Chrome
Test automatici con Chrome headless
Test automatici con Chrome headless
- Chrome
Aggiornamenti più recenti all'API di gestione delle credenziali
Aggiornamenti più recenti all'API di gestione delle credenziali
- Chrome
Rimozioni e ritiri in Chrome 60
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 60 per aiutarti a pianificare le tue attività. In questa versione vengono apportati miglioramenti alla sicurezza, ulteriori ritiri di webkit e altro ancora.
- Chrome
Introduzione all'API Budget
L'API Budget consente agli sviluppatori di eseguire azioni in background senza inviare notifiche agli utenti, abilitando casi d'uso come il push silenzioso.
- Chrome
Novità di Chrome 59
Con Chrome 59, puoi eseguire Chrome in un ambiente automatizzato senza un'interfaccia utente o periferiche; le notifiche su macOS vengono mostrate direttamente dal sistema di notifica nativo di macOS, ora puoi acquisire foto alla massima risoluzione con l'API di acquisizione delle immagini e ce n'è molto altro.
- Chrome
Novità di DevTools (Chrome 60)
Nuove funzionalità e modifiche in arrivo per DevTools in Chrome 60.
- Chrome
Rimozioni e ritiri in Chrome 59
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 59 per aiutarti a pianificare.
- Chrome
Guida introduttiva a Headless Chrome
Iniziare a utilizzare Headless Chrome
- Chrome
Passare al sistema di notifica nativo su macOS
A partire da Chrome 59, le notifiche verranno visualizzate come notifiche native su macOS.
- Chrome
Novità di Chrome 58
Con Chrome 58, le app web progressive sono più coinvolgenti con lo schermo: schermo intero. Ora è supportato IndexedDB 2.0 e gli iframe con sandbox hanno più opzioni. Pete LePage ha tutti i dettagli e come è possibile utilizzare queste nuove funzionalità per sviluppatori in Chrome 58.
- Chrome
Novità di DevTools (Chrome 59)
Nuove funzionalità e modifiche in arrivo per DevTools in Chrome 59.
- Chrome
Criterio di Chromium nelle finestre di dialogo JavaScript
Le finestre di dialogo JavaScript sincrone e modali delle app vengono comunemente (e purtroppo) utilizzate per danneggiare gli utenti. Per questo motivo, il team di Chromium consiglia vivamente di non utilizzare finestre di dialogo JavaScript.
- Chrome
Creare animazioni di espansione e compressione performanti
Quando crei effetti di espansione e compressione, puoi utilizzare le trasformazioni di scala per mantenere le prestazioni dell'interfaccia utente.
- Chrome
CSS Deep-Dive - matrix3d() per una barra di scorrimento personalizzata perfetta per il frame
Le matrici di trasformazione personalizzate consentono di creare barre di scorrimento personalizzate per un frame perfetto.
Aggiornamenti di contenuti multimediali in Chrome 58
Personalizzazione dei controlli multimediali, riproduzione automatica per le app web progressive aggiunti alla schermata Home, messa in pausa della riproduzione automatica del video con audio disattivato quando è invisibile e query di contenuti multimediali con gamma di colori.
- Chrome
Attraverseremo gli stream (media), Ray
Attualmente, quando si utilizzano le estensioni Media Source Extensions (MSE) in Chrome, non è possibile passare da uno stream criptato a uno standard e viceversa. Tutto questo cambia a partire da Chrome 58.
- Chrome
Rimozioni e ritiri in Chrome 58
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 58 per aiutarti a pianificare.
- Chrome
Aggiornamenti audio/video in Chrome 58
Un riepilogo degli aggiornamenti audio e video disponibili in Chrome 58.
- Chrome
Schede in background in Chrome 57
Schede in background in Chrome 57
- Chrome
Novità di Chrome 57
In Chrome 57, ora puoi utilizzare Display: griglia per i layout basati su griglia, utilizzare l'API Media session per personalizzare la schermata di blocco e le notifiche con informazioni sui contenuti multimediali riprodotti e altro ancora. Pete LePage ha tutti i dettagli e spiega come utilizzare queste nuove funzionalità per sviluppatori in Chrome 57.
- Chrome
Novità di DevTools (Chrome 58)
Nuove funzionalità e modifiche in arrivo per DevTools in Chrome 58.
- Chrome
Aggiornamento su Lighthouse di gennaio 2017
Novità di Lighthouse 1.5.
- Chrome
Personalizza le notifiche per i contenuti multimediali e gestisci le playlist
Personalizza le notifiche multimediali web e rispondi agli eventi relativi ai contenuti multimediali con la nuova API Media Session.
- Chrome
Manifest - Gestori di azioni
Documentazione di riferimento per la proprietà action_handlers di manifest.json.
Rimozioni e ritiri di API in Chrome 57
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 57 per aiutarti a pianificare.
- Chrome
Modifiche all'API di richiesta di pagamento
In Chrome 56 e 57, sono state apportate alcune modifiche all'API Payment Request a seguito delle modifiche alle specifiche. Scopri quali sono e apporta modifiche alle tue implementazioni.
- Chrome
Griglia CSS: il layout Tabella è tornato. Sii presente e sii quadrato
CSS Grid è un nuovo sistema di layout per il Web.
Novità di Chrome 56
Con Chrome 56, le app web ora possono comunicare con i dispositivi Bluetooth Low Energy nelle vicinanze utilizzando l'API Web Bluetooth. La posizione CSS: persistente; è tornata. Consente di creare facilmente elementi che scorrono normalmente fino a quando non si attaccano alla parte superiore dell'area visibile. HTML5 è abilitato per impostazione predefinita per tutti gli utenti.
- Chrome
Scorrimento al tocco veloce per impostazione predefinita
La reattività dello scorrimento è fondamentale per il coinvolgimento dell'utente con un sito web sui dispositivi mobili, ma i listener di eventi di tocco causano spesso gravi problemi di prestazioni dello scorrimento. Scopri come stiamo aiutando utenti e sviluppatori a essere veloci per impostazione predefinita.
- Chrome
Riferimento per il debug di JavaScript
Scopri i nuovi flussi di lavoro di debug in questo riferimento completo sulle funzionalità di debug di Chrome DevTools.
- Chrome DevTools
Creare un Web migliore con Lighthouse
Novità di Lighthouse. Riprogettazione, nuovi controlli basati sulle best practice e un visualizzatore di report online.
- Chrome
Ridimensionamento della barra degli URL
Se nascondi la barra degli URL, le pagine mobile non verranno più ridimensionate.
- Chrome
Chrome DevTools - Profilazione della CPU JavaScript in Chrome 58
La funzionalità "Registra profilo CPU JavaScript" è stata modificata in Chrome 58.
- Chrome
Chrome DevTools: profilazione della CPU di JavaScript in Chrome 58
Il profilo CPU di registrazione JavaScript è stato modificato in Chrome 58.
- Chrome
Rimozioni e ritiri delle API in Chrome 56
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 56 per aiutarti a pianificare.
- Chrome
location:sticky è tornato in Chrome
location:persistente. È tornata!
- Chrome
Scattare foto e controllare le impostazioni della fotocamera
Image Capture è un'API per controllare le impostazioni della fotocamera e scattare foto.
- Chrome
Parallasse performante
Con un po' di movimenti matematici, è possibile ottenere effetti di parallasse che si adattano perfettamente alle architetture dei browser.
- Chrome
Novità di Chrome 55
Con Chrome 55, puoi scrivere codice basato su promesse come se fosse sincrono, utilizzando asincrono e attendere. PointerEvents forniscono un modo unificato di gestione di tutti gli eventi di input. L'archiviazione permanente passa quindi alla prova dell'origine.
- Chrome
Preparati per il Chrome Dev Summit 2016
Il Chrome Dev Summit 2016 si terrà giovedì 10 e 11 novembre.
- Chrome
Come evitare l'avviso non sicuro in Chrome
A breve Chrome contrassegnerà come Non sicuro nella barra degli URL le pagine non protette contenenti i campi di immissione della password e della carta di credito.
- Chrome
Gestisci i trattini con CSS
Chrome 55 implementa la proprietà dei trattini per controllare quando vengono visualizzati i trattini flessibili e come si comportano.
Digest DevTools, ottobre 2016
Nuove funzionalità della console, aggiornamenti sul bug del selettore di contesto e nuovo user agent del browser UC.
- Chrome
Opzioni di azione del tocco
Le azioni tocco consentono a uno sviluppatore di definire il modo in cui un utente può interagire con un elemento e Chrome ora offre un supporto più ampio delle opzioni relative alle azioni touch in Chrome 55.
- Chrome
Indicare la strada da seguire
Gli eventi puntatore unificano il modello di input del puntatore per il browser, riunendo tocco, penne e mouse in un unico insieme di eventi.
- Chrome
Rimozioni e ritiri delle API in Chrome 55
Un riepilogo delle deprecazioni e delle rimozioni in Chrome 56 per aiutarti a pianificare.
- Chrome
Un listener di eventi
hreflang ora supporta un'opzione una tantum, rendendo più facile la definizione degli eventi che vengono eliminati automaticamente.
- Chrome
Acquisire un MediaStream da un elemento canvas, video o audio
Il metodo CaptureStream() consente di acquisire MediaStream da un canvas, da un elemento audio o video su Android e desktop.
- Chrome
Auxclick sarà disponibile su Chrome 55
Verrà attivato un nuovo evento AUX per i clic sul pulsante del mouse non principale.
- Chrome
Novità di Chrome 54
Con Chrome 54, ora puoi creare il tuo tag HTML personalizzato con e rendere componenti web riutilizzabili con Custom Elements v1; è più facile inviare messaggi tra finestre aperte o schede della stessa origine con l'API BroadcastChannel; l'esperienza multimediale migliora su Android e il recupero dall'estero è ora disponibile come prova dell'origine.
- Chrome
Aggiornamenti a developer.google.com/web
Il nuovo Web Fundamentals: migliore navigazione, nuovi contenuti e altro ancora!
- Chrome
Introduzione a Lighthouse
Scopri come configurare Lighthouse per eseguire la revisione delle tue app web.
Ripetizione della rasterizzazione dei livelli compositi alla modifica della scala
cambierà - "trasform" significa animare velocemente
- Chrome
Service worker multiorigine - Esperimento con il recupero estero
I servizi di terze parti possono iniziare a implementare i propri gestori delle richieste di rete.
- Chrome
Arrivano le opzioni CacheQueryOptions in Chrome 54
È supportato il set completo di CacheQueryOptions, che ti consente di trovare più facilmente le risposte memorizzate nella cache.
- Chrome
Digest DevTools, settembre 2016 - Riepilogo perf.
Miglioramenti agli strumenti di Perf in DevTools nelle ultime release di Chrome.
- Chrome
Opzioni di una sottoscrizione Push
Ora puoi accedere alle opzioni utilizzate quando iscrivi un utente al push.
- Chrome
API BroadcastChannel - Un bus di messaggi per il Web
L'API BroadcastChannel può essere utilizzata per Pub/Sub semplici tra finestre, schede, iframe o worker.
- Chrome
Intervenire contro document.write()
Chrome sta bloccando alcuni script aggiunti utilizzando document.write()
- Chrome
L'API Web Animations raggiunge il traguardo per più browser
Firefox 48 si unisce a Chrome per la distribuzione di un'implementazione nativa dell'API Web Animations.
- Chrome
Rimozioni e ritiri di API in Chrome 53
Un riepilogo delle deprecazioni e delle rimozioni in Chrome per aiutarti a pianificare.
- Chrome
Digest DevTools, agosto 2016
Che cosa è successo al riquadro Risorse, alle nuove funzionalità e all'attività della community.
- Chrome
Vittorie interoperabilità web push
Il push web ha ricevuto alcuni aggiornamenti nelle versioni recenti di Chrome. GCM ora supporta il protocollo web push e, se utilizzi VAPID, non dovrai registrarti a un Google Developer Project e ti verrà assegnato un endpoint FCM.
- Chrome
Riproduzione automatica disattivata sui dispositivi mobili: puoi dire addio ai trucchi su tela e alle GIF animate
La riproduzione automatica con audio disattivato per i video è supportata su Android a partire da Chrome 53. In precedenza, un elemento video richiedeva un gesto dell'utente per avviare la riproduzione.
- Chrome
Esegui il debug di app web progressive
Utilizza il riquadro Applicazione per esaminare, modificare ed eseguire il debug di manifest di app web, service worker e cache dei service worker.
- Chrome DevTools
Google Analytics offline ancora più facile
La libreria sw-offline-google-analytics offre tutto ciò di cui hai bisogno.
- Chrome
Complessità di uno scorrimento continuo
Gli scorrimenti continui sono un pattern di UI comune. Qui esploriamo come implementare questo pattern in un modo conservativo di memoria e con prestazioni a 60 fps.
- Chrome
Addio brevi sessioni - Una proposta per utilizzare i service worker per migliorare la gestione dei cookie sul web
Introduzione di un proof of concept per la persistenza delle sessioni utilizzando il service worker.
- Chrome
ECDSA per WebRTC: maggiore sicurezza, privacy e rendimento migliori
A partire dalla versione 52, Chrome utilizza ECDSA per impostazione predefinita, un algoritmo molto più efficiente e sicuro per la generazione di chiavi dei certificati WebRTC. Inoltre, gli RTCCertificates ora possono essere archiviati con IndexedDB.
- Chrome
Memorizzazione nella cache del service worker, velocità di riproduzione e URL BLOB per audio e video su Chrome per Android
Dalla versione 52, Android Chrome utilizza lo stesso stack multimediale della versione desktop di Chrome, anziché basarsi sull'implementazione della piattaforma sottostante. Ciò consente la memorizzazione nella cache dei media dei service worker, velocità di riproduzione variabili, URL blob su Android, passaggio MediaStream tra API e debug multipiattaforma semplificato.
- Chrome
Nuovo comportamento per i bambini con una posizione assoluta in Flexbox
Nuovo comportamento per i bambini con una posizione assoluta in Flexbox
- Chrome
Contenimento CSS in Chrome 52
La nuova proprietà di contenimento CSS consente agli sviluppatori di limitare l'ambito degli stili, del layout e della visualizzazione del browser.
- Chrome
Rimozioni e ritiri di API in Chrome 52
Un riepilogo delle deprecazioni e delle rimozioni in Chrome per aiutarti a pianificare.
- Chrome
Osservatore del rendimento - Accesso efficiente ai dati sul rendimento
Novità di Chrome 52, l'interfaccia Performance Analyzer fornisce un accesso più efficiente e basato sugli eventi ai dati della cronologia del rendimento.
- Chrome
Digest DevTools, settembre 2016 - DevTools nel 2016 e oltre
Temi e tendenze principali di DevTools nel 2016 e oltre.
- Chrome
Migliorare le prestazioni di scorrimento con i listener di eventi passivi
I listener di eventi passivi, una novità di Chrome 51, offrono un potenziale incremento delle prestazioni dello scorrimento.
- Chrome
Trasmetti in streaming per risposte immediate
Inizia a elaborare le risposte del service worker il prima possibile, grazie a ReadableStreams.
- Chrome
API Geolocation rimossa da origini non protette in Chrome 50
A partire dalla versione 50, Chrome non supporta più l'API HTML5 Geolocation su connessioni non sicure.
- Chrome
Digest DevTools - Maggiore potenza con il nuovo menu dei comandi
Scopri di più sul nuovo menu dei comandi di DevTools e sulle sue oltre 60 azioni che consentono flussi di lavoro superveloci.
- Chrome
Rimozioni e ritiri di API in Chrome 51
Un riepilogo delle deprecazioni e delle rimozioni in Chrome per aiutarti a pianificare.
- Chrome
Quali sono le novità di KeyboardEvents? Chiavi e codici.
Due nuovi attributi consentono una gestione coerente degli eventi da tastiera sul Web.
- Chrome
Semplificazione del flusso di accesso utilizzando l'API di gestione delle credenziali
Per offrire un'esperienza utente sofisticata, è importante aiutare gli utenti ad autenticarsi sul tuo sito web. Tuttavia, creare, ricordare e digitare le password tende a essere ingombrante per gli utenti finali, soprattutto sui dispositivi mobili
- Chrome
Tempo dell'esperimento - Ancoraggio dello scorrimento
L'ancoraggio dello scorrimento impedisce alla pagina web di muoversi una volta iniziata la lettura dei contenuti.
- Chrome
Accesso a dispositivi USB sul Web
L'API WebUSB rende l'USB più sicura e facile da usare portandola sul Web.
Panoramica
Inizia a utilizzare gli strumenti per sviluppatori web integrati di Google Chrome.
- Chrome DevTools
Riferimento API Console
Utilizza l'API Console per scrivere messaggi nella console.
- Chrome DevTools
Una nuova modalità dispositivo per una prima generazione di dispositivi mobili
Scopri tutto quello che c'è da sapere sulla nuova modalità dispositivo aggiornata di Chrome DevTools introdotta in Chrome 49.
- Chrome
Creazione di un dispositivo IoT abilitato per il web con Intel Edison
Al giorno d'oggi l'Internet of Things è sulla bocca di tutti, ma cosa succederebbe se potessi creare un dispositivo IoT a cui accedevi dal tuo browser web? In questo articolo vediamo come eseguire questa operazione utilizzando Physical Web, Web Bluetooth e Node.js, in esecuzione su una scheda di lavoro Intel® Edison Arduino.
- Chrome
A breve verranno apportate modifiche all'orientamento dei dispositivi su Chrome 50
DeviceOrientationEvent utilizza gradi relativi ed è presente un nuovo DeviceOrientationabsoluteEvent.
- Chrome
Convalida DOMTokenList aggiunta in Chrome 50
Verifica il supporto di varie funzionalità direttamente nel codice, a partire da Chrome 50.
- Chrome
Supporto di Canvas toBlob() aggiunto in Chrome 50
Supporto di canvas.toBlob impostato su Chrome 50.
- Chrome
Miglioramenti delle animazioni web in Chrome 50
Migliore conformità alle specifiche e nuove funzionalità in arrivo in Chrome 50.
- Chrome
Chrome supporta createImageBitmap() in Chrome 50
Supporto per la decodifica delle immagini nei worker la cui destinazione è impostata su Chrome 50.
- Chrome
Elimina i grattacapi dalla gestione della concentrazione
La funzionalità 'punto di partenza della navigazione con focus sequenziale' definisce il punto in cui iniziamo a cercare gli elementi attivabili per la navigazione con focus sequenziale ([Tab] o [Maiusc-Tab]) quando non c'è un'area attiva. È particolarmente utile per le funzioni di accessibilità come saltare i link e gestire lo stato attivo nel documento.
- Chrome
API Media Source: assicura automaticamente una riproduzione senza interruzioni dei segmenti multimediali in ordine di aggiunta
L'API Media Source abilita JavaScript per creare stream multimediali per la riproduzione. In Chrome 50 è possibile utilizzare la modalità in sequenza Sourcebu per assicurare che i segmenti multimediali vengano riposizionati automaticamente nella sequenza temporale nell'ordine in cui sono stati aggiunti, senza interruzioni tra di loro.
- Chrome
Metodi FormData per l'ispezione e la modifica
In Chrome 50, ora puoi interagire con le tue istanze FormData prima di inviarle durante il loro percorso.
- Chrome
Rimozioni e ritiri di API in Chrome 50
Un riepilogo dei ritiri e delle rimozioni di API in Chrome per aiutarti a pianificare le tue attività.
- Chrome
Assegnare la priorità alle tue risorse con link rel=#39;preload'
Chrome 50 aggiunge il supporto per rel="preload" e depreca rel="subresource".
- Chrome
Miglioramenti alle notifiche web in Chrome 50: icone, chiusura di eventi, nuova notifica di preferenze e timestamp
In Chrome 50 ci sono molte nuove funzionalità per le notifiche, ecco un resoconto.
- Chrome
Crittografia del payload web push
Web Push ora supporta i payload. Scopri come sfruttare questa nuova potente funzionalità.
- Chrome
HTMLMediaElement.play() restituisce una promessa
Puoi dire addio all'incertezza della riproduzione automatica. play() ora restituisce una Promessa.
- Chrome
Hai potenziato il debug remoto, i giochi di classe e il nostro programma a tarda notte?
Scopri tutto quello che c'è da sapere sulla nuova UI di "Ispeziona dispositivi", attiva facilmente le classi nel riquadro di stile ora risolto e guarda il progetto pilota di DevTools Tonight.
- Chrome
Guarda le variabili in Origini
Chrome DevTools consente di visualizzare facilmente più variabili nell'applicazione.
- Chrome DevTools
DevTools non funziona, modifica tramite @keyframe e un completamento automatico più intelligente
Scopri come DevTools ti fa meno digitare grazie al completamento automatico della console più intelligente, come modificare le regole @keyframe direttamente nel riquadro Stili, come divertirti con le variabili personalizzate CSS e come entrare nel lato oscuro.
- Chrome
Aggiornamenti dell'audio web in Chrome 49
Un riepilogo di alcune delle ultime versioni dell'API Web Audio in Chrome.
- Chrome
Introduzione ai proxy ES2015
I proxy ES2015 (in Chrome 49 e versioni successive) forniscono a JavaScript un'API di intercessione che consente di eseguire il trap o intercettare tutte le operazioni su un oggetto di destinazione e modificare il funzionamento di questo target.
- Chrome
Scorrimento fluido in Chrome 49
Non ne puoi più dello scorrimento mosso? Fantastico, perché Chrome 49 viene fornito con un nuovo scorrimento fluido già pronto.
- Chrome
Controllo del rendimento dei caratteri con font-display
Il nuovo descrittore font-display per @font-face consente agli sviluppatori di decidere come verranno visualizzati i loro caratteri web (o di riserva), a seconda del tempo necessario per il caricamento.
- Chrome
Variabili CSS: perché dovrebbero interessarti?
Le variabili CSS, più accuratamente note come proprietà personalizzate CSS, saranno disponibili in Chrome 49. Possono essere utili per ridurre le ripetizioni in CSS, nonché per efficaci effetti di runtime come il cambio di tema e la potenziale estensione/polyfill delle funzionalità CSS future.
Registra audio e video con MediaRecorder
L'API MediaRecorder consente di registrare audio e video da un'app web. Ora è disponibile in Firefox e in Chrome per Android e computer.
- Chrome
VP9 è ora disponibile in WebRTC
Da Chrome 48 su computer e Android, VP9 sarà un codec video facoltativo per le videochiamate che utilizzano WebRTC.
- Chrome
Azioni di notifica in Chrome 48
Gli utenti possono interagire con il tuo sito senza aprire la pagina utilizzando i pulsanti di azione delle notifiche
- Chrome
Timestamp ad alta risoluzione per gli eventi
Scopri quando si verificano gli eventi con una precisione in microsecondi, grazie a DOMHighResTimeStamp.
- Chrome
Facile manipolazione degli URL con URLSearchParams
Accesso semplice a TURLSearchParams e manipolazione della stringa di query dell'URL
- Chrome
Google Cast per Chrome su Android
Ora Chrome su Android consente ai siti mobile di presentare sui dispositivi Google Cast utilizzando l'API Presentation e l'SDK Web Cast.
- Chrome
Iniziare a utilizzare le app web progressive
Scopri come iniziare a creare app web progressive
- Chrome
Viene introdotto il pannello di sicurezza in Chrome DevTools
Scopri tutto sul nuovo Pannello di sicurezza in Chrome DevTools.
- Chrome
Sincronizzazione in background
La sincronizzazione in background è una nuova API web che ti consente di posticipare le azioni fino a quando la connettività dell'utente è stabile. Ciò è utile per garantire che qualsiasi cosa l'utente voglia inviare venga effettivamente inviato.
- Chrome
Digest DevTools (edizione CDS): A Glimpse into the Future and RAIL Profiling
Scopri in che modo DevTools sta per diventare mobile con una nuova modalità dispositivo sempre attiva e semplificata. Utilizza i pulsanti dei colori per aggiungere rapidamente colori ai selettori e scoprire le novità in arrivo in DevTools.
- Chrome
Caricamento istantaneo delle app web con un'architettura della shell dell'applicazione
L'architettura della shell dell'applicazione è un metodo per creare attualmente app web progressive, sfruttando una serie di tecnologie.
- Chrome
Digest DevTools - Modifiche efficienti degli elementi, debug dei service worker e tonalità del material design
Utilizza il nuovo menu contestuale del riquadro DOM per modificare i nodi in modo efficiente. Esegui il debug dei worker di servizi direttamente tramite il riquadro Risorse. Scegli tra tutte le tonalità di Material Design nel selettore colori. le librerie Blackbox JS più facilmente.
- Chrome
Risorse animazioni web
Risorse e altro ancora per l'API Web Animations
Gestisci l'attivazione della funzionalità Tocca per cercare
Quando e come viene attivato la funzionalità Tocca per cercare
- Chrome
Richiesta di interazione con le notifiche: un'esperienza utente più fluida per le notifiche sul desktop
Le notifiche sul computer verranno ignorate automaticamente dopo un breve periodo di tempo.
- Chrome
Funzionalità del dispositivo di input
Un metodo più semplice per razionalizzare la logica del mouse e del tocco per quando non ci sono PointerEvents
- Chrome
Digest DevTools - Riordinamento delle schede, Console su 2 e Listener di eventi framework
Riordina le schede DevTools a seconda delle tue esigenze e visualizza esattamente dove sono stati associati gli eventi del framework.
- Chrome
Esegui snippet di JavaScript
Gli snippet sono piccoli script che puoi creare ed eseguire nel riquadro Origini di Chrome DevTools. Puoi accedervi ed eseguirli da qualsiasi pagina. Quando esegui uno snippet, questo viene eseguito dal contesto della pagina attualmente aperta.
- Chrome DevTools
Scegli videocamere, microfoni e altoparlanti dalla tua app web
L'interfaccia MediaDevices consente l'accesso ai dispositivi di input e di output disponibili nel browser, tra cui videocamere, microfoni e altoparlanti.
- Chrome
Estensione logger EME
EME Logger è un'estensione di Chrome che registra gli eventi e le chiamate di Encrypted Media Extensions (EME) alla console DevTools.
- Chrome
Aggiornamenti all'API Service Worker Cache
Chrome 46 ha introdotto nuovi metodi nelle cache, così come Chrome 47 e probabilmente il 48. Non si ferma mai.
- Chrome
API History - Ripristino dello scorrimento
Un aggiornamento all'API History per evitare spiacevoli scorrimenti dello scorrimento.
- Chrome
Eliminazione di schede in Chrome - Un esperimento per risparmiare memoria
La riduzione della memoria utilizzata da Chrome è una delle principali priorità del team quest'anno.
- Chrome
Implementazione del blocco della chiave pubblica con i report HPKP
Chrome 46 include una funzionalità chiamata report HPKP, che può aiutarti a implementare una forma di SSL più restrittiva per il tuo sito.
- Chrome
Utilizzo del file manifest dell'app web per specificare un colore per il tema a livello di sito.
Imposta un colore tema nel file manifest e rendilo disponibile per tutte le pagine del tuo sito quando viene avviato dalla schermata Home.
- Chrome
Il filtro più grande del riquadro di rete avanzato e alcuni altri
Sapevi che il filtro nel riquadro Rete supporta alcune utili etichette di ricerca personalizzata?
- Chrome
Semplici trucchi da utilizzare nel riquadro Stili
Scopri come navigare in modo efficace nel riquadro Stili con alcuni utili trucchi da tastiera.
- Chrome
Digest DevTools - Dettagli aggregati della sequenza temporale, tavolozze dei colori e altro ancora
Scopri quali script di terze parti causano problemi di rendimento con i dettagli aggregati nella cronologia, come scegliere colori coerenti con la nuova tavolozza dei colori e molto altro ancora.
- Chrome
Nuova versione di Material Design Lite - 1.0.4
È disponibile una nuova release di Material Design Lite che introduce una serie di correzioni di bug e miglioramenti al processo di compilazione.
- Chrome
Utilizzo delle immagini poster nei contenuti dei plug-in
Ora Chrome può aggiungere immagini poster personalizzate agli elementi oggetto per migliorare le prestazioni di caricamento percepite di plug-in come Flash.
- Chrome
Utilizzo di requestIdleCallback
requestIdleCallback è la nuova API di prestazioni per la pianificazione del lavoro quando il browser è inattivo.
- Chrome
Cinque trucchi da utilizzare nel riquadro della console
Cinque trucchi da utilizzare nel riquadro della console
- Chrome
Modifica l'HTML nel riquadro della console
Il menu contestuale del nodo DOM, che puoi riconoscere nel riquadro degli elementi, è presente anche nel riquadro della console.
- Chrome
Duplicare facilmente i nodi DOM
È possibile modificare facilmente il DOM senza dover modificare il codice HTML sotto forma di stringa gigante.
- Chrome
Una nuova casa per DevTools
Ci siamo trasferiti nella nostra nuovissima home page all'indirizzo developer.google.com/web/tools/chrome-devtools/?hl=it e ti offriamo nuovi tutorial e suggerimenti interessanti.
- Chrome
Modifica in tempo reale il CSS nelle sorgenti
Sapevi che puoi modificare in tempo reale il CSS in Origini e fare in modo che aggiorni la pagina in tempo reale?
- Chrome
Breadcrumb DOM migliorati
Sapevi che il riquadro Elementi ha una traccia breadcrumb?
- Chrome
Digest DevTools - Rullino e nuova posizione per la limitazione
Scopri la nuova funzionalità rullino e altro ancora in questo primo dei tanti aggiornamenti del Digest DevTools.
- Chrome
Comunicazione con dispositivi Bluetooth tramite JavaScript
L'API Web Bluetooth consente ai siti web di comunicare con i dispositivi Bluetooth.
Ritiri MediaStream
L'API MediaStream rappresenta stream sincronizzati di audio o video. MediaStream.ended, MediaStream.label e MediaStream.stop() stanno per essere deprecati. Utilizza invece MediaStream.active, MediaStreamTrack.label e MediaStreamTrack.stop().
- Chrome
Aggiungi un nuovo dispositivo personalizzato come preimpostazione
Emuli spesso dispositivi di una determinata dimensione? Nella modalità dispositivo DevTools puoi aggiungere nuove preimpostazioni per i dispositivi.
- Chrome
- Chrome DevTools
Misurazione delle prestazioni in un service worker
Se non riesci a misurare le prestazioni delle tue richieste in un service worker, come puoi dire che migliori le prestazioni? Ora puoi rispondere a questa domanda grazie alle modifiche recenti in Chrome.
- Chrome
Notifiche relative alla riproduzione di contenuti multimediali per Chrome su Android
Quando è in riproduzione audio o video su una pagina web, nella barra delle notifiche e nella schermata di blocco vengono visualizzate una notifica che mostra il titolo della pagina e un pulsante di riproduzione/pausa. La notifica può essere utilizzata per mettere in pausa/riprendere la riproduzione o per tornare alla pagina di riproduzione dei contenuti multimediali.
- Chrome
Uso dell'angolo di rotazione e Raggio tocco
In Chrome 45 è stata introdotta una piccola serie di modifiche che consentiranno agli sviluppatori di creare più facilmente app basate sul tocco.
- Chrome
Esaminare e attivare le query supporti CSS
La modalità dispositivo ha uno strumento di controllo delle query supporti integrato che semplifica il responsive design.
- Chrome
Scorciatoia per selezionare l'occorrenza successiva
Nell'editor del riquadro Origini, puoi selezionare l'occorrenza successiva utilizzando Cmd + D.
- Chrome
Imposta un punto di interruzione in base a una determinata condizione
Quando imposti un punto di interruzione, puoi renderlo condizionale in base al risultato di un'espressione.
- Chrome
Seleziona ed esegui un blocco di codice nel riquadro Origini
Usa la scorciatoia Ctrl + Maiusc + E per eseguire un blocco di codice evidenziato nel riquadro Origini.
- Chrome
Scorri rapidamente i riquadri DevTools
Puoi usare Cmd+] (o Cmd+[) per scorrere i riquadri in DevTools.
- Chrome
Stampa una rapida analisi dello stack dalla console
Puoi utilizzare console.trace() per ottenere un'analisi dello stack rapida e semplice e comprendere meglio il flusso di esecuzione del codice.
- Chrome
Chi ispeziona l'ispettore?
Sapevi che puoi esaminare i tuoi DevTools con DevTools?
- Chrome
Attivare una pseudoclasse su un elemento
Hai mai provato a eseguire il debug degli effetti di passaggio del mouse in CSS, ma non riesci a mantenere il mouse sull'elemento? Ecco come fare.
- Chrome
Ricerca a livello di progetto con ambito del file facoltativo
Scopri i comandi segreti per eseguire ricerche come un professionista in DevTools.
- Chrome
Gruppi di colori della rete
Scopri quali colori corrispondono a un tipo di risorsa per identificarle facilmente.
- Chrome
Visualizza l'anteprima dei valori JavaScript in linea durante il debug
Scopri come visualizzare l'anteprima dei valori delle variabili JavaScript in DevTools durante il debug.
- Chrome
Modificare/visualizzare rapidamente le risorse dal riquadro Elementi
Modificare/visualizzare rapidamente le risorse dal riquadro Elementi
- Chrome
event_rules
Documentazione di riferimento per la proprietà event_rule di manifest.json.
- Estensioni di Chrome
event_rules
Documentazione di riferimento per la proprietà event_rule di manifest.json.
- Estensioni di Chrome
Estensioni per fonti multimediali per audio
Le estensioni MSE (Media Source Extensions) offrono un controllo esteso del buffering e della riproduzione per gli elementi audio e video HTML5. Sebbene sia stato sviluppato in origine per facilitare lo streaming adattivo dinamico su video player basati su HTTP (DASH), MSE può essere utilizzato per l'audio, in particolare per la riproduzione senza interruzioni.
- Estensioni di Chrome
- Chrome
Notifiche delle modifiche apportate alle notifiche
In Chrome 44 sono state aggiunte due nuove API che rendono più semplice l'uso e la personalizzazione delle notifiche con push.
- Chrome
Copia immagine come URI dati
Fai clic con il tasto destro del mouse sull'anteprima di un'immagine all'interno del riquadro Risorse per copiarla come URI dati (codificato in base 64).
- Chrome
Alt+Fai clic per espandere tutti i nodi secondari
Alt + Fai clic per espandere tutti i nodi secondari
- Chrome DevTools
- Chrome
Visualizza selettori corrispondenti
Quando visualizzi un selettore nel riquadro degli stili, le parti del selettore separate da virgole vengono colorate in modo diverso a seconda che corrispondano o meno al nodo DOM selezionato.
- Chrome
Fai clic sul comando per aggiungere più cursori nel riquadro delle origini
Scopri come eseguire la modifica di più cursori nel riquadro delle origini DevTools.
- Chrome
Editor dell'easing
Seleziona una proprietà CSS di easing per ottenere un'anteprima animata visiva del suo comportamento.
- Chrome
Utilizza la tastiera per spostarti tra la Tack di chiamate
Come impostare un punto di interruzione ed esplorare lo stack di chiamate con le scorciatoie da tastiera.
- Chrome
Richieste di rete non completate
Puoi utilizzare il filtro di rete avanzato Is:Running per visualizzare le richieste di rete non completate (ad es. le richieste in esecuzione).
- Chrome
Monitora rapidamente gli eventi dal riquadro della console
Puoi registrare tutti gli eventi inviati a un oggetto utilizzando il metodo dell'API della riga di comando monitorEvents(object [, events]).
- Chrome
Tag degli elementi di Modifica rapida
Puoi fare doppio clic sul nome del tag di apertura di un nodo nel riquadro Elementi per modificarlo.
- Chrome
Alcuni miglioramenti dell'interfaccia utente e delle funzionalità dello strumento Selettore colori
È in corso un upgrade dello strumento selettore colori in DevTools. Attualmente in Chrome Canary
- Chrome
Il nodo DOM attualmente selezionato
Scopri la scorciatoia rapida della console per ottenere il nodo DOM attualmente selezionato.
- Chrome
Mostra nel riquadro degli elementi
Mostra i nodi DOM nel riquadro degli elementi dalla console.
- Chrome
Recupero dei listener di eventi ed eseguirne il debug
Puoi recuperare ed eseguire il debug dei listener di eventi in DevTools con questi comandi della console.
- Chrome
Metti automaticamente in pausa in qualsiasi eccezione
Nei DevTools puoi mettere in pausa automaticamente qualsiasi eccezione (opzione particolarmente utile per le eccezioni non rilevate).
- Chrome DevTools
- Chrome
Modifica rapidamente i valori CSS
Modifica rapidamente i valori CSS con la tastiera o la rotellina del mouse
- Chrome
Completamento automatico per notazione parentesi quadra
Sapevi che puoi completare automaticamente la notazione a parentesi nel riquadro Origini?
- Chrome
- Chrome DevTools
Riprodurre una richiesta di rete in cURL
Scopri come eseguire il debug di una richiesta di rete dalla riga di comando.
- Chrome
Visualizzare e modificare i punti di interruzione del DOM
Come visualizzare e modificare i punti di interruzione del DOM con il riquadro Punti di interruzione in DevTools.
- Chrome
Far scorrere gli elementi nell'area visibile
Se un elemento che stai ispezionando non è visibile, ecco come inserirlo nell'area visibile.
- Chrome
Rullini nel riquadro Rete
Naviga visivamente nel riquadro di rete e visualizza gli screenshot acquisiti durante il caricamento pagina
- Chrome
Attivazione di pseudo-classi
Scopri come attivare pseudo-classi come :active per eseguire correttamente il debug del tuo CSS.
- Chrome
Espandi le proprietà abbreviate CSS
Nel riquadro degli stili, puoi espandere le proprietà abbreviate CSS, come flex o spaziatura interna, e visualizzare l'intera gamma di proprietà definite per te.
- Chrome
Port forwarding
Il port forwarding di DevTools consente di funzionare anche sugli URL localhost sui dispositivi mobili.
- Chrome
Cerca struttura DOM per selettore CSS
Quando esplori il DOM con il riquadro Elementi, prova a cercare i nodi tramite CMD/Ctrl+F dai relativi selettori CSS.
- Chrome
Ricevi notifiche in caso di errori JS durante la digitazione
Se viene visualizzato un errore nel riquadro della console, fai clic sull'errore per visualizzare la riga nel riquadro Origini, in cui viene visualizzata l'indicazione dell'errore.
- Chrome
Registrazione semplice della cronologia
Prova a sganciare DevTools in una finestra separata, in modo che il pulsante di registrazione sia posizionato vicino alla parte della pagina in cui devi eseguire un'azione.
- Chrome
Manifest - Stampanti USB
Documentazione di riferimento per la proprietà usb_printers di manifest.json.
Vai a un numero di riga in una colonna specifica
Scopri come passare a numeri di riga specifici nel riquadro Origini.
- Chrome
Passa facilmente ai listener di eventi
Scopri come mostrare la definizione della funzione di un listener di eventi registrato su qualsiasi nodo.
- Chrome
Video ad alte prestazioni con decodifica hardware
Il supporto video dell'hardware consente una decodifica efficiente ai plug-in e ai video HTML5. Gli utenti di Flash devono passare dal vecchio stile video all'oggetto StageVideo.
- Chrome
Punti salienti dell'affermazione
Visualizza l'istruzione esatta eseguita con evidenziazione granulare.
- Chrome
Ricarica manuale
Con DevTools aperto, fai clic sul pulsante Ricarica e tieni premuto per visualizzare altre opzioni.
- Chrome
Modifiche locali
Le modifiche locali consentono di vedere quali modifiche sono state apportate (tramite DevTools) a determinati file di origine.
- Chrome
Scorri le posizioni di modifica
La cronologia delle posizioni del cursore viene mantenuta nel riquadro Sorgenti, consentendoti di scorrere le posizioni di modifica precedenti con Alt+(indietro) o Alt+(avanti)
- Chrome
Copia la risposta di una risorsa di rete negli appunti
Oltre a copiare le intestazioni di richiesta/risposta di una risorsa di rete, puoi anche copiare la risposta stessa.
- Chrome
Effettua una selezione di colonne mediante trascinamento
Puoi effettuare una selezione di colonne nell'editor del riquadro Origini tenendo premuto Alt e trascinando il mouse.
- Chrome
Snippet predefiniti
Come eseguire snippet di codice predefiniti su qualsiasi pagina web.
- Chrome
Tag degli elementi a modifica rapida
Puoi fare doppio clic sul nome del tag di apertura di un nodo nel riquadro Elementi per modificarlo.
- Chrome
Copia immagine come URI dati
Fai clic con il tasto destro del mouse sull'anteprima di un'immagine all'interno del riquadro Risorse per copiarla come URI dati (codificato in base 64).
- Chrome
Mostra nel riquadro Elementi
Mostra i nodi DOM nel riquadro Elementi dalla console.
- Chrome
Visualizza selettori corrispondenti
Quando visualizzi un selettore nel riquadro degli stili, le parti del selettore separate da virgole vengono colorate in modo diverso a seconda che corrispondano o meno al nodo DOM selezionato.
- Chrome
Monitora rapidamente gli eventi dal riquadro della console
Puoi registrare tutti gli eventi inviati a un oggetto utilizzando il metodo dell'API della riga di comando monitorEvents(object [, events]).
- Chrome
Fai clic sul comando per aggiungere più cursori nel riquadro delle origini
Scopri come eseguire la modifica di più cursori nel riquadro delle origini DevTools.
- Chrome
Alt+Fai clic per espandere tutti i nodi secondari
Alt + Fai clic per espandere tutti i nodi secondari
- Chrome DevTools
- Chrome
Attiva/disattiva lo stato del dock di DevTools con una scorciatoia da tastiera
Utilizza Cmd + Maiusc + D per attivare/disattivare lo stato del dock di DevTools tra gli ultimi due stati utilizzati di recente.
- Chrome
Attiva/disattiva lo stato del dock di DevTools con una scorciatoia da tastiera
Utilizza Cmd + Maiusc + D per attivare/disattivare lo stato del dock di DevTools tra gli ultimi due stati utilizzati di recente.
- Chrome
Richieste di rete non completate
Puoi utilizzare il filtro di rete avanzato Is:Running per visualizzare le richieste di rete non completate (ad es. le richieste in esecuzione).
- Chrome
Editor dell'easing
Seleziona una proprietà CSS di easing per ottenere un'anteprima animata visiva del suo comportamento.
- Chrome
Maiuscole automatiche per dispositivi mobili
La rimozione di un altro testo da parte degli utenti è un ulteriore fastidio per l'inserimento di testo.
- Chrome
Comandi Taglia e copia
Il supporto dei comandi taglia e copia ti consente di tagliare e copiare in modo programmatico il testo selezionato negli appunti degli utenti.
- Chrome
Visualizza risorse della pagina
Organizzare le risorse in base a frame, dominio, tipo o altri criteri.
- Chrome DevTools
Emula e testa altri browser
Il tuo compito non termina con la garanzia che il tuo sito funzioni in modo ottimale su Chrome e Android. Anche se la modalità dispositivo è in grado di simulare una serie di altri dispositivi come gli iPhone, ti invitiamo a dare un'occhiata alle soluzioni di emulazione di altri browser.
- Chrome DevTools
Riferimento API Console Utilities
Un riferimento alle funzioni disponibili nella console Chrome DevTools.
- Chrome DevTools
WebView di debug remoto
Esegui il debug dei componenti WebView nelle tue app Android native utilizzando gli Strumenti per sviluppatori di Chrome.
- Chrome DevTools
Debug remoto dei dispositivi Android
Esegui il debug dei contenuti dal vivo in remoto su un dispositivo Android da un computer Windows, Mac o Linux.
- Chrome DevTools
Esegui il debug del codice originale anziché il deployment con le mappe di origine
Assicurati che il tuo codice lato client sia leggibile e di cui è possibile eseguire il debug anche dopo averlo combinato, minimizzato o compilato.
- Chrome DevTools
Attributi DOM ora nella catena dei prototipi
Chrome è sempre in linea con le specifiche. Controlla i tuoi siti se stai utilizzando la logica di WebKit per la propagazione degli attributi
- Chrome
API Permissions per il Web
L'API Permissions ti consente di controllare da una posizione centralizzata lo stato di autorizzazione di un'API.
- Chrome
Concetti semplificati per la denominazione delle animazioni web
In risposta al feedback degli sviluppatori, alcune funzionalità future delle animazioni web verranno rinominate.
- Chrome
Una nuova casa per DevTools
Siamo passati a un nuovo sito all'indirizzo developer.google.com/web dove ci sono nuovi fantastici tutorial e suggerimenti per te.
- Chrome
Sequenza temporale DevTools - Ora viene fornita la cronologia completa
Abbiamo eseguito l'upgrade del riquadro Spostamenti in Chrome DevTools per offrire agli sviluppatori maggiori informazioni sulle prestazioni di runtime del loro sito.
- Chrome
Notifiche push sul Web aperto
Messaggi e notifiche push in arrivo in Chrome 42.
- Chrome
Gestione dell'archiviazione offline HTML5
Come archiviare i dati lato client nell'app Chrome in modo che funzioni offline.
Creazione di siti semantici con componenti web e JSON-LD
Aggiungi il markup schema.org ai componenti e rendili facili da ricercare per i motori di ricerca.
- Chrome
Uso letterale con le stringhe dei modelli ES6
Valori letterali stringa modello con espressioni incorporate. Aspettavamo da tempo questo risultato. Letteralmente
- Chrome
Chrome Dev Summit 2014 - Creiamo alcune app con Polymer
Sviluppare app alla maniera dei Polymer.
- Chrome
Che cos'è l'area visibile virtuale?
L'area visibile virtuale separa il layout e la visualizzazione dell'area visibile.
- Chrome
image-rendering:pixelato
Pixelazione della nazione. Ora in Chrome 41
- Chrome
Conservare lo stato durante le mutazioni del DOM con moveBefore()
Spostare i nodi nel DOM senza perdere lo stato critico
- Chrome
Moduli condivisi
Come condividere il codice tra estensioni di Chrome.
- Estensioni di Chrome
Moduli condivisi
Come condividere il codice tra estensioni di Chrome.
- Estensioni di Chrome
Chrome Dev Summit 2014 - Polymer - Stato dell'Unione
Lo stato della Polymer Union.
- Chrome
Richiesta di installazione di app native
I banner per l'installazione di app native consentono agli utenti di installare in modo rapido e semplice la tua app nativa sul loro dispositivo dallo store, senza uscire dal browser.
- Chrome
Messaggi nativi
Come scambiare messaggi con applicazioni native dalla tua app Chrome.
Controllo della riproduzione di animazioni web in Chrome 39
Scopri di più sulla riproduzione di animazioni web
- Chrome
Concetti fondamentali dello sviluppo di Web mobile
Un rapido sguardo ad alcuni degli sforzi compiuti dal team di Chrome per aiutare gli sviluppatori a iniziare lo sviluppo web e l'iterazione sui loro siti.
- Chrome
Feedback degli sviluppatori necessario - API Frame Timing
Una nuovissima API è in fase di sviluppo per aiutare a misurare i frame al secondo in natura, ma ha bisogno del tuo feedback.
- Chrome
Supporto dell'attributo colore tema in Chrome 39 per Android
Utilizza tema-color per impostare il colore della barra degli strumenti in Chrome per Android.
- Chrome
Passaggio 5: aggiungi immagini dal web
Come aggiungere immagini all'app di Chrome utilizzando XHR e ObjectURL.
Passaggio 1: crea ed esegui un'app di Chrome
Come creare, installare, eseguire ed eseguire il debug di un'app di Chrome di base.
Passaggio 3: aggiungi sveglie e notifiche
Come riattivare l'app Chrome a intervalli specificati e utilizzare le notifiche.
Crea un'app di Chrome per le attività
Un'introduzione al codelab.
Passaggio 4: apri i link esterni con un componente WebView
Come mostrare contenuti web esterni nella tua app Chrome.
Passaggio 2: importa un'app web esistente
Come adattare un'app web esistente alla piattaforma App di Chrome.
Passaggio 7: pubblica l'app
Come pubblicare la tua app di Chrome nel Chrome Web Store.
Passaggio 6: esporta le cose da fare nel file system
Come scrivere nel file system dall'app Chrome.
Generatori: elementi nocivi
Un'esplorazione dei generatori ES6.
- Chrome
Inviare dati di beaconing in Chrome 39
In Chrome 39 è implementata l'API Beacon, che consente di inviare piccole richieste HTTP asincrone durante gli eventi di unload della pagina.
- Chrome
Tocco di precisione per gesti precisi
In Chrome, i TouchEvents sono stati modificati in modo da restituire valori in virgola mobile anziché numeri interi per tenere conto delle diverse densità dello schermo. Questo porta a un feedback più dettagliato durante i gesti lenti.
- Chrome
Raccolta e iterazione alla maniera di ES6
Mappe, Set e per...dell'iterazione sono funzionalità di ES6 che possono cambiare il modo in cui lavori con le raccolte di dati.
- Chrome
Conversione da Arraybuffer a stringa più semplice con l'API Codifica
L'API Codifica nativa offre un modo diretto per convertire dati binari non elaborati e stringhe JavaScript.
- Chrome
Modifiche all'audio web in m36
Descrizione del funzionamento della pulizia degli standard Web Audio in Chrome 36
- Chrome
elemento della finestra di dialogo spedito in Chrome 37 Beta
Chrome Beta ora offre il supporto nativo per gli elementi
- Chrome
Sintesi DevTools - Chrome 35
Aggiornamenti agli Strumenti per sviluppatori in Chrome 35
- Chrome
Utilizzare l'API Notifications
Mostra notifiche agli utenti dell'estensione di Chrome.
- Estensioni di Chrome
API Notifiche avanzate
Come mostrare le notifiche agli utenti delle estensioni di Chrome.
- Estensioni di Chrome
Automatizzare la misurazione del rendimento web
Utilizza PSI per inserire le metriche relative alle prestazioni web nel processo di compilazione.
- Chrome
Il supporto BLOB per IndexedDB è stato disponibile su Chrome Dev
La funzionalità tanto attesa per Chrome, il supporto di BLOB su IndexedDB è arrivato in Chrome Dev.
- Chrome
Motori di gioco
Motori di gioco consigliati per le app di Chrome.
Animazioni web: element.animate() è ora disponibile in Chrome 36
Le animazioni web definiscono un modello per il supporto dell'animazione e della sincronizzazione sulla piattaforma web. element.animate() è il primo elemento che viene indirizzato a Chrome.
- Chrome
Un tocco più compatibile e fluido
Tu e i tuoi utenti volete app web mobile che reagiscono e scorrono facilmente al tocco. Svilupparli dovrebbe essere facile, ma sfortunatamente, il modo in cui i browser web mobile reagiscono agli eventi di tocco durante lo scorrimento viene lasciato come dettaglio di implementazione nella specifica [TouchEvent](https://www.w3.org/TR/touch-events/).
- Chrome
Eseguire le app di Chrome sui dispositivi mobili utilizzando Apache Cordova
Una guida su come utilizzare Apache Cordova per configurare l'esecuzione dell'app Chrome su dispositivi Android e iOS.
Debug di JavaScript asincrono con Chrome DevTools
Una funzionalità potente che rende JavaScript unico è la sua capacità di lavorare in modo asincrono tramite funzioni di callback. L'assegnazione di callback asincroni ti consente di scrivere codice basato su eventi, ma rende anche il rilevamento dei
- Chrome
Entra nella griglia CSS
Il layout griglia CSS è un nuovo modulo CSS3 che offre nuove funzioni primitive di layout ideali per le applicazioni web.
- Chrome
Manifest - Bluetooth
Documentazione di riferimento per la proprietà Bluetooth di manifest.json.
Bluetooth
Come comunicare con dispositivi Bluetooth dall'app Chrome.
Modifiche relative a Hosting in Chrome 33
Dettagli sulle modifiche relative all'hosting delle estensioni di Chrome avviate nella versione 33 di Chrome.
- Estensioni di Chrome
Domande frequenti (FAQ)
Domande frequenti sulle estensioni di Chrome.
- Estensioni di Chrome
Flusso di lavoro di WebView
Un tutorial che insegna a utilizzare Yeoman, Gradle e Grunt per creare un'applicazione web.
Guida introduttiva
Istruzioni dettagliate su come creare un'estensione di Chrome.
- Estensioni di Chrome
WebView con pixel perfetti
Come creare interfacce utente WebView perfette.
Applicazioni WebView per sviluppatori web
Un tutorial che insegna a utilizzare Yeoman, Gradle e Grunt per creare un'applicazione web.
Suggerimenti utili
Suggerimenti e trucchi per migliorare l'applicazione WebView.
Tutorial: migrazione a Manifest V2
Linee guida su come eseguire la migrazione da manifest v1 a manifest v2.
- Estensioni di Chrome
Digest DevTools
Aggiornamenti agli Strumenti per sviluppatori in Chrome 33
- Chrome
chrome.location
Documentazione di riferimento per l'API chrome.location.
- Estensioni di Chrome
Sintesi mensile Yeoman
Una sintesi mensile di articoli, generatori e notizie sui progetti Yeoman di alta qualità.
- Chrome
Override delle impostazioni di Chrome
Come eseguire l'override delle impostazioni di Chrome da un'estensione di Chrome.
- Estensioni di Chrome
Override delle impostazioni di Chrome
Come eseguire l'override delle impostazioni di Chrome da un'estensione di Chrome.
- Estensioni di Chrome
Yo Polymer - Un tour degli strumenti per i componenti Web
Un tour esplosivo di componenti web, polimeri e strumenti front-end per loro.
- Chrome
App web che parlano - Introduzione all'API Speech Synthesis
Introduzione alla funzionalità di sintesi dell'API Web Speech.
- Chrome
Chrome Dev Summit - Riepilogo delle piattaforme
Piattaforme
- Chrome
Chrome Dev Summit - Riepilogo del rendimento
Le prestazioni sono importanti
- Chrome
Chrome Dev Summit - Riepilogo piattaforma web aperta
Le funzionalità della piattaforma web aperta stanno accelerando a un ritmo che non si è mai visto prima. Al Chrome Dev Summit abbiamo parlato di come stiamo lavorando per migliorare Blink, Security e Media per la piattaforma.
- Chrome
prese
Documentazione di riferimento per la proprietà sockets di manifest.json.
Chrome Dev Summit - Componenti dichiarativi, incapsulati e riutilizzabili sui polimeri
Polymer è il punto di accesso al fantastico futuro dei componenti web. Scopri di più sui componenti web e sui polimeri dal Chrome Dev Summit
- Chrome
Chrome Dev Summit - Riepilogo relativo ai dispositivi mobili
Ecco il primo di una serie di report del Chrome Dev Summit. Abbiamo dato grande importanza allo sviluppo di dispositivi mobili e cross-device, quindi iniziamo.
- Chrome
Sintesi mensile Yeoman
Una raccolta regolare di articoli, video e interventi della community Yeoman.
- Chrome
Digest DevTools - Dicembre 2013
L'ultimo aggiornamento per le modifiche a Chrome DevTools.
- Chrome
Il nuovo motore per le animazioni web in blink ottimizza le animazioni e le transizioni CSS
Un'implementazione di Web Animations 1.0 è arrivata in Blink per potenziare le animazioni e le transizioni CSS.
- Chrome
Ritardo tocco di 300 ms, assente
Ogni interazione relativa ai clic nei browser per dispositivi mobili è ostacolata da un ritardo di 300 ms, ma questo non è più presente in Chrome 32 per i siti ottimizzati per il mobile.
- Chrome
Terminale DevTools
Utilizzare il terminale dai DevTools
- Chrome
Manifest per l'archiviazione gestita
Documentazione di riferimento per la proprietà di archiviazione di manifest.json.
- Estensioni di Chrome
Manifest per le aree di stoccaggio
Documentazione di riferimento per la proprietà di archiviazione di manifest.json.
- Estensioni di Chrome
Chrome DevTools per dispositivi mobili
Registra schermo ed emulazione
- Chrome
Sintesi di novembre di Chrome DevTools
Chrome DevTools si sposta rapidamente e volevamo attirare la tua attenzione su alcune nuove funzionalità e alcuni miglioramenti che abbiamo introdotto per alcuni componenti. Parleremo di alcune modifiche dell'interfaccia utente, della profilazione JS
- Chrome
Sintesi mensile Yeoman
Una raccolta regolare di articoli, video e interventi della community Yeoman.
- Chrome
Il panorama dell'automazione dello sviluppo front-end (Presentazioni)
Scopri come migliorare la tua produttività front-end con strumenti per l'automazione dei flussi di lavoro.
- Chrome
Dispositivi seriali
Come comunicare con dispositivi seriali dalla tua app Chrome.
Input audio dal vivo per l'audio in diretta, ora su Android
Chrome per Android (v31.0.1650+) ha appena ottenuto il supporto per l'input audio tramite l'API Web Audio.
- Chrome
Layout Flexbox non lento
Buone notizie! Il nuovo flexbox è 2,3 volte più veloce del vecchio flexbox
- Chrome
Risposte DevTools - Di che carattere si tratta?
Hai mai pensato a quale carattere viene effettivamente utilizzato per il rendering del testo? Chrome DevTools rivela tutto ciò che conta.
- Chrome
elemento di dialogo - finestra modale semplificata
Hai mai creato una finestra di dialogo modale? Presto non sarà più necessario: le finestre di dialogo diventeranno parte della piattaforma web.
- Chrome
url_handlers
Documentazione di riferimento per la proprietà url_handlers di manifest.json.
externally_connectable
Documentazione di riferimento per la proprietà External_connectable di manifest.json.
- Estensioni di Chrome
externally_connectable
Documentazione di riferimento per la proprietà External_connectable di manifest.json.
- Estensioni di Chrome
Analytics
Come integrare Google Analytics nella tua app Chrome.
Video sulla trasparenza alpha in Chrome
WebM ha appena aggiunto la trasparenza alfa e il relativo supporto è arrivato in Chrome 31.
- Chrome
Chrome DevTools Revolutions 2013
Con l'aumento della complessità e della funzionalità delle applicazioni web, è aumentata anche la complessità di Chrome DevTools. In questo riepilogo del talk di Paul Irish Chrome DevTools Revolutions 2013 tenuto al Google I/O 2013, puoi dare
- Chrome
La sintassi di sourceMappingURL e sourceURL è stata modificata
La sintassi di sourceMappingURL e sourceURL è stata modificata
- Chrome
Manifest: descrizione
Documentazione di riferimento per la proprietà description di manifest.json.
- Estensioni di Chrome
Manifest - Requisiti
Documentazione di riferimento per la proprietà dei requisiti di manifest.json.
- Estensioni di Chrome
Manifest - Icone
Documentazione di riferimento per la proprietà icone di manifest.json.
- Estensioni di Chrome
Manifest: descrizione
Documentazione di riferimento per la proprietà description di manifest.json.
- Estensioni di Chrome
Manifest - Offline abilitato
Documentazione di riferimento per la proprietà offline_enabled di manifest.json.
- Estensioni di Chrome
Manifest - Risorse accessibili dal web
Documentazione di riferimento per la proprietà web_accessible_resources di manifest.json.
- Estensioni di Chrome
Manifest - URL della home page
Documentazione di riferimento per la proprietà home_url di manifest.json.
- Estensioni di Chrome
Manifest - In incognito
Documentazione di riferimento per la proprietà in incognito di manifest.json.
- Estensioni di Chrome
Manifest - In incognito
Documentazione di riferimento per la proprietà in incognito di manifest.json.
- Estensioni di Chrome
Manifest - Moduli Nacl
Documentazione di riferimento per la proprietà nacl_modules di manifest.json.
- Estensioni di Chrome
Manifest - nome
Documentazione di riferimento per la proprietà name di manifest.json.
- Estensioni di Chrome
Manifest - short_name
Documentazione di riferimento per la proprietà short_name di manifest.json.
- Estensioni di Chrome
Manifest: nome e nome breve
Documentazione di riferimento per le proprietà name e short_name di manifest.json.
- Estensioni di Chrome
Manifest - Requisiti
Documentazione di riferimento per la proprietà dei requisiti di manifest.json.
- Estensioni di Chrome
Manifest - Chiave
Documentazione di riferimento per la proprietà chiave di manifest.json.
- Estensioni di Chrome
Manifest - Sandbox
Documentazione di riferimento per la proprietà sandbox di manifest.json.
- Estensioni di Chrome
Manifest - Sandbox
Documentazione di riferimento per la proprietà sandbox di manifest.json.
- Estensioni di Chrome
Manifest - Icone
Documentazione di riferimento per la proprietà icone di manifest.json.
- Estensioni di Chrome
Manifest: impostazioni internazionali predefinite
Documentazione di riferimento per la proprietà default_locale di manifest.json.
- Estensioni di Chrome
Manifest - Versione minima di Chrome
Documentazione di riferimento per la proprietà minimi_chrome_version di manifest.json.
- Estensioni di Chrome
Manifest V2 - Versione [ritirata]
Documentazione di riferimento per la proprietà version di manifest.json.
- Estensioni di Chrome
Manifest: impostazioni internazionali predefinite
Documentazione di riferimento per la proprietà default_locale di manifest.json.
- Estensioni di Chrome
Versione manifest
Documentazione di riferimento per la proprietà manifest_version di manifest.json.
- Estensioni di Chrome
Manifest - Chiave
Documentazione di riferimento per la proprietà chiave di manifest.json.
- Estensioni di Chrome
Manifest - Versione
Documentazione di riferimento per la proprietà version di manifest.json.
- Estensioni di Chrome
Manifest - Risorse accessibili dal web
Documentazione di riferimento per la proprietà web_accessible_resources di manifest.json.
- Estensioni di Chrome
Manifest - URL della home page
Documentazione di riferimento per la proprietà home_url di manifest.json.
- Estensioni di Chrome
Manifest - App
Documentazione di riferimento per la proprietà app di manifest.json.
App kiosk
Documentazione di riferimento per la proprietà kiosk_enabled di manifest.json.
Manifest - Gestori di file
Documentazione di riferimento per la proprietà file_handlers di manifest.json.
Introduzione ai filtri personalizzati (noti anche come Shader CSS)
Introduzione ai filtri personalizzati (noti anche come Shader CSS)
Visualizzazione dei concetti dello shadow DOM
Visualizzazione dei concetti dello shadow DOM
- Chrome
Che cosa sono le estensioni?
Una panoramica sullo scopo delle estensioni di Chrome e su come sono state sviluppate.
- Estensioni di Chrome
Profilazione di lunghi tempi di visualizzazione con la modalità di disegno continuo DevTools
Profilazione di lunghi tempi di visualizzazione con la modalità di disegno continuo DevTools
- Chrome
WebRTC: demo di RTCDataChannel, modifiche all'API... e Chrome comunica con Firefox
WebRTC: demo di RTCDataChannel, modifiche all'API... e Chrome comunica con Firefox
- Chrome
L'abbreviazione del contesto CSS sarà disponibile sui browser WebKit per dispositivi mobili
L'abbreviazione del contesto CSS sarà disponibile sui browser WebKit per dispositivi mobili
- Chrome
App web basate su comandi vocali: introduzione all'API Web Speech
Applicazioni web basate su Voice: introduzione all'API Web Speech
- Chrome
Condivisione schermo con WebRTC
Condivisione schermo con WebRTC
- Chrome
Immagini di sfondo create con canvas
Attivazione di uno sfondo CSS utilizzando canvas o webgl
- Chrome
WebRTC raggiunge Firefox, Android e iOS
WebRTC raggiunge Firefox, Android e iOS
- Chrome
Crea app con AngularJS
Una guida alla creazione di app di Chrome con AngularJS.
Le norme di sicurezza dei contenuti 1.0 sono ufficialmente fantastiche
Le norme di sicurezza dei contenuti 1.0 sono ufficialmente fantastiche
- Chrome
Rispondere al cambiamento con Object.observe
Rispondere al cambiamento con Object.observe
- Chrome
Crea app con Sencha Ext JS
Come creare app di Chrome con il framework Sencha Ext JS.
Dichiarare le autorizzazioni
Una panoramica dei valori validi per la proprietà delle autorizzazioni nel file manifest.json.
- Estensioni di Chrome
Mappamondo interattivo con gli mesh CSS e Google Maps
Mappamondo interattivo con gli Sharper CSS e Google Maps
- Chrome
L'autorizzazione ActiveTab
Come utilizzare l'autorizzazione ActiveTab nell'estensione di Chrome.
- Estensioni di Chrome
L'autorizzazione "activeTab"
Come utilizzare l'autorizzazione ActiveTab nell'estensione di Chrome.
- Estensioni di Chrome
Cosa sono i temi?
Linee guida su come creare un tema.
- Estensioni di Chrome
Dichiara le autorizzazioni e avvisa gli utenti
Come implementare le autorizzazioni per proteggere gli utenti e la tua estensione.
- Estensioni di Chrome
Chrome Web Store
Come ospitare un'estensione nel Chrome Web Store e aggiornare un'estensione ospitata nel Chrome Web Store.
- Estensioni di Chrome
Input audio web in diretta attivato
Input audio web in diretta attivato
- Chrome
Messaggio superato
Come passare messaggi tra estensioni e script di contenuti.
- Estensioni di Chrome
Offrire opzioni agli utenti
Come consentire agli utenti di personalizzare l'estensione.
- Estensioni di Chrome
Utilizzo di eval() in iframe con sandbox
Come utilizzare eval() in un'estensione di Chrome.
- Estensioni di Chrome
Pattern di corrispondenza
Come funziona la corrispondenza dei pattern degli script dei contenuti e delle autorizzazioni host, con esempi.
- Estensioni di Chrome
Utilizzo di eval nelle estensioni di Chrome
Come utilizzare eval() in un'estensione di Chrome.
- Estensioni di Chrome
Offrire opzioni agli utenti
Come consentire agli utenti di personalizzare l'estensione.
- Estensioni di Chrome
Formato file manifest
Una panoramica delle proprietà manifest.json di un'estensione di Chrome.
- Estensioni di Chrome
Utilizzare Google Analytics 4
Istruzioni dettagliate su come monitorare l'utilizzo dell'estensione con Google Analytics 4.
- Estensioni di Chrome
Debug delle estensioni
Istruzioni dettagliate su come eseguire il debug delle estensioni di Chrome.
- Estensioni di Chrome
OAuth2: autenticazione degli utenti con Google
Istruzioni dettagliate su come creare un'estensione che acceda ai contatti Google di un utente tramite l'API Google People, l'API Chrome Identity e OAuth2.
- Estensioni di Chrome
Panoramica dell'architettura
Una spiegazione generale dell'architettura software delle estensioni di Chrome.
- Estensioni di Chrome
Pattern di corrispondenza
Informazioni sui pattern di corrispondenza degli URL nelle estensioni di Chrome.
- Estensioni di Chrome
XMLHttpRequest multiorigine
Come implementare l'XHR multiorigine nell'estensione di Chrome.
- Estensioni di Chrome
Estensioni di debug
Istruzioni per il debug delle estensioni di Chrome.
- Estensioni di Chrome
Tutorial: Google Analytics
Istruzioni dettagliate su come monitorare l'utilizzo della tua estensione con Google Analytics.
- Estensioni di Chrome
Cosa sono i temi?
Linee guida su come creare un tema.
- Estensioni di Chrome
Formati dei messaggi di localizzazione
Documentazione di riferimento sul formato del file messages.json per le estensioni di Chrome.
- Estensioni di Chrome
Versione manifest
La proprietà manifest_version di manifest.json indica la versione della specifica del file manifest scelta come target da un'estensione di Chrome.
- Estensioni di Chrome
Richieste di rete multiorigine
Implementa le richieste di rete multiorigine nell'estensione di Chrome.
- Estensioni di Chrome
Override delle pagine Chrome
Come eseguire l'override delle pagine Gestione Preferiti, della cronologia e della nuova scheda di Chrome dall'estensione di Chrome.
- Estensioni di Chrome
Formato file manifest
Una panoramica delle proprietà manifest.json che puoi utilizzare nell'estensione di Chrome.
- Estensioni di Chrome
Eseguire l'override delle pagine di Chrome
Come eseguire l'override delle pagine Gestione Preferiti, della cronologia e della nuova scheda di Chrome dall'estensione di Chrome.
- Estensioni di Chrome
Formati dei messaggi di localizzazione
Documentazione di riferimento sul formato del file messages.json per le estensioni di Chrome.
- Estensioni di Chrome
OAuth 2.0: autenticare gli utenti con Google
Istruzioni dettagliate su come creare un'estensione che acceda ai contatti Google di un utente tramite l'API Google People, l'API Chrome Identity e OAuth2.
- Estensioni di Chrome
Messaggio superato
Come passare messaggi tra estensioni e script di contenuti.
- Estensioni di Chrome
Assistenza per l'accessibilità
Come rendere accessibile l'estensione di Chrome.
- Estensioni di Chrome
Script di contenuti
Una spiegazione degli script di contenuti e di come utilizzarli nell'estensione di Chrome.
- Estensioni di Chrome
Versione manifest
Documentazione di riferimento per la proprietà manifest_version di manifest.json.
Panoramica dello sviluppo delle estensioni
Una panoramica delle funzionalità e dei componenti delle estensioni di Chrome.
- Estensioni di Chrome
Crea la tua prima app
Un tutorial su come creare un'app di Chrome di base.
Autenticazione degli utenti
Come autenticare gli utenti nell'app Chrome.
Pubblica l'app
Come pubblicare la tua app di Chrome.
Architettura MVC
Una panoramica del modello di architettura software del controller della visualizzazione modello.
API Storage
Come gestire lo spazio di archiviazione nell'app Chrome.
Opzioni di distribuzione alternative delle estensioni
Come distribuire le estensioni di Chrome al di fuori del Chrome Web Store.
- Estensioni di Chrome
API web
Le app di Chrome possono utilizzare tutte le API disponibili per i siti web.
Utilizzare metodi di installazione alternativi
Come installare le estensioni di Chrome utilizzando le preferenze JSON o Registro di sistema di Windows.
- Estensioni di Chrome
Comunicazioni di rete
Come utilizzare TCP e UDP nella tua app Chrome.
Prima offline
Come creare app di Chrome che funzionano offline.
Criteri di sicurezza del contenuto
Una panoramica di CSP per le app di Chrome e come rispettarle.
Notifiche avanzate con webKit
Come implementare le notifiche nell'estensione di Chrome.
- Estensioni di Chrome
Gestire gli eventi con gli script in background
Come rispondere agli attivatori del browser (eventi) da uno script in background di un'estensione di Chrome.
- Estensioni di Chrome
Che cosa sono le app di Chrome?
Una panoramica delle app di Chrome e del motivo per cui potresti volerle creare.
Contenuti esterni
Come presentare contenuti esterni nell'app Chrome.
Estensione di DevTools
Come creare un'estensione di Chrome che aggiunga funzionalità a Chrome DevTools.
- Estensioni di Chrome
Aggiornamento automatico
Come attivare l'aggiornamento automatico dell'app Chrome.
Ciclo di vita dell'app Chrome
Una panoramica del ciclo di vita delle app di Chrome.
Script di contenuti
Una spiegazione degli script di contenuti e di come utilizzarli nell'estensione di Chrome.
- Estensioni di Chrome
Estendi DevTools
Come creare un'estensione di Chrome che aggiunga funzionalità a Chrome DevTools.
- Estensioni di Chrome
Accessibilità (a11y)
Come rendere accessibile l'estensione di Chrome Manifest V2.
- Estensioni di Chrome
Architettura delle app di Chrome
Una panoramica dell'architettura software delle app di Chrome.
Dispositivi USB
Come comunicare con dispositivi USB dall'app Chrome.
Impilamento delle modifiche in arrivo a "position:fixed elementi"
modifiche di stack in arrivo per posizioni:fixed elementi
- Chrome
Affronta la tua posizione di atterraggio: appariscenti in WebKit
Affronta la tua posizione di atterraggio: appariscenti in WebKit
- Chrome
Integrazione di input[type=file] con l'API filesystem
Integrazione di input[type=file] con l'API filesystem
- Chrome
Quando i millisecondi non sono sufficienti, performance.now
Quando i millisecondi non sono sufficienti, performance.now
- Chrome
l'elenco di dati per gli input di intervallo/colore offre alcune scelte predefinite
l'elenco di dati per gli input di intervallo/colore offre alcune scelte predefinite
- Chrome
Domande frequenti rapide sull'inserimento[type=date] in Google Chrome
Domande frequenti rapide sull'inserimento[type=date] in Google Chrome
- Chrome
Come misurare le prestazioni della grafica del browser
Come misurare le prestazioni della grafica del browser.
- Chrome
Trascina una cartella in Chrome ora disponibile
Trascina una cartella in Chrome ora disponibile
- Chrome
Arrivato. xhr.send(ArraybuViews)
Arrivato. xhr.send(ArraybuViews)
- Chrome
Sfruttare l'accelerazione della GPU nella tela 2D
Sfruttare l'accelerazione della GPU nella tela 2D
- Chrome
Scrivere un libro ribaltabile utilizzando le regioni CSS e le trasformazioni 3D
Scrivere un libro ribaltabile utilizzando le regioni CSS e le trasformazioni 3D
- Chrome
Criteri di sicurezza del contenuto
I criteri di sicurezza del contenuto possono ridurre significativamente il rischio e l'impatto di attacchi cross-site scripting nei browser moderni.
Come convertire Arraybuffer in e da String
Come convertire Arraybuffer in e da String
- Chrome
Non creare blob, costruiscili
Le recenti modifiche alle specifiche dell'API File includono un nuovo costruttore per Blob, il che rende BlobBuilder irrilevante.
- Chrome
Ispezione frame Websocket ora in Chrome DevTools
Aggiunta della capacità di ispezione nei dati che passano via cavo nei WebSocket
- Chrome
elenco di dati con Chrome Canary
Utilizzando "datalist", la tua app può definire un elenco di risultati suggeriti da cui gli utenti devono scegliere. Possono selezionare un'opzione dall'elenco o inserire testo in formato libero.
- Chrome
API requestAnimationFrame, ora con una precisione inferiore al millisecondo
Sta per essere apportata una modifica a parte dell'API equestAnimationFrame
- Chrome
Protothon WebRTC
Il 24 marzo Google ha ospitato il primo evento per sviluppatori WebRTC al mondo, WebRTC Protothon.
- Chrome
Elaborazione dei caricamenti di file XHR2 in PHP
Esempio di codice server per illustrare come gestire i caricamenti di file
- Chrome
Grande aumento delle prestazioni DOM: l'HTML interno di WebKit è il 240% più veloce
L'ingegnere di Chrome Kentaro Hara ha apportato sette ottimizzazioni del codice all'interno di WebKit, aumentando le prestazioni sia per Safari (JavaScriptCore) che per Chrome (V8).
- Chrome
Riepilogo delle risorse interne del browser web
La maggior parte delle risorse che spiegano il funzionamento interno dei browser web
- Chrome
Mettere un'intera pagina offline utilizzando l'API FileSystem HTML5
L'API FileSystem consente di archiviare in modo programmatico file e gerarchie di cartelle nel file system locale (con sandbox) e successivamente aggiungere/aggiornare/rimuovere singole risorse secondo necessità
- Chrome
Introduzione alle mappe di origine JavaScript
Hai mai desiderato mantenere il codice lato client leggibile e, soprattutto, eseguibile il debug anche dopo averlo combinato e minimizzato, senza influire sulle prestazioni? Ora puoi farlo grazie alla magia delle mappe di origine. Le mappe di origine
- Chrome
Ottimizzazione di JavaScript
JavaScript è relativamente veloce, ma può sempre essere più veloce. Scopri di più su come ottimizzare le prestazioni di JavaScript.
- Chrome
Una nuova funzionalità sperimentale: fogli di stile con ambito
Di recente, Chromium ha implementato una nuova funzionalità di HTML5: gli stili CSS basati sugli ambiti.
- Chrome
Riepilogo demo dell'API WebGL e Web Audio
Ecco alcune fantastiche demo sull'API WebGL e Web Audio che ho visto nelle ultime due settimane.
- Chrome
SwiftShader porta il software di rendering 3D su Chrome
SwiftShader è un renderer software 3D utilizzato in Chrome 18 che consente di utilizzare CSS 3D e WebGL anche su GPU non incluse nella lista bloccata.
- Chrome
Rileva i cambiamenti del DOM con gli osservatori delle mutazioni
Un'introduzione agli osservatori delle mutazioni.
- Chrome
Fare in modo che Gmail gestisca tutti i link mailto con registryProtocolHandler
Grazie a navigator.registerProtocolHandler() puoi collegare Gmail come client di posta predefinito per tutti i link mailto.
- Chrome
Chrome per Android - Accelerare il Web mobile
Chrome per Android Beta è basato sul progetto open source Chromium e porta con sé molte delle più recenti funzionalità HTML5 che gli sviluppatori di Chrome hanno imparato a conoscere e ad apprezzare
- Chrome
L'API Pointer Lock porta i giochi FPS nel browser
L'API Pointer Lock consente di scrivere sparatutto in prima persona adatti al Web.
- Chrome
L'audio HTML5 e l'API Web Audio sono migliori
createMediaElementSource() ti consente di combinare HTML5 con la potenza di visualizzazione, filtro e elaborazione dell'API Web Audio.
- Chrome
Eliminare gli XHR sincroni
Avviso. La specifica XMLHttpRequest2 è stata modificata di recente per vietare l'invio di una richiesta sincrona quando è impostato XMLHttpRequest.responseType.
- Chrome
Domande frequenti su Web Audio
Questo rapido aggiornamento tenta di rispondere ad alcune delle domande più frequenti per rendere più piacevole la tua esperienza con l'API Web Audio.
- Chrome
Ecco l'esempio del video player
Video Player Sample è un'app web per video player open source realizzata utilizzando la stessa architettura delle app 60 Minutes e RedBull.tv.
- Chrome
Destinazione degli effetti di filtro CSS in WebKit
Adobe ha lavorato duramente per portare questa incredibile tecnologia in CSS. Nello specifico, mi riferisco a CSS Effetti filtro 1.0, che WebKit ha iniziato a implementare.
- Chrome
Oggetti trasferibili - Velocissime
Nel caso di oggetti trasferibili, i dati vengono trasferiti da un contesto all'altro. Si tratta di zero-copy, che migliora notevolmente le prestazioni di invio dei dati a un worker.
- Chrome
Quando possibile, utilizza una precisione media in WebGL
Un avviso ai nostri amici di Opera che hanno testato WebGL con l'attuale hardware OpenGL ES 2.0.
- Chrome
Strumenti per sviluppatori di Chrome per la velocità
Utilizzare gli Strumenti per sviluppatori in Chrome per migliorare la velocità delle app
- Chrome
Riproduci video in streaming utilizzando l'API MediaSource
L'API MediaSource estende "HTMLMediaElement" per consentire a JavaScript di generare stream multimediali per la riproduzione.
- Chrome
Riepilogo demo di WebGL
Di seguito sono riportate alcune fantastiche demo WebGL da tutto il Web che mostrano ciò che il tuo browser può davvero fare.
- Chrome
Strumenti di memorizzazione nella cache delle app e generatori automatici
La cache dell'applicazione consente di eseguire l'applicazione web offline, velocizza notevolmente i tempi di avvio e riduce i costi relativi alla larghezza di banda.
- Chrome
Definizione dell'ambito nelle transazioni IndexedDB
IndexedDB è uno standard web in evoluzione per l'archiviazione di quantità significative di dati strutturati nel browser.
- Chrome
Lascia parlare i tuoi contenuti - API Fullscreen
L'API Fullscreen consente alle app web di indicare in modo programmatico a tutti i contenuti della pagina di attivare la modalità di visualizzazione a schermo intero del browser, da JavaScript.
- Chrome
WebSocket aggiornati all'ultima versione in Chrome Canary
L'API WebSocket è stata aggiornata all'ultima versione (13) in Chrome Canary
- Chrome
Restare al passo con HTML5 e il supporto del browser
Mantenere il passo con queste funzionalità può essere una sfida, ma solo se non sai dove cercare.
- Chrome
Una corsa con Three.js
Stiamo vedendo sempre più sviluppatori che stanno inventando nuove demo 3D, sia che si tratti già di esperti di OpenGL o di nuovi avventurieri che hanno iniziato a giocare.
- Chrome
Coupon Nuovo Game Conference per sviluppatori di giochi HTML5
Impedisci di completare i miei report TPS imparando a scrivere giochi HTML5 e WebGL in New Game.
- Chrome
Video di 7 minuti - Suggerimenti avanzati per la console JavaScript e nuove API DOM
Sali di livello nella console JavaScript nei Chrome DevTools.
- Chrome
Arraybuffer ♥ worker
Chrome 13 e FF5 supportano l'invio di un "Arraybuffer" (o array digitato) a/da un web worker
- Chrome
Cosa c'è di diverso nel nuovo protocollo WebSocket
La specifica del protocollo WebSocket è stata recentemente aggiornata per risolvere i problemi di sicurezza precedenti ed è ampiamente stabile
- Chrome
inserisciAAdiacenteHTML ovunque
Come inserire contenuti in un documento HTML
- Chrome
Debug dell'API Filesystem
Il file system HTML5 è un'API potente. La potenza implica la complessità. La complessità comporta maggiori frustrazioni per il debug.
- Chrome
Cerca nei file locali con l'API file system
Se hai un oggetto File, puoi cercarlo al suo interno e leggere i blocchi senza dover leggere l'intero file in memoria.
- Chrome
Librerie/polyfill HTML5 - Metà luglio
Sempre più splendide biblioteche sono apparse dappertutto
- Chrome
Annuncio di New Game, la conferenza per gli sviluppatori di giochi HTML5
Unisciti a noi in occasione di New Game, che si terrà dall'1 al 2 novembre 2011 a San Francisco, California.
- Chrome
Non perderti neanche un frame: usa l'API Page Visibility + video HTML5
L'API Page Visibility può essere utilizzata per verificare se la scheda corrente è visibile o meno.
- Chrome
Utilizzare immagini interdominio in WebGL
Le specifiche di WebGL presentano un importante aggiornamento sulle modalità di richiesta di immagini interdominio.
- Chrome
Librerie HTML5 - Fine giugno
Di recente sono emerse alcune interessanti raccolte.
- Chrome
API Page Visibility - Ho attirato la tua attenzione?
Fortunatamente, la nuova API Page Visibility consente alla tua app di scoprire se è visibile o meno.
- Chrome
Contrari in HTML5 + API Web Audio
Grazie alla potenza di GWT, HTML5 e all'API Web Audio possiamo creare l'autore del codice cheat preferito di tutti, Contra.
- Chrome
navigator.onLine nel canale Chrome Dev
Con le API offline in HTML5, non c'è scusa per non offrire un'esperienza offline impeccabile agli utenti.
- Chrome
Benvenuto in update.html5rocks.com
Nel tentativo di fornire agli sviluppatori informazioni più rapidamente, abbiamo sviluppato questo "HTML5 Update Stream" per evidenziare le cose interessanti che vale la pena condividere
- Chrome
Controllo della velocità dell'app web
Un'app web veloce è un'app web di successo. Il tuo lavoro di sviluppatore non è finito finché non hai ottimizzato il rendimento reale e percepito della tua app. Non solo è semplicemente la cosa giusta da fare per garantire agli utenti un'esperienza
- Chrome DevTools
- Chrome
Introduzione agli Strumenti per sviluppatori di Chrome, parte uno
Google Chrome è un browser web potente e potente, in grado di aprire la strada a tutte le possibilità delle applicazioni sul web. Google si è impegnata a fondo per offrire agli utenti finali un'esperienza di navigazione molto veloce, molto stabile e
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Estensioni di Chrome
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Estensioni di Chrome
- Workbox
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Estensioni di Chrome
- Workbox
Policies
Extension policies
- Estensioni di Chrome
- Workbox
Cancel a review
How to cancel a review in the Chrome Web Store.
- Estensioni di Chrome
- Workbox
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Workbox
- Chrome UX Report
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
chrome.declarativeWebRequest
Note: this API is deprecated. Check out the declarativeNetRequest API instead. Use the chrome.declarativeWebRequest API to intercept, block, or modify requests in-flight. It is significantly faster than the chrome.webRequest API because you can
- Workbox
- Estensioni di Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
chrome.declarativeNetRequest
The chrome.declarativeNetRequest API is used to block or modify network requests by specifying declarative rules. This lets extensions modify network requests without intercepting them and viewing their content, thus providing more privacy.
- Estensioni di Chrome
- Workbox
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Estensioni di Chrome
- Workbox
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Estensioni di Chrome
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Workbox
- Estensioni di Chrome
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Workbox
- Estensioni di Chrome
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- Estensioni di Chrome
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Workbox
- Estensioni di Chrome
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Workbox
- Estensioni di Chrome
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Chrome UX Report
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Estensioni di Chrome
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Estensioni di Chrome
- Workbox
chrome.dns
Use the chrome.dns API for dns resolution. To use this API, you must declare the "dns" permission in the manifest. The following code calls resolve() to retrieve the IP address of example.com. service-worker.js: string optional A string representing
- Estensioni di Chrome
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Estensioni di Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Estensioni di Chrome
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Estensioni di Chrome
- Workbox
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Workbox
- Estensioni di Chrome
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Workbox
- Estensioni di Chrome
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Estensioni di Chrome
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Estensioni di Chrome
- Workbox
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Estensioni di Chrome
- Workbox
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Estensioni di Chrome
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- Estensioni di Chrome
Create a side panel
TBD
- Workbox
- Estensioni di Chrome
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Estensioni di Chrome
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Workbox
- Estensioni di Chrome
Overview of CrUX
Introduction to the CrUX dataset.
- Workbox
- Chrome UX Report
Permissions
A list of permissions and user warnings available on the extensions platform.
- Estensioni di Chrome
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Workbox
- Estensioni di Chrome
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Distribute your extension
How to host your Chrome extension.
- Estensioni di Chrome
- Workbox
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Estensioni di Chrome
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Workbox
- Chromium
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- Estensioni di Chrome
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Estensioni di Chrome
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Estensioni di Chrome
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Workbox
- Estensioni di Chrome
Prepare your extension
Prepare your extension files.
- Workbox
- Estensioni di Chrome
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Workbox
- Estensioni di Chrome
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- Estensioni di Chrome
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Estensioni di Chrome
- Workbox
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Estensioni di Chrome
- Workbox
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Workbox
- Estensioni di Chrome
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Estensioni di Chrome
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Estensioni di Chrome
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Estensioni di Chrome
- Workbox
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Estensioni di Chrome
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Estensioni di Chrome
- Workbox
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Workbox
- Estensioni di Chrome
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Estensioni di Chrome
- Workbox
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Estensioni di Chrome
- Workbox
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Workbox
- Estensioni di Chrome
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Workbox
- Estensioni di Chrome
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Estensioni di Chrome
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Workbox
- Estensioni di Chrome
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Workbox
- Estensioni di Chrome
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Workbox
- Estensioni di Chrome
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Estensioni di Chrome
- Workbox
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- Estensioni di Chrome
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Estensioni di Chrome
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Workbox
- Estensioni di Chrome
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Workbox
- Estensioni di Chrome
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Estensioni di Chrome
- Workbox
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Workbox
- Estensioni di Chrome
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Estensioni di Chrome
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Estensioni di Chrome
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Estensioni di Chrome
- Workbox
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Estensioni di Chrome
- Workbox
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Estensioni di Chrome
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Estensioni di Chrome
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Workbox
- Estensioni di Chrome
Enterprise publishing options
How to distribute extensions to enterprise users
- Workbox
- Estensioni di Chrome
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Workbox
- Estensioni di Chrome
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Estensioni di Chrome
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Estensioni di Chrome
- Workbox
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Workbox
- Estensioni di Chrome
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Workbox
- Estensioni di Chrome
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Estensioni di Chrome
- Workbox
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Estensioni di Chrome
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Workbox
- Estensioni di Chrome
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Workbox
- Estensioni di Chrome
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Chrome DevTools
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Estensioni di Chrome
Branding Guidelines
Guidelines for use of Google trademarks.
- Workbox
- Estensioni di Chrome
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Estensioni di Chrome
- Workbox
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Estensioni di Chrome
- Workbox
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Estensioni di Chrome
- Workbox
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Chrome DevTools
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Estensioni di Chrome
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Estensioni di Chrome
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Estensioni di Chrome
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Estensioni di Chrome
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Summarizer
Get a short summary of every webpage.
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Google Gemini Demo
Try the Gemini Models.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Open extension API reference
Simple Theme
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Maskable.app
Preview maskable icons in the browser!
heritagein.info
Radio House
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
Farmbound - a diurnal game of farming
iRobot Coding
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
noctura.tech
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
Graphite
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
birdfood.gq
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
Average Colour
Average Colour is a tool to find the average colour in an image.
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
Application to help utilities management.
Budgeting app
wami
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
BrewFlasher Web Edition
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Microsoft Loop - Think, plan and create together
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
readyplayer.me
Scrapbook PWA
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Open Video
Open local video files using the browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
EdgeTX Buddy
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
Radio Garden
Explore live radio by rotating the globe.
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Expressive Canvas
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
YouTube Audio Player
An awesome audio player for YouTube videos
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Flowchart Maker & Online Diagram Software
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vernier Graphical Analysis®
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
Narrow One
Capture the flag medieval style!
LogIn
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Ace Seventh Heaven
Visual Day scheduler.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
Espruino Web IDE
Cue for Education
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
Error
Daily Writing Builder
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
pwamp
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
Bluesky Social
See what's next.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう！
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Hypertext
HTML Document Editor
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Service worker with push notification
Tab Capture - Recorder
Records the current tab in an offscreen document.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Idle - Simple Example
Demonstrates the Idle API
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
Tab Manager for Chrome Dev Docs
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
Getting Started Example
Build an Extension!
Global Google Search
Uses the context menu to search a different country's Google
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
MV3 Migration - content script example
Broken Background Color
Fix an Extension!
webNavigation API Sample
Uses the webNavigation API to send notifications.
Geolocation - content script
Shows how to get geolocation access within a content script.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Page Redder
Turns the page red when you click the icon
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Reading time
Add the reading time to Chrome Extension documentation articles
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
Geolocation - popup
Shows how to get geolocation access within a popup.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Hello Extensions
Base Level Extension
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Oliver Focus Mode
Example extension from DevTools Tips video.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.