Saiba mais sobre os novos recursos para comportamento declarativo em botões.

Um guia de considerações ao implementar regras de especulação, principalmente para sites mais complexos.

Uma visão geral dos recursos da Guia personalizada e da disponibilidade deles no navegador.

Um número inteiro que especifica a versão do formato do arquivo de manifesto necessário para seu pacote. A partir do Chrome 18, os desenvolvedores devem especificar 2 (sem aspas) para usar o formato conforme descrito por documento: Considere a versão

Um ou mais mapeamentos de tipos MIME para o módulo Cliente nativo que processa cada tipo. Para exemplo, o código em negrito no snippet a seguir registra um módulo de Cliente nativo como o conteúdo para o tipo MIME da planilha do OpenOffice. O valor

Ao contrário das áreas de armazenamento local e sync, a área de armazenamento do managed exige que a estrutura seja declarado como Esquema JSON e validado estritamente pelo Chrome. Esse esquema precisa ser armazenado indicado pela propriedade

As propriedades do manifesto name e short_name são strings de texto simples e curtas que identificam o app. É possível especificar strings específicas de localidade para os dois campos. Consulte Internacionalização para ver mais detalhes. O name

Se o app ou extensão deve funcionar off-line. Quando o Chrome detectar que está off-line, os apps com esse campo definido como verdadeiro serão destacados na página "Nova guia". No Chrome 35, os apps são considerados off-line e o valor padrão de

A versão do Chrome exigida pela extensão, pelo app ou pelo tema, se houver. O formato dessa string é o mesmo do campo version.

Um ou mais ícones que representam a extensão, o app ou o tema. Forneça sempre um bloco de 128 x 128 ícone ele é usado durante a instalação e pela Chrome Web Store. As extensões também devem fornecer uma Ícone de 48 x 48, que é usado na página de

Todo app tem um arquivo de manifesto no formato JSON, chamado manifest.json, que fornece importantes informações imprecisas ou inadequadas. O código a seguir mostra os campos de manifesto com suporte para apps, com links para a página que que discute

Embora os apps do Chrome usem a plataforma da Web, alguns recursos da Web foram desativados ou estão sendo usados de maneira diferente. Isso serve principalmente para evitar problemas de segurança e melhorar as práticas de programação. Veja abaixo um

A propriedade de manifesto externally_connectable declara quais extensões, apps e páginas da Web podem se conecte ao seu app via runtime.connect e runtime.sendMessage. Para acessar um tutorial sobre a transmissão de mensagens, consulte Mensagens

Um a quatro números inteiros separados por pontos que identificam a versão desta extensão. Algumas regras se aplicam aos números inteiros: eles precisam estar entre 0 e 65.535, e números inteiros diferentes de zero não podem começar com 0. Por

As tecnologias exigidas pelo app ou pela extensão. Sites de hospedagem, como a Chrome Web Store, podem usar esta lista para dissuadir os usuários de instalar aplicativos ou extensões que não funcionarão em seus computadores. Os requisitos compatíveis

Uma string de texto simples (sem HTML ou outra formatação, não mais de 132 caracteres) que descreve a extensão. A descrição precisa ser adequada para a IU de gerenciamento de extensões do navegador e para a Chrome Web Store. É possível especificar

Aviso:a partir da versão 57, o Chrome não permitirá mais conteúdo da Web externo (incluindo frames e scripts incorporados) dentro de páginas em sandbox. Em vez disso, use um WebView. define um conjunto de páginas de apps ou extensões que serão

Especifica o subdiretório de _locales que contém as strings padrão da extensão. Esse campo é obrigatório em extensões que têm um diretório _locales. Ele precisa estar ausente em extensões que não têm um diretório _locales. Veja mais detalhes em

Esse valor pode ser usado para controlar o ID exclusivo de uma extensão, app ou tema quando ele é carregado durante o desenvolvimento. Para receber um valor de chave adequado, primeiro instale sua extensão de um arquivo.crx. Talvez seja necessário

RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Resposta ReadableStream BodyInit Toma várias promessas de origem, cada uma podendo ser resolvida em uma Resposta, um ReadableStream ou BodyInit. Retorna um objeto que expõe um

Há exemplos para as extensões do Chrome disponíveis no GitHub (link em inglês).

TODO

Descubra como o eBay melhorou o login em 10% usando os links de recursos digitais para compartilhar credenciais sem problemas. Aprenda a implementar a autenticação segura entre plataformas e melhorar a experiência do usuário.

A equipe do Chrome responde às preocupações da comunidade.

scheduler.yield() é uma nova API para dividir ergonomicamente tarefas longas e continuar a execução de forma priorizada.

Ajudamos você a criar, crescer e inovar na Web.

Descubra o que está chegando ao Chrome com a versão Beta mais recente.

Chrome Web Store Um mercado on-line em que os usuários podem procurar extensões e temas. Publique sua extensão lá e torne-a acessível ao mundo. dashboard Painel de controle do desenvolvedor Publique sua extensão e gerencie os itens da loja.

O ChromeDriver é um servidor autônomo que implementa o padrão W3C WebDriver.

Descubra como o modo picture-in-picture dos Documentos Google melhorou a experiência de aprendizado on-line.

Seleção personalizável, dispensação de diálogo leve e muito mais.

O Chrome 134 está sendo lançado agora! Ele inclui a funcionalidade de dispensa leve para caixas de diálogo e muito mais.

Aprenda a desenvolver extensões do Chrome.

Agora é possível interromper o processo de análise de um item pendente.

Use a API chrome.contentSettings para mudar as configurações que controlam se os sites podem usar recursos como cookies, JavaScript e plug-ins. De modo geral, as configurações de conteúdo permitem personalizar o comportamento do Chrome por site, em

Essa permissão aciona um aviso. Use a API chrome.bookmarks para criar, organizar e manipular favoritos. Consulte também Substituir páginas, que pode ser usada para criar uma página personalizada do Gerenciador de favoritos. É necessário declarar a

Use a API chrome.contentSettings para mudar as configurações que controlam se os sites podem usar recursos como cookies, JavaScript e plug-ins. De modo geral, as configurações de conteúdo permitem personalizar o comportamento do Chrome por site, em

Use a API chrome.bookmarks para criar, organizar e manipular favoritos. Consulte também Substituir páginas, que pode ser usada para criar uma página personalizada do Gerenciador de favoritos. É necessário declarar a permissão "favoritos" no manifesto

IA no Chrome Esta é a nova era da Web com IA. Confira como a IA pode facilitar a criação de experiências poderosas na Web para os desenvolvedores. Reinvente o que é possível fazer com o Gemini Nano no Chrome. IA integrada Estamos trazendo o Gemini

Criar experiências da Web completas

Há uma página especial interna do Chrome para conferir detalhes sobre as solicitações do Gemini Nano. Este guia explica como usá-lo para depuração.

O Chrome no Android vai ocupar toda a tela a partir do Chrome 135.

Use o painel "Privacidade e segurança" para inspecionar e controlar cookies de terceiros e verificar a proteção HTTPS.

Avançar na análise de rede com o Chrome DevTools.

Melhorias nas cargas de trabalho de aprendizado de máquina com subgrupos, melhorias no tempo de compilação de sombreadores no D3D12, remoção do suporte a tipos de textura com filtro de ponto flutuante como mescla e muito mais.

Saiba como as animações acionáveis e guiadas pelo rolagem aprimoram os artigos de narrativa

Descubra o novo modo de pop-up que simplifica as dicas de ferramentas e outros elementos flutuantes.

Use a API chrome.app.runtime para gerenciar o ciclo de vida do app. O app runtime gerencia a instalação do app, controla a página de eventos e pode encerrar o app a qualquer momento. qualquer opcional Dados opcionais especificados pelo desenvolvedor

Use a API chrome.printing para enviar trabalhos de impressão para impressoras instaladas no Chromebook. Todos os métodos e eventos chrome.printing exigem que você declare a permissão "printing" no manifesto da extensão. Exemplo: Os exemplos abaixo

Use a API chrome.sessions para consultar e restaurar guias e janelas de uma sessão de navegação. string O nome do dispositivo externo. Sessão [] Uma lista de sessões de janela abertas para o dispositivo externo, classificadas da sessão mais recente

Use a API userScripts para executar scripts de usuário no contexto de scripts de usuário. Para usar a API User Scripts, chrome.userScripts, adicione a permissão "userScripts" ao arquivo manifest.json e "host_permissions" para os sites em que você

Use a API chrome.printing para enviar trabalhos de impressão para impressoras instaladas no Chromebook. Todos os métodos e eventos chrome.printing exigem que você declare a permissão "printing" no manifesto da extensão. Exemplo: Os exemplos abaixo

Use a API chrome.sessions para consultar e restaurar guias e janelas de uma sessão de navegação. string O nome do dispositivo externo. Sessão [] Uma lista de sessões de janela abertas para o dispositivo externo, classificadas da sessão mais recente

Descubra o Chrome Chrome 134, Beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Novidades do Chrome DevTools Dicas sobre as

Painel de privacidade e segurança, limitação de CPU calibrada, destaque de recursos próprios e de terceiros na seção Performance, novos insights e muito mais.

Use a infraestrutura chrome.i18n para implementar a internacionalização em todo o app ou extensão. Se uma extensão tiver um diretório /_locales, o manifest precisará definir "default_locale". Você precisa colocar todas as strings visíveis ao usuário

A equipe do Edge adicionou suporte para respeitar diretamente os valores do Windows ClearType Tuner no Chromium, resultando em uma melhor renderização de texto em navegadores baseados no Chromium no Windows.

Saiba como a Pesquisa Google usou a API Speculation Rules para fazer previsões de pesquisa anônimas e melhorar a experiência do usuário

Use a API chrome.storage para armazenar, recuperar e acompanhar as mudanças nos dados do usuário. Para usar a API Storage, declare a permissão "storage" no manifest da extensão. Exemplo: A API Storage oferece uma maneira específica da extensão para

Use a API chrome.storage para armazenar, recuperar e acompanhar as mudanças nos dados do usuário. A API Storage oferece uma maneira específica da extensão para manter os dados e o estado do usuário. Ela é semelhante às APIs de armazenamento da

Neste guia, você vai aprender a usar o BigQuery para escrever consultas no conjunto de dados CrUX e extrair resultados úteis sobre o estado das experiências do usuário na Web.

Saiba mais sobre a mudança no relatório de experiência do usuário do Chrome (mudanças no CRUX) na versão de fevereiro de 2025, incluindo subpartes de imagem do LCP, tipos de recursos do LCP e RTT.

Documentação técnica sobre as dimensões do CrUX.

Os exemplos de código, os guias e as referências de API necessários para o que você estiver criando.

Tudo o que você precisa saber sobre as extensões do Chrome

O Chrome permite que apps da Web que reproduzem mídia entrem automaticamente no modo picture-in-picture.

Conheça os recursos mais recentes do Chrome.

Use a API chrome.enterprise.platformKeys para gerar chaves e instalar certificados para elas. Os certificados serão gerenciados pela plataforma e poderão ser usados para autenticação TLS, acesso à rede ou por outra extensão usando

Use a API chrome.enterprise.platformKeys para gerar chaves e instalar certificados para elas. Os certificados serão gerenciados pela plataforma e poderão ser usados para autenticação TLS, acesso à rede ou por outra extensão usando

O Chrome 133 está sendo lançado agora! Há alguns recursos CSS novos e muito mais para descobrir.

CSS avançado attr(), text-box-trim, consultas de contêiner de scroll-state e muito mais.

O modo de app com guias permite que os desenvolvedores de Progressive Web App adicionem uma interface de documento com guias aos PWAs independentes.

Como usar o histórico específico do app no seu app Android

Como usar as guias personalizadas temporárias no seu app Android

Melhorar a autenticação baseada na Web com a guia Auth para Android

Introdução do histórico específico do app para guias personalizadas do Chrome para Android

Como usar a guia de autenticação especializada no seu app Android

Use a API chrome.runtime para recuperar o service worker, retornar detalhes sobre o manifesto e detectar e responder a eventos no ciclo de vida da extensão. Também é possível usar essa API para converter o caminho relativo de URLs em URLs totalmente

Use a API chrome.permissions para solicitar permissões opcionais declaradas no momento da execução em vez de na instalação. Assim, os usuários entendem por que as permissões são necessárias e concedem apenas as que são necessárias. Os avisos de

Use a API chrome.permissions para solicitar permissões opcionais declaradas no momento da execução em vez de na instalação. Assim, os usuários entendem por que as permissões são necessárias e concedem apenas as que são necessárias. Os avisos de

Histórico de chat persistente com IA, navegação melhorada, ignorar listagem e rastreamentos de pilha em Performance, novo painel "Novidades" e muito mais.

Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos que os desenvolvedores podem esperar.

Outros formatos de vértice de 1 componente e unorm8x4-bgra permitem que limites desconhecidos sejam solicitados com valor indefinido, mudanças nas regras de alinhamento do WGSL, ganhos de desempenho do WGSL com descarte e muito mais.

Este guia apresenta as práticas recomendadas para o gerenciamento de sessões com a API Prompt.

Saiba mais sobre as mudanças no Chrome que afetam os desenvolvedores

Novidades do Chrome Confira as atualizações mais recentes do Chrome na nossa documentação e no nosso blog. Novos conteúdos e atualizações significativas na documentação. article Como os LLMs fazem streaming de respostas Nova documentação para saber

Estamos anunciando uma série de atualizações de políticas para oferecer clareza e consistência em nossa plataforma.

A API Translator integrada permite traduzir conteúdo arbitrário de uma origem para um idioma de destino. Participe do teste de origem para testar a API.

Entenda o que é o streaming e como ele funciona com a IA e os LLMs.

Descubra como detectar os recursos da WebAuthn com "getClientCapabilities()" e personalizar fluxos de trabalho de autenticação para seus usuários.

Use estas práticas recomendadas de front-end para mostrar respostas transmitidas do Gemini com APIs que oferecem suporte a streaming, como a API Prompt.

No Chrome 133 e versões mais recentes, as guias em segundo plano que usam muita CPU serão congeladas quando o modo Economia de energia estiver ativo.

Dicas do DevTools

Melhore a inclusão de imagens, vídeos e muito mais nos seus sites e apps da Web.

O Chrome no iOS 17 ou mais recente agora pode criar, sincronizar e autenticar com chaves de acesso no Gerenciador de senhas do Google (GPM). Isso torna as chaves de acesso no GPM disponíveis em todos os lugares em que o Chrome está.

Como consultas de contêiner, mas para consultas travadas, fixadas e com transbordamento.

Conheça os recursos mais recentes do Chrome.

Agora é possível usar attr() com qualquer propriedade CSS, incluindo propriedades personalizadas, e analisar valores em tipos de dados diferentes de strings.

Conheça casos de uso divertidos e interessantes do novo painel de assistência de IA no DevTools

O Chrome 132 está sendo lançado agora! O elemento de diálogo recebe um ToggleEvent, oferece suporte ao compartilhamento de vídeo no nível do elemento, e a API File System Access oferece suporte ao Android e às WebViews.

Use o espaço acima e abaixo do conteúdo de texto para alcançar o equilíbrio óptico.

ToggleEvent para caixa de diálogo, suporte ao compartilhamento de vídeo no nível do elemento e a API File System Access oferece suporte a Android e WebViews, entre outros.

Use a API chrome.sockets.udp para enviar e receber dados pela rede usando conexões UDP. Essa API substitui a funcionalidade UDP encontrada anteriormente na API "socket". As chaves a seguir precisam ser declaradas no manifesto para usar essa API.

Use a API chrome.tabs para interagir com o sistema de guias do navegador. É possível usar essa API para criar, modificar e reorganizar guias no navegador. A API Tabs não oferece apenas recursos para manipular e gerenciar guias, mas também pode

Use a API chrome.tabs para interagir com o sistema de guias do navegador. É possível usar essa API para criar, modificar e reorganizar guias no navegador. A API Tabs não oferece apenas recursos para manipular e gerenciar guias, mas também pode

Descubra os apps e as extensões vencedores do Desafio de IA integrada, em que convidamos você a repensar o que é possível com o Gemini Nano no Chrome.

A fusão da extensão do Web Vitals e das DevTools foi concluída, e o suporte à extensão foi encerrado.

A API Element Capture é uma maneira eficiente e robusta de transformar uma captura da guia atual em uma captura de uma subárvore do DOM.

Use a API chrome.ttsEngine para implementar um mecanismo de conversão de texto em voz(TTS) usando uma extensão. Se a extensão se registrar usando essa API, ela vai receber eventos com uma frase a ser dita e outros parâmetros quando qualquer extensão

Use a API chrome.ttsEngine para implementar um mecanismo de conversão de texto em voz(TTS) usando uma extensão. Se a extensão se registrar usando essa API, ela vai receber eventos com uma frase a ser dita e outros parâmetros quando qualquer extensão

Use a API chrome.cookies para consultar e modificar cookies e receber notificações quando eles mudarem. Para usar a API cookies, declare a permissão "cookies" no manifesto, junto com as permissões do host para todos os hosts cujos cookies você

Use a API chrome.cookies para consultar e modificar cookies e receber notificações quando eles mudarem. Para usar a API Cookies, declare a permissão "cookies" no manifesto com as permissões do host para todos os hosts cujos cookies você quer acessar.

Use a tag appview para incorporar outros apps do Chrome ao seu app Chrome. Consulte Uso. objeto Dados opcionais especificados pelo desenvolvedor que o app a ser incorporado pode usar ao tomar uma decisão de incorporação. string O ID do app que enviou

Saiba como mitigar ataques de clickjacking.

Uso da visualização de textura, mesclagem de texturas flutuantes de 32 bits, atributo adapterInfo do GPUDevice, configuração do contexto da tela com formato inválido gera erro de JavaScript, filtragem de restrições de amostragem em texturas, experimentação de subgrupos estendidos, melhoria da experiência do desenvolvedor, suporte experimental para formatos de textura normalizados de 16 bits e muito mais.

Mudanças recentes na plataforma, na documentação e na política das extensões do Chrome

Confira o que está incluído nas versões beta e estáveis mais recentes do Chrome.

Saiba como usar as APIs Payment mais recentes no Chrome

Saiba mais sobre os recursos de privacidade e segurança do Chrome.

Tecnologia descontinuada para criar experiências com mais acesso ao sistema operacional subjacente.

Uma biblioteca Node.js que fornece uma API de alto nível para controlar a versão headless do Chrome ou do Chromium

Saiba mais sobre os recursos do Chrome para desenvolver apps da Web no Android.

Use essa API para expor certificados à plataforma, que pode usá-los para autenticações TLS. O uso típico dessa API para expor certificados de cliente ao ChromeOS segue estas etapas: A sequência real de etapas pode ser diferente. Por exemplo, o

A API chrome.extension tem utilitários que podem ser usados por qualquer página de extensão. Ele inclui suporte para a troca de mensagens entre uma extensão e os scripts de conteúdo ou entre extensões, conforme descrito em detalhes em Transmissão de

Automatize auditorias de desempenho na Web com o Lighthouse

Otimize o desempenho dos seus aplicativos da Web com as ferramentas de desempenho do Chrome.

Use a API system.display para consultar metadados de exibição. Um tipo enumerado para informar se a tela é detectada e usada pelo sistema. A tela é considerada "inativa" se não for detectada pelo sistema (por exemplo, se estiver desconectada ou for

Use a API system.display para consultar metadados de exibição. Um tipo enumerado para informar se a tela é detectada e usada pelo sistema. A tela é considerada "inativa" se não for detectada pelo sistema (por exemplo, se estiver desconectada ou for

Use a API chrome.action para controlar o ícone da extensão na barra de ferramentas do Google Chrome. As chaves a seguir precisam ser declaradas no manifesto para usar essa API. Para usar a API chrome.action, especifique um "manifest_version" de 3 e

Saiba mais sobre os recursos de identidade do Chrome, como a Autenticação na Web.

Use a API de comandos para adicionar atalhos de teclado que acionam ações na sua extensão, por exemplo, uma ação para abrir a ação do navegador ou enviar um comando para a extensão. As chaves a seguir precisam ser declaradas no manifesto para usar

Alguns comandos do WebDriver (por exemplo, redimensionar a janela do navegador) exigem que uma extensão do Chrome seja carregada no navegador. O ChromeDriver normalmente carrega essa "extensão de automação" sempre que inicia uma nova sessão do

Todas as imagens de teste do ChromeOS têm o binário do ChromeDriver instalado em /usr/local/chromedriver/. O binário é atualizado para a mesma versão do Chrome naquela imagem de teste. Ou seja, você sempre usa o build mais recente do ChromeDriver. Se

O componente WebView é baseado no projeto de código aberto Chromium.

Use essa API para expor certificados à plataforma, que pode usá-los para autenticações TLS. O uso típico dessa API para expor certificados de cliente ao ChromeOS segue estas etapas: A sequência real de etapas pode ser diferente. Por exemplo, o

A API chrome.extension tem utilitários que podem ser usados por qualquer página de extensão. Ele inclui suporte para a troca de mensagens entre uma extensão e os scripts de conteúdo ou entre extensões, conforme descrito em detalhes em Transmissão de

Para diagnosticar e corrigir falhas do ChromeDriver, você tem algumas opções. Isso é válido apenas para falhas do ChromeDriver, que não é o mesmo que falhas ou fechamentos do Chrome. No Windows, você pode ver algo como: Crie um caso de reprovação que

Para versões anteriores do Chrome, confira as versões do ChromeDriver que oferecem suporte. Para mais informações sobre como selecionar a versão correta do ChromeDriver, consulte a página Seleção de versão. Suporte para a versão 114 do Chrome Confira

O ChromeDriver oferece suporte ao registro de desempenho, em que você pode receber eventos dos domínios "Timeline", "Network" e "Page", bem como dados de rastreamento para categorias de rastreamento especificadas. O registro de desempenho NÃO está

No momento, o ChromeDriver só oferece suporte a sistemas com um teclado dos EUA configurado. Quando o ChromeDriver detecta esse estado, ele registra o seguinte: Os usuários sem um teclado dos EUA podem ter teclas perdidas durante os comandos sendKeys

Os binários mais recentes do ChromeDriver são empacotados como arquivos ZIP para várias plataformas de host. Versões anteriores do ChromeDriver podem ser encontradas em Downloads. O ChromeDriver oferece suporte à execução de testes no navegador

O Chrome permite que os usuários emulem o Chrome em um dispositivo móvel a partir da versão para computador, ativando o modo de dispositivo com o Chrome DevTools. Esse recurso acelera o desenvolvimento da Web, permitindo que os desenvolvedores testem

O ChromeDriver é uma ferramenta poderosa e pode causar danos quando está nas mãos erradas. Ao usar o ChromeDriver, siga estas sugestões:

Isso geralmente acontece ao executar o ChromeDriver ou o Chrome usando um harness de teste especial (talvez um ambiente de desenvolvimento integrado) ou um sistema de build contínuo (como o Jenkins). Tente iniciar o mesmo binário do Chrome usado pelo

O ChromeDriver Canary tem os recursos mais recentes do ChromeDriver. Novos binários são criados e disponibilizados várias vezes por dia. Ele foi projetado para desenvolvedores e usuários iniciais e, às vezes, pode falhar completamente. A partir do

Um estudo do Chrome mostra que os usuários que usam o preenchimento automático preenchem formulários mais rapidamente, com taxas de abandono mais baixas.

Agradecemos por compartilhar seu tempo com a gente, dar feedback, revisar detalhes e ajudar a moldar os padrões.

Conheça os requisitos para começar a criar recursos e aplicativos com IA integrada.

A API Language Detector oferece descoberta de idioma integrada na Web, no navegador.

Use a ferramenta Linha do tempo de alocação para encontrar objetos que não estão sendo coletados corretamente e continuam retendo memória.

Como ser aprovado na auditoria do Lighthouse "Evitar animações não compostas.

Grave e analise um rastro de desempenho com as Ferramentas do desenvolvedor.

Esta seção descreve termos comuns usados na análise de memória e é aplicável a várias ferramentas de criação de perfis de memória em diferentes linguagens.

Depurar solicitações de rede, arquivos de origem e rastros de desempenho com o Gemini, conferir o histórico de chat da IA e muito mais.

Junte-se à equipe do Chrome DevRel e ao Dino do Chrome em um skate em uma jornada pelos CSS mais recentes lançados para o Chrome e a plataforma da Web em 2024.

Como visualizar e editar o armazenamento da extensão com o painel "Armazenamento da extensão".

Use a API chrome.bluetoothSocket para enviar e receber dados de dispositivos Bluetooth usando conexões RFCOMM e L2CAP. As chaves a seguir precisam ser declaradas no manifesto para usar essa API. "system_error" Ocorreu um erro no sistema, e a conexão

Use a API chrome.socket para enviar e receber dados pela rede usando conexões TCP e UDP. Observação:a partir do Chrome 33, essa API foi descontinuada em favor das APIs sockets.udp, sockets.tcp e sockets.tcpServer. number número opcional O ID do

Use a API chrome.browser para interagir com o navegador Chrome associado ao aplicativo atual e ao perfil do Chrome. string O URL para onde navegar quando a nova guia for aberta pela primeira vez. Abre uma nova guia em uma janela do navegador

Use a API chrome.serial para ler e gravar em um dispositivo conectado a uma porta serial. número opcional Consulte ConnectionOptions.bitrate. Esse campo pode ser omitido ou impreciso se um bitrate não padrão estiver em uso ou se ocorrer um erro ao

Use a API chrome.syncFileSystem para salvar e sincronizar dados no Google Drive. Essa API NÃO é para acessar documentos de usuários arbitrários armazenados no Google Drive. Ele oferece armazenamento sincronizável específico do app para uso off-line e

Use a API chrome.mdns para descobrir serviços por mDNS. Ele compreende um subconjunto dos recursos da especificação NSD: http://www.w3.org/TR/discovery-api/ string O endereço IP de um serviço anunciado pelo mDNS. string[] Metadados de um serviço

Use a API chrome.bluetooth para se conectar a um dispositivo Bluetooth. Todas as funções informam falhas por meio de chrome.runtime.lastError. As chaves a seguir precisam ser declaradas no manifesto para usar essa API. string O endereço do adaptador,

A API chrome.bluetoothLowEnergy é usada para se comunicar com dispositivos Bluetooth Smart (de baixa energia) usando o Perfil de Atributo Genérico (GATT). As chaves a seguir precisam ser declaradas no manifesto para usar essa API. ManufacturerData []

Use a tag webview para carregar ativamente conteúdo ao vivo da Web pela rede e incorporá-lo ao app do Chrome. O app pode controlar a aparência da webview e interagir com o conteúdo da Web, iniciar navegações em uma página da Web incorporada, reagir a

Use a API chrome.fontSettings para gerenciar as configurações de fonte do Chrome. Para usar a API Font Settings, declare a permissão "fontSettings" no manifesto da extensão. Exemplo: O Chrome permite que algumas configurações de fonte dependam de

Use a API chrome.usb para interagir com dispositivos USB conectados. Essa API oferece acesso a operações USB no contexto de um app. Com ela, os apps podem funcionar como drivers para dispositivos de hardware. Os erros gerados por essa API são

Descubra as infinitas possibilidades da API Prompt nas extensões do Chrome.

Saiba como desenvolver extensões com IA

Saiba mais sobre como configurar uma política de HTTP Strict Transport Security (HSTS)

O painel experimental de insights de desempenho será removido em janeiro de 2025 e substituído por novos insights no painel "Performance".

Descubra e confira as últimas notícias e casos de uso de assistentes de IA

A API Desktop Capture captura o conteúdo da tela, janelas ou guias individuais. Enum usado para definir o conjunto de fontes de mídia de computador usadas em chooseDesktopMedia(). "screen" "window" "tab" "audio" Espelha SelfCapturePreferenceEnum.

Use a API chrome.declarativeContent para realizar ações dependendo do conteúdo de uma página, sem precisar de permissão para ler o conteúdo dela. A API de conteúdo declarativo permite ativar a ação da extensão dependendo do URL de uma página da Web

Use a API chrome.dns para resolução de DNS. Para usar essa API, é necessário declarar a permissão "dns" no manifest. O código a seguir chama resolve() para recuperar o endereço IP de example.com. service-worker.js: string opcional Uma string que

Use a API chrome.system.storage para consultar informações do dispositivo de armazenamento e receber notificações quando um dispositivo de armazenamento removível for conectado e desconectado. "success" O comando de ejeção foi concluído. O aplicativo

A API chrome.audio é fornecida para permitir que os usuários recebam informações sobre os dispositivos de áudio conectados ao sistema e os controlem. No momento, essa API só está disponível no modo quiosque para ChromeOS. string Nome do dispositivo:

Use a API chrome.documentScan para descobrir e recuperar imagens de scanners de documentos anexados.

Use a API chrome.contextMenus para adicionar itens ao menu de contexto do Google Chrome. Você pode escolher os tipos de objetos aos quais as adições do menu de contexto se aplicam, como imagens, hiperlinks e páginas. É necessário declarar a permissão

Use a API chrome.alarms para programar a execução periódica do código ou em um horário especificado no futuro. Para usar a API chrome.alarms, declare a permissão "alarms" no manifest: Para garantir um comportamento confiável, é útil entender como a

Os navegadores e você, como desenvolvedor, podem ajudar os usuários a inserir dados mais rapidamente e evitar a reinserção de dados. O preenchimento automático é um recurso que permite que os navegadores preencham automaticamente os campos de

Documentação técnica sobre ferramentas CrUX.

A API chrome.declarativeNetRequest é usada para bloquear ou modificar solicitações de rede especificando regras declarativas. Isso permite que as extensões modifiquem as solicitações de rede sem interceptá-las e acessar o conteúdo delas,

Use a API chrome.devtools.panels para integrar sua extensão à interface da janela das ferramentas para desenvolvedores: crie seus próprios painéis, acesse painéis existentes e adicione barras laterais. Cada painel de extensão e barra lateral é

Use a API chrome.fileBrowserHandler para estender o navegador de arquivos do Chrome OS. Por exemplo, é possível usar essa API para permitir que os usuários façam upload de arquivos para seu site. O navegador de arquivos do ChromeOS aparece quando o

Use a API chrome.readingList para ler e modificar os itens na Lista de leitura. Para usar a API Reading List, adicione a permissão "readingList" ao arquivo manifesto da extensão: manifest.json: O Chrome apresenta uma Lista de leitura localizada no

Selecionamos a ViddyScribe para o prêmio da Web da Competição de desenvolvedores de API Gemini. Eles mostraram como o Gemini pode ajudar a tornar os vídeos na Web mais acessíveis, gerando descrições em áudio para qualquer vídeo.

Saiba mais sobre os novos recursos de IA e renderização discutidos na última reunião do grupo de trabalho da GPU para a Web.

Como preparar sua extensão para o novo menu de extensões.

Uma substituição mais fácil e segura das senhas.

A API chrome.networking.onc é usada para configurar conexões de rede (celular, Ethernet, VPN ou Wi-Fi). Essa API está disponível em sessões de quiosque do Chrome OS iniciadas automaticamente. As configurações de conexão de rede são especificadas de

Conheça os recursos mais recentes do Chrome.

Tradução de textos em tempo real no navegador usando modelos locais de IA. Agora, os usuários podem contribuir em seu primeiro idioma.

Aprenda a tornar os rastros de desempenho mais compreensíveis com os novos recursos de anotação no DevTools

A IA integrada é a solução mais recente para levar modelos avançados aos usuários, proteger dados sensíveis e melhorar a latência.

Entender os recursos do seu site com a ajuda da IA

Entenda os perfis de performance com a ajuda da IA

Entenda o tráfego de rede do seu site com a ajuda da IA

Apresentação da API Signal para chaves de acesso no Chrome para computador

Entenda como um site funciona com a ajuda da IA

Descubra a API Translation para aprimorar o suporte ao cliente global.

Participe do teste de origem da API Prompt para extensões do Chrome e acesse o Gemini Nano no Chrome.

O Chrome 131 está sendo lançado agora! Mais estilos CSS para o elemento de detalhes, layout de impressão mais fácil com caixas de margem de página e muito mais.

Participe do teste de origem para ajudar os usuários a extrair artigos longos, documentos complexos ou até mesmo conversas animadas em resumos concisos e informativos.

A API WebAuthn Signal permite que uma parte confiável sinalize o estado das credenciais existentes para o provedor de chaves de acesso, para que as chaves de acesso sejam consistentes com as credenciais no servidor.

A herança de destaque do CSS está mudando, mais estilos CSS para o elemento de detalhes, layout de impressão mais fácil com caixas de margem da página e muito mais.

Transforme artigos longos, documentos complexos ou até mesmo conversas de chat animadas em resumos concisos e perspicazes.

Encontre recursos sobre tópicos como tipografia, cor e layout.

Testar um recurso novo ou experimental da plataforma da Web. Dê feedback à comunidade de padrões da Web sobre a usabilidade, praticidade e eficácia do recurso antes que ele seja disponibilizado para todos os usuários.

Aprenda a usar o Chrome e o DevTools para encontrar problemas de memória que afetam o desempenho da página, incluindo vazamentos, ocupação excessiva de memória e coletas de lixo frequentes.

Agora é possível definir o tipo de exibição e estilizar o contêiner para a parte que se expande e se contrai usando o novo pseudoelemento ::details-content.

Distâncias de corte em WGSL, GPUCanvasContext getConfiguration(), primitivos de ponto e linha não podem ter polarização de profundidade, funções integradas de verificação inclusiva para subgrupos, suporte experimental para múltiplas exibições indiretas, matemática estrita de opção de compilação de módulo de shader, remoção de GPUAdapter requestAdapterInfo() e muito mais.

Tenha insights profundos sobre alocação de memória, investigue problemas de memória de baixo nível e gerencie a coleta de lixo.

O compartilhamento de credenciais simples permite que você sinalize com segurança aos gerenciadores de senhas que os usuários podem fazer login usando as mesmas credenciais no app Android e no site.

Veja uma lista de maneiras de personalizar o Chrome DevTools: mudar tema, posicionamento, ordem do painel, idioma e muito mais.

Alterne várias sobreposições e acelere a navegação na árvore do DOM com selos.

Monitore as métricas do Core Web Vitals em tempo real no painel "Performance".

A API Handwriting Recognition permite que aplicativos da Web usem serviços avançados de reconhecimento de escrita à mão para reconhecer texto de entrada manuscrita em tempo real.

Crie cabeçalhos e rodapés personalizados ao imprimir páginas da Web.

Depurar CSS com o Gemini, anotar descobertas e receber insights no painel "Performance", detectar mudanças excessivas de layout e animações não compostas e muito mais.

Saiba por que a WebGPU pode estar desativada ou não funcionando no navegador Chrome.

O Chrome 132 não inclui mais o antigo modo headless. Migrar para chrome-headless-shell ou o novo modo headless.

Saiba como avaliar o desempenho do ambiente de execução no Chrome DevTools.

Saiba como o novo selo de rolagem das Ferramentas do desenvolvedor simplifica a depuração de elementos roláveis e como ele foi criado.

O modo headless do Chrome agora é mais útil para os desenvolvedores, aproximando-o do modo "headful" normal do Chrome.

O Chrome está fazendo uma mudança para permitir o uso do bfcache em páginas que usam o Cache-Control: no-store quando isso é seguro. Descubra o que isso significa para os desenvolvedores.

Conheça casos de uso divertidos e interessantes do novo painel de assistência de IA no DevTools

A IA integrada é a solução mais recente para levar modelos avançados aos usuários, proteger dados sensíveis e melhorar a latência.

Descubra os recursos que estão chegando ao Chrome com a versão Beta mais recente.

A referência completa a todas as APIs disponibilizadas para as extensões do Chrome. Isso inclui APIs para a plataforma descontinuada de apps do Chrome e APIs que ainda estão nas versões Beta e Dev.

Entenda como um site é estilizado com a ajuda da IA no DevTools.

O Chrome 130 está sendo lançado! O picture-in-picture do documento oferece mais controle sobre janelas picture-in-picture, as declarações aninhadas de CSS corrigem alguns casos extremos complicados e você pode especificar como as decorações se comportam em elementos divididos em várias linhas. Pete LePage tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 130.

O Chrome 130 está sendo lançado agora! O modo picture-in-picture de documentos oferece mais controle sobre as janelas picture-in-picture, as declarações aninhadas do CSS corrigem alguns casos extremos complicados, e você pode especificar como as decorações em elementos divididos em várias linhas se comportam. E tem muito mais!

Mesclagem de duas fontes, melhorias no tempo de compilação de sombreador no Metal, descontinuação do método requestAdapterInfo() do GPUAdapter e muito mais.

A API chrome.virtualKeyboard é somente para quiosque usada para configurar o layout e o comportamento do teclado virtual em sessões de quiosque. booleano opcional Define se os teclados virtuais podem oferecer preenchimento automático. booleano

A API chrome.clipboard é fornecida para permitir que os usuários acessem dados da área de transferência. Essa é uma solução temporária para apps de plataforma ChromeOS até que a alternativa de Web aberta esteja disponível. Ele será descontinuado

Referência da guia "Inovações de IA".

Saiba mais sobre a API Long Animation Frames (LoAF), que é a próxima iteração da API Long Tasks e permite medir atrasos na atualização de frames com atribuição

Um tutorial sobre os recursos de rede mais usados no Chrome DevTools.

Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos que os desenvolvedores podem esperar.

Um sandbox para executar código C e C++ compilado no navegador. O uso foi descontinuado.

O Chrome 130 inclui suporte total e sem prefixo para box-decoration-break.

O lançamento do Acesso à rede privada (PNA, na sigla em inglês) está em espera.

Uma mudança na herança de destaque do CSS está chegando no Chrome 134.

A API Translation agora está disponível para participantes do Programa de prévia para IA integrada.

Posicione os elementos em relação uns aos outros usando a API de posicionamento de âncora.

Saiba como o depurador do DevTools prevê se uma exceção é detectada.

Estamos lançando o Desafio de IA integrada, em que convidamos você a repensar o que é possível com o Gemini Nano no Chrome.

Emular autenticadores e depurar a WebAuthn no Chrome DevTools.

Estamos lançando um conjunto de mudanças na interface para deixar o Painel de controle do desenvolvedor da Chrome Web Store mais responsivo e compatível com dispositivos móveis. Esperamos que isso ofereça uma experiência mais conveniente e acessível

Encontre texto em todos os recursos carregados com o painel Pesquisar.

Recomendações para métricas em tempo real e navegação estrutural que podem ser acessadas no painel "Desempenho", reformulação dos filtros de rede, exportações de HAR limpas e muito mais.

Uma referência abrangente dos recursos do painel do Gravador do Chrome DevTools.

Como encontrar e analisar códigos JavaScript e CSS não utilizados no Chrome DevTools.

Veja e edite arquivos, crie snippets, depure o JavaScript e configure espaços de trabalho no painel Sources do Chrome DevTools.

Inspecione e solucione problemas de cache com o DevTools.

Comece com transições de visualização do mesmo documento para usar em um aplicativo de página única.

Inspecione as camadas que compõem seu site.

A extensão das Métricas da Web vai ser mesclada ao painel de desempenho das Ferramentas do desenvolvedor do Chrome, encerrando o suporte independente em janeiro de 2025.

A API Language Detection agora está disponível em um teste de origem do Chrome.

Os principais usos do Console do Chrome DevTools são o registro de mensagens e a execução de JavaScript.

A propriedade "id" opcional faz parte da especificação do manifesto do app da Web e permite definir explicitamente o identificador usado para seu PWA. Adicionar a propriedade `id` ao manifesto remove a dependência de `start_url` ou o local do manifesto e permite que eles sejam atualizados no futuro.

Comparação das duas especificações de alvenaria propostas.

Os participantes do EPP agora podem criar protótipos com APIs de gravação e reescrita no Chrome.

Em breve, o Chrome para computador poderá criar chaves de acesso no Gerenciador de senhas do Google (GPM) e sincronizá-las entre essas plataformas, além do Android.

Teste seu site com os recursos e as mudanças da versão Beta mais recente do Chrome.

O painel "Desempenho" no Chrome DevTools apresenta uma nova maneira de monitorar o desempenho das Core Web Vitals locais e compará-lo com dados de usuários reais em campo.

O Chrome 129 está sendo lançado agora. É possível produzir em tarefas longas. Para melhorar o desempenho, é possível animar elementos com tamanhos intrínsecos. Há algumas mudanças na sintaxe de posicionamento de âncora e muito mais. Pete LePage tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 129.

Suporte a HDR com modo de mapeamento de tons de tela, suporte a subgrupos expandidos e muito mais.

Analise o desempenho de carga e de tempo de execução do seu site

Animar entre palavras-chave de dimensionamento intrínseco e a partir delas com `interpolate-size` e `calc-size()`

O experimento de compartilhamento de processos e o impacto dele na experiência do desenvolvedor com as Chrome DevTools.

Aprenda a detectar quando uma porta serial RFCOMM Bluetooth está disponível com a Web Serial.

Uma prévia do novo recurso de seleção personalizável.

Congele elementos no DOM para que você possa inspecionar com o DevTools.

A API Keyboard Lock permite que os desenvolvedores ofereçam uma experiência imersiva em tela cheia para vários casos de uso, incluindo sites interativos, jogos e streaming de aplicativos ou de área de trabalho remota. Isso é feito permitindo que os

Mostre conteúdo HTML arbitrário em uma janela sempre ativada.

Detalhes sobre as mudanças mais recentes no conjunto de dados do CrUX.

Use o Inspetor de memória para inspecionar apps ArrayBuffer, TypedArray ou DataView no JavaScript, bem como em WebAssembly.Memory de apps C++ Wasm.

Acompanhar alterações em HTML, CSS e JavaScript.

Um guia sobre como abrir o menu de comando, executar comandos, abrir arquivos, ver outras ações e muito mais.

Um teste de origem da API Digital Credentials será iniciado no Chrome 128. A API Digital Credentials é uma nova API de plataforma da Web que permite que os sites solicitem seletivamente informações verificáveis sobre o usuário por meio de credenciais digitais, como uma carteira de habilitação ou um documento de identidade nacional armazenado em uma carteira digital.

Se você emprega vários domínios que compartilham o mesmo back-end de gerenciamento de contas, com os Links de recursos digitais, agora também é possível compartilhar credenciais entre eles de forma simples. Assim, os usuários podem salvar credenciais uma vez e fazer com que o Gerenciador de senhas do Chrome as sugira em qualquer um dos sites associados.

Mudanças relacionadas à API de posicionamento de âncoras que você precisa conhecer.

Pesquisar solicitações em "Performance" > Rede, use dados de teste em formulários de endereço com preenchimento automático, exporte para o Puppeteer para Firefox no painel do Gravador, identifique problemas de desempenho rapidamente com observações no painel de desempenho e muito mais.

Saiba como o Chrome funciona, participe de testes de origem e crie com o Chrome em qualquer lugar.

O WebAuthn no Chrome agora pode usar dicas, solicitações de origem relacionadas e serialização JSON

Use a API chrome.privacy para controlar o uso dos recursos do Chrome que podem afetar a privacidade de um usuário. Essa API depende do protótipo ChromeSetting do tipo API para receber e definir a configuração do Chrome. É necessário declarar a

Use a API chrome.wallpaper para mudar o plano de fundo do ChromeOS. É necessário declarar o "plano de fundo" permissão no manifesto do app para usar a API de plano de fundo. Exemplo: Por exemplo, para definir o plano de fundo como a imagem em

Use a API chrome.system.storage para consultar as informações do dispositivo de armazenamento e receber uma notificação quando um dispositivo de armazenamento removível for conectado e desconectado. "success" O comando de expulsão é bem-sucedido. O

Use a API chrome.scripting para executar o script em contextos diferentes. Para usar a API chrome.scripting, declare a permissão "scripting" no manifesto, além das permissões de host nas páginas em que os scripts serão injetados. Use a chave

Use a API chrome.input.ime para implementar um IME personalizado para o Chrome OS. Isso permite que sua extensão processe pressionamentos de tecla, defina a composição e gerencie a janela de candidatos. É preciso declarar o campo "input" permissão no

A API chrome.webAuthenticationProxy permite que softwares de área de trabalho remota em execução em um host remoto interceptem solicitações da API Web Authentication (WebAuthn) para processá-las em um cliente local. string O

Use a API chrome.power para substituir os recursos de gerenciamento de energia do sistema. Por padrão, os sistemas operacionais escurecem a tela quando os usuários ficam inativos e suspendem o sistema. Com a API de energia, um app ou extensão pode

Use a API chrome.enterprise.hardwarePlatform para acessar o fabricante e o modelo da plataforma de hardware em que o navegador é executado. Observação: essa API só está disponível para extensões instaladas pela política da empresa. string string

Use a API chrome.topSites para acessar os principais sites (ou seja, os mais visitados) que aparecem na página "Nova guia". Eles não incluem atalhos personalizados pelo usuário. É necessário declarar a propriedade "topSites" permissão no manifesto da

A API chrome.types contém declarações de tipo para o Chrome. O tipo ChromeSetting fornece um conjunto comum de funções ( get(), set() e clear() ). e um editor de eventos ( onChange ) para as configurações do navegador Chrome. As configurações de

Use a API chrome.vpnProvider para implementar um cliente VPN. O uso típico de chrome.vpnProvider é o seguinte: Crie configurações de VPN chamando createConfig(). Uma configuração de VPN é uma entrada persistente mostrada ao usuário em uma interface

Use a API chrome.enterprise.deviceAttributes para ler os atributos do dispositivo. Observação: essa API só está disponível para extensões de instalação forçada pela política da empresa. Busca o local anotado pelo administrador. Se o usuário atual não

Use a API chrome.tabCapture para interagir com streams de mídia da guia. A API chrome.tabCapture permite acessar uma MediaStream que contém vídeos e o áudio da guia atual. Só pode ser chamado depois que o usuário invocar uma extensão, como por clicar

Use a API chrome.systemLog para gravar os registros do sistema Chrome de extensões. string Adiciona um novo registro. MessageOptions As opções de geração de registros. função opcional O parâmetro callback tem esta aparência: Promessa<void> O

Use a API chrome.enterprise.networkingAttributes para ler informações sobre sua rede atual. Observação: essa API só está disponível para extensões de instalação forçada pela política da empresa. string opcional Endereço IPv4 local do dispositivo

A API chrome.system.memory. number A quantidade de capacidade disponível em bytes. number A quantidade total da capacidade da memória física, em bytes. Recebe informações da memória física. função opcional O parâmetro callback tem esta aparência:

Use a API chrome.proxy para gerenciar as configurações de proxy do Chrome. Essa API depende do protótipo ChromeSetting do tipo API para receber e definir a configuração do proxy. É preciso declarar o "proxy" permissão no manifesto de extensões para

Use a API chrome.devtools.performance para detectar as atualizações de status de registro no painel de desempenho no DevTools. Consulte o resumo das APIs do DevTools para uma introdução geral ao uso das APIs das Ferramentas para desenvolvedores. A

Use a API chrome.processes para interagir com os processos do navegador. number A parte do cache utilizada, em bytes. number O tamanho do cache, em bytes. número opcional A medida mais recente do uso da CPU pelo processo, expressa como a porcentagem

Use a API chrome.devtools.recorder para personalizar o painel do Gravador no DevTools. A API devtools.recorder é um recurso em fase de pré-lançamento que permite ampliar o painel do Gravador no Chrome DevTools. Consulte o resumo das APIs do DevTools

Use a API system.cpu para consultar os metadados da CPU. string O nome da arquitetura dos processadores. string[] Um conjunto de códigos de recursos que indica alguns dos recursos do processador. Os códigos compatíveis no momento são "mmx", "sse",

Use a API chrome.devtools.network para recuperar as informações sobre solicitações de rede exibidas pelas Ferramentas para desenvolvedores no painel "Network". As informações de solicitações de rede são representadas no formato de arquivo HTTP ( HAR

Use a API chrome.devtools.inspectedWindow para interagir com a janela inspecionada: consiga o ID da guia da página inspecionada, avalie o código no contexto da janela inspecionada, recarregue a página ou acesse a lista de recursos da página. Consulte

Use a API chrome.webNavigation para receber notificações sobre o status das solicitações de navegação em andamento. Todos os métodos e eventos chrome.webNavigation exigem que você declare a permissão "webNavigation". no manifesto de extensões.

Use a API chrome.search para pesquisar usando o provedor padrão. "CURRENT_TAB" Especifica que os resultados da pesquisa são exibidos na guia da chamada ou na guia do navegador ativo. "NEW_TAB" Especifica que os resultados da pesquisa são exibidos em

Use a API chrome.tabGroups para interagir com o sistema de agrupamento de guias do navegador. Você pode usar essa API para modificar e reorganizar grupos de guias no navegador. Para agrupar e desagrupar guias ou para consultar quais guias estão em

Use a API chrome.tts para reproduzir a conversão de texto em voz (TTS, na sigla em inglês) sintetizada. Consulte também a API ttsEngine relacionada, que permite que uma extensão implemente um mecanismo de fala. O Chrome oferece esse recurso no

A API chrome.printerProvider expõe eventos usados pelo gerenciador de impressão para consultar impressoras controladas por extensões, consultar os recursos delas e enviar trabalhos de impressão a essas impressoras. string opcional Descrição legível

Use a API chrome.printingMetrics para buscar dados sobre o uso de impressão. "BLACK_AND_WHITE" Especifica que o modo preto e branco foi usado. "COLOR" Especifica que o modo de cor foi usado. "ONE_SIDED" Especifica que a impressão unilateral foi

Os recursos são opções que você pode usar para personalizar e configurar uma sessão do ChromeDriver.

Você concorda com os participantes do CSS Day sobre o que deve ser adicionado à Web?

Os participantes do EPP agora podem criar protótipos com uma API de detecção de idioma no Google Chrome.

Uma nova otimização no Chrome melhora a forma como os dados do IndexedDB são armazenados no disco. Este documento resume os principais pontos desta atualização.

Com o Chrome Lighthouse, seus sites carregam mais rápido.

Use a API chrome.webRequest para observar e analisar o tráfego e interceptar, bloquear ou modificar solicitações em andamento. É necessário declarar a permissão "webRequest" no manifesto de extensões para usar a solicitação da Web. com as permissões

Use a API chrome.sidePanel para hospedar conteúdo no painel lateral do navegador ao lado do conteúdo principal de uma página da Web. Para usar a API Side Panel, adicione a permissão "sidePanel" ao arquivo manifesto da extensão: manifest.json: A API

A API da omnibox permite registrar uma palavra-chave na barra de endereço do Google Chrome, que também é conhecida como omnibox. Quando o usuário inserir a palavra-chave da sua extensão, ele começará a interagir apenas com sua. Cada tecla pressionada

Use a API chrome.pageAction para colocar ícones na barra de ferramentas principal do Google Chrome, à direita da barra de endereço. As ações na página representam ações que podem ser realizadas na página atual, mas que não são aplicáveis a todas

Use a API chrome.windows para interagir com as janelas do navegador. Você pode usar essa API para criar, modificar e reorganizar janelas no navegador. Quando solicitado, um windows.Window contém uma matriz de objetos tabs.Tab. Você deve Declare a

Use a infraestrutura chrome.i18n para implementar a internacionalização em todo o app ou extensão. Você precisa colocar todas as strings visíveis para o usuário em um arquivo chamado messages.json. Cada vez adicionar uma nova localidade, você vai

Use as ações do navegador para colocar ícones na barra de ferramentas principal do Google Chrome, à direita da barra de endereço. Além do ícone, uma ação do navegador pode ter uma dica, um selo e um pop-up. Na figura a seguir, o quadrado

Use a API chrome.webRequest para observar e analisar o tráfego e interceptar, bloquear ou modificar solicitações em andamento. É necessário declarar a permissão "webRequest" no manifesto de extensões para usar a solicitação da Web. com as permissões

Use a API chrome.fileBrowserHandler para ampliar o navegador de arquivos do ChromeOS. Por exemplo, você pode usar essa API para permitir que os usuários façam upload de arquivos para seu site. O navegador de arquivos do ChromeOS aparece quando o

Use a API chrome.devtools.panels para integrar sua extensão à interface da janela de Ferramentas para desenvolvedores: crie seus próprios painéis, acesse painéis existentes e adicione barras laterais. As chaves a seguir precisam ser declaradas no

Use a API system.cpu para consultar os metadados da CPU. string O nome da arquitetura dos processadores. string[] Um conjunto de códigos de recursos que indica alguns dos recursos do processador. Os códigos compatíveis no momento são "mmx", "sse",

Use a API chrome.enterprise.networkingAttributes para ler informações sobre sua rede atual. Observação: essa API só está disponível para extensões de instalação forçada pela política da empresa. string opcional Endereço IPv4 local do dispositivo

Use chrome.gcm para permitir que apps e extensões enviem e recebam mensagens pelo Firebase Cloud Messaging (FCM). O tamanho máximo (em bytes) de todos os pares de chave-valor em uma mensagem. 4096 Registra o aplicativo no FCM. O ID de registro vai

Use a API chrome.loginState para ler e monitorar o estado do login. "SIGNIN_PROFILE" Especifica que a extensão está no perfil de login. "USER_PROFILE" Especifica que a extensão está no perfil do usuário. "UNKNOWN" Especifica que o estado da sessão é

Use a API chrome.fontSettings para gerenciar as configurações de fonte do Chrome. Para usar a API Font Settings, é necessário declarar a classe "fontSettings" na extensão manifesto do app. Exemplo: O Chrome permite que algumas configurações de fonte

Use chrome.instanceID para acessar o serviço de ID da instância. Redefine o identificador da instância do aplicativo e revoga todos os tokens associados a ele. função opcional O parâmetro callback tem esta aparência: Promessa<void> As promessas

Use a API chrome.input.ime para implementar um IME personalizado para o Chrome OS. Isso permite que sua extensão processe pressionamentos de tecla, defina a composição e gerencie a janela de candidatos. É preciso declarar o campo "input" permissão no

Use a API chrome.printingMetrics para buscar dados sobre o uso de impressão. "BLACK_AND_WHITE" Especifica que o modo preto e branco foi usado. "COLOR" Especifica que o modo de cor foi usado. "ONE_SIDED" Especifica que a impressão unilateral foi

Use a API chrome.history para interagir com o registro de páginas visitadas do navegador. É possível adicionar, remover e consultar URLs no histórico do navegador. Para substituir a página do histórico pela sua própria versão, consulte Substituir

Use a API chrome.platformKeys para acessar certificados do cliente gerenciados pela plataforma. Se o usuário ou a política conceder a permissão, uma extensão poderá usar tal certificado em seu protocolo de autenticação personalizado. Por exemplo:

Use a API chrome.devtools.inspectedWindow para interagir com a janela inspecionada: consiga o ID da guia da página inspecionada, avalie o código no contexto da janela inspecionada, recarregue a página ou acesse a lista de recursos da página. As

Use a API chrome.identity para receber tokens de acesso do OAuth2. string Identificador exclusivo da conta. Esse ID não será alterado durante todo o ciclo de vida da conta. "SYNC" Especifica que a sincronização está ativada para a conta principal.

Use a API chrome.processes para interagir com os processos do navegador. number A parte do cache utilizada, em bytes. number O tamanho do cache, em bytes. número opcional A medida mais recente do uso da CPU pelo processo, expressa como a porcentagem

Use a API chrome.enterprise.hardwarePlatform para acessar o fabricante e o modelo da plataforma de hardware em que o navegador é executado. Observação: essa API só está disponível para extensões instaladas pela política da empresa. string string

Use a API chrome.devtools.recorder para personalizar o painel do Gravador no DevTools. Consulte o resumo das APIs do DevTools para uma introdução geral ao uso das APIs das Ferramentas para desenvolvedores. A API devtools.recorder é um recurso em fase

Use a API chrome.tts para reproduzir a conversão de texto em voz (TTS, na sigla em inglês) sintetizada. Consulte também a API ttsEngine relacionada, que permite que uma extensão implemente um mecanismo de fala. O Chrome oferece suporte nativo para

Usar a API chrome.dom para acessar APIs DOM especiais para extensões Recebe a raiz paralela aberta ou a raiz paralela fechada hospedada pelo elemento especificado. Se o elemento não anexar a raiz paralela, ele retornará um valor nulo. HTMLElement

Use a API chrome.tabCapture para interagir com streams de mídia da guia. A API chrome.tabCapture permite acessar um MediaStream que contém vídeos e o áudio da guia atual. Só pode ser chamado depois que o usuário invocar uma extensão, como por clicar

Use a API chrome.webNavigation para receber notificações sobre o status das solicitações de navegação em andamento. Todos os métodos e eventos chrome.webNavigation exigem que você declare a propriedade "webNavigation". permissão no manifesto de

A API chrome.management oferece maneiras de gerenciar apps e extensões instalados. É necessário declarar o papel no manifesto de extensões para usar o serviço de gerenciamento API. Exemplo: management.getPermissionWarningsByManifest,

Use a API chrome.topSites para acessar os principais sites (ou seja, os mais visitados) que aparecem na página "Nova guia". Eles não incluem atalhos personalizados pelo usuário. É necessário declarar a propriedade "topSites" permissão no manifesto da

Use a API chrome.search para pesquisar usando o provedor padrão. "CURRENT_TAB" Especifica que os resultados da pesquisa são exibidos na guia da chamada ou na guia do navegador ativo. "NEW_TAB" Especifica que os resultados da pesquisa são exibidos em

Use a API chrome.idle para detectar quando o estado inativo da máquina muda. Você precisa declarar o estado "inativo" no manifesto da sua extensão para usar a API inativa. Por exemplo: "ativo" "inativo" "bloqueado" Mostra o tempo, em segundos,

Use a API chrome.wallpaper para mudar o plano de fundo do ChromeOS. É necessário declarar o "plano de fundo" permissão no manifesto do app para usar a API de plano de fundo. Exemplo: Por exemplo, para definir o plano de fundo como a imagem em

Use a API chrome.enterprise.deviceAttributes para ler os atributos do dispositivo. Observação: essa API só está disponível para extensões de instalação forçada pela política da empresa. Busca o local anotado pelo administrador. Se o usuário atual não

A API chrome.types contém declarações de tipo para o Chrome. O protótipo ChromeSetting fornece um conjunto comum de funções ( get(), set() e clear() ). e um editor de eventos ( onChange ) para as configurações do navegador Chrome. As configurações de

Use a API chrome.privacy para controlar o uso dos recursos do Chrome que podem afetar a privacidade de um usuário. Essa API depende do protótipo ChromeSetting do tipo API para receber e definir a configuração do Chrome. É necessário declarar a

Use a API chrome.windows para interagir com as janelas do navegador. Você pode usar essa API para criar, modificar e reorganizar janelas no navegador. Quando solicitado, um windows.Window contém uma matriz de objetos tabs.Tab. Você deve Declare a

Use a API chrome.pageCapture para salvar uma guia como MHTML. MHTML é um formato padrão compatível com a maioria dos navegadores. Ele é encapsulado em um único arquivo por uma página e todos os recursos (arquivos CSS, imagens etc.). Por motivos de

Use a API chrome.systemLog para gravar os registros do sistema Chrome de extensões. string Adiciona um novo registro. MessageOptions As opções de geração de registros. função opcional O parâmetro callback tem esta aparência: Promessa<void> As

Use a API chrome.fileSystemProvider para criar sistemas de arquivos, que podem ser acessados no gerenciador de arquivos no ChromeOS. É necessário declarar o "fileSystemProvider" e a seção no manifesto de extensões para usar a API File System

Use a API chrome.power para substituir os recursos de gerenciamento de energia do sistema. Por padrão, os sistemas operacionais escurecem a tela quando os usuários ficam inativos e suspendem o sistema. Com a API de energia, um app ou extensão pode

Use a API chrome.notifications para criar notificações avançadas usando modelos e mostrá-las aos usuários na bandeja do sistema. string opcional Os ícones de botão não são visíveis aos usuários do Mac OS X. string string Mais detalhes sobre este

Use a API chrome.devtools.network para recuperar as informações sobre solicitações de rede exibidas pelas Ferramentas para desenvolvedores no painel "Network". As chaves a seguir precisam ser declaradas no manifesto para usar essa API. Consulte o

Use a API chrome.vpnProvider para implementar um cliente VPN. O uso típico do vpnProvider é o seguinte: Crie configurações de VPN usando o método createConfig. Uma configuração de VPN é uma entrada persistente mostrada ao usuário em uma interface

Use a API chrome.proxy para gerenciar as configurações de proxy do Chrome. Essa API depende do protótipo ChromeSetting do tipo API para receber e definir a configuração do proxy. É preciso declarar o "proxy" permissão no manifesto de extensões para

Essa permissão aciona um aviso Use a API chrome.downloads para iniciar, monitorar, manipular e pesquisar downloads de forma programática. É necessário declarar a permissão "downloads" no manifesto de extensões para usar essa API. Confira exemplos

A API chrome.printerProvider expõe eventos usados pelo gerenciador de impressão para consultar impressoras controladas por extensões, consultar os recursos delas e enviar trabalhos de impressão a essas impressoras. string opcional Descrição legível

O namespace chrome.events contém tipos comuns usados por APIs que distribuem eventos para notificar você quando algo interessante acontece. Um Event é um objeto que permite receber notificações quando algo interessante acontece. Este é um Exemplo de

O namespace chrome.events contém tipos comuns usados por APIs que distribuem eventos para notificar você quando algo interessante acontece. Um Event é um objeto que permite receber uma notificação quando algo interessante acontece. Este é um Exemplo

Use a API offscreen para criar e gerenciar documentos fora da tela. Para usar a API Offscreen, declare a permissão "offscreen" no manifesto de extensões. Exemplo: Os service workers não têm acesso ao DOM e muitos sites têm políticas de segurança de

Use a API chrome.idle para detectar quando o estado inativo da máquina muda. É necessário declarar a permissão "idle" no manifesto da extensão para usar a API inativa. Por exemplo: "ativo" "inativo" "bloqueado" Mostra o tempo, em segundos, necessário

Use a API chrome.pageCapture para salvar uma guia como MHTML. MHTML é um formato padrão compatível com a maioria dos navegadores. Ele é encapsulado em um único arquivo por uma página e todos os recursos (arquivos CSS, imagens etc.). Por motivos de

Use a API chrome.fileSystemProvider para criar sistemas de arquivos, que podem ser acessados no gerenciador de arquivos no ChromeOS. É necessário declarar o "fileSystemProvider" e a seção no manifesto de extensões para usar a API File System

Usar a API chrome.dom para acessar APIs DOM especiais para extensões Recebe a raiz paralela aberta ou a raiz paralela fechada hospedada pelo elemento especificado. Se o elemento não anexar a raiz paralela, ele retornará um valor nulo. HTMLElement

A API chrome.management oferece maneiras de gerenciar apps e extensões instalados. É necessário declarar o papel no manifesto de extensões para usar o serviço de gerenciamento API. Exemplo: management.getPermissionWarningsByManifest(),

A API chrome.debugger serve como um transporte alternativo para o protocolo de depuração remota do Google Chrome. Use chrome.debugger para anexar a uma ou mais guias e instrumentar a interação de rede, depurar o JavaScript, modificar o DOM e o CSS e

Use a API chrome.downloads para iniciar, monitorar, manipular e pesquisar downloads de forma programática. É necessário declarar a permissão "downloads" no manifesto de extensões para usar essa API. Confira exemplos simples de como usar a API

A API da omnibox permite registrar uma palavra-chave na barra de endereço do Google Chrome, que também é conhecida como omnibox. Quando o usuário inserir a palavra-chave da sua extensão, ele começará a interagir apenas com sua. Cada tecla pressionada

Use a API chrome.history para interagir com o registro de páginas visitadas do navegador. É possível adicionar, remover e consultar URLs no histórico do navegador. Para substituir a página do histórico pela sua própria versão, consulte Substituir

Use a API chrome.notifications para criar notificações avançadas usando modelos e mostrá-las aos usuários na bandeja do sistema. string opcional Os ícones de botão não são visíveis aos usuários do Mac OS X. string string Mais detalhes sobre este

Use chrome.gcm para permitir que apps e extensões enviem e recebam mensagens pelo Firebase Cloud Messaging (FCM). O tamanho máximo (em bytes) de todos os pares de chave-valor em uma mensagem. 4096 Registra o aplicativo no FCM. O ID de registro vai

Use chrome.instanceID para acessar o serviço de ID da instância. Redefine o identificador da instância do aplicativo e revoga todos os tokens associados a ele. função opcional O parâmetro callback tem esta aparência: Promessa<void> O Manifesto

Use a API chrome.loginState para ler e monitorar o estado do login. "SIGNIN_PROFILE" Especifica que a extensão está no perfil de login. "USER_PROFILE" Especifica que a extensão está no perfil do usuário. "UNKNOWN" Especifica que o estado da sessão é

Use a API chrome.platformKeys para acessar certificados do cliente gerenciados pela plataforma. Se o usuário ou a política conceder a permissão, uma extensão poderá usar tal certificado em seu protocolo de autenticação personalizado. Por exemplo:

Use a API chrome.identity para receber tokens de acesso do OAuth2. string Identificador exclusivo da conta. Esse ID não será alterado durante todo o ciclo de vida da conta. "SYNC" Especifica que a sincronização está ativada para a conta principal.

Use a API chrome.sockets.tcp para enviar e receber dados pela rede usando conexões TCP. Essa API substitui a funcionalidade TCP anteriormente encontrada na API chrome.socket. As chaves a seguir precisam ser declaradas no manifesto para usar essa API.

Use a API chrome.hid para interagir com dispositivos HID conectados. Essa API fornece acesso a operações HID no contexto de um app. Com essa API, os apps podem funcionar como drivers para dispositivos de hardware. Os erros gerados por essa API são

Use a API chrome.sockets.tcpServer para criar aplicativos de servidor usando conexões TCP. Essa API substitui a funcionalidade TCP anteriormente encontrada na API chrome.socket. As chaves a seguir precisam ser declaradas no manifesto para usar essa

Use a API chrome.system.network. string O endereço IPv4/6 disponível. string O nome do adaptador. Em *nix, normalmente será "eth0", "wlan0" etc. number O tamanho do prefixo Recupera informações sobre adaptadores locais no sistema. função opcional O

Use a API chrome.app.window para criar janelas. O Windows tem um frame opcional com barra de título e controles de tamanho. Elas não estão associadas a janelas do navegador Chrome. Consulte o Exemplo de estado de janela para ver uma demonstração

Use a API chrome.fileSystem para criar, ler, navegar e gravar no sistema de arquivos local do usuário. Com essa API, os apps do Chrome podem ler e gravar em um local selecionado pelo usuário. Por exemplo, um app editor de texto pode usar a API para

Use a API chrome.mediaGalleries para acessar arquivos de mídia (áudio, imagens, vídeo) nos discos locais do usuário (com o consentimento dele). string booleano string Identifica a galeria modificada. GalleryChangeType Tipo de evento de alteração.

Esta página documenta como começar a usar o ChromeDriver para testar o site no computador (Windows/Mac/Linux). Você também pode ler Primeiros passos com o Android ou Introdução ao ChromeOS. O ChromeDriver é um executável separado que o Selenium

As extensões do Google Chrome podem ser empacotadas ou descompactadas. Para empacotar uma extensão desempacotada, use o botão "Compactar" em chrome://extensions ou use Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension

Confira uma prévia da próxima versão do Chrome com esta postagem que detalha os recursos na versão Beta atual.

Personalizar dados de desempenho com a API de extensibilidade

Use a API chrome.browsingData para remover dados de navegação do perfil local de um usuário. É necessário declarar a permissão "browsingData" no manifesto de extensões para usar essa API. O caso de uso mais simples dessa API é um mecanismo baseado em

A API chrome.system.memory. number A quantidade de capacidade disponível em bytes. number A quantidade total da capacidade da memória física, em bytes. Recebe informações da memória física. função opcional O parâmetro callback tem esta aparência:

A API Desktop Capture captura o conteúdo da tela, janelas ou guias individuais. O tipo enumerado usado para definir o conjunto de fontes de mídia para computador usadas em chooseDesktopMedia(). "tela" "janela" "guia" "áudio" Espelha

Use a API chrome.dns para a resolução de DNS. Para usar essa API, declare a permissão "dns" no manifesto. O código a seguir chama resolve() para recuperar o endereço IP de example.com. service-worker.js: string opcional Uma string que representa o

Use a API chrome.documentScan para descobrir e recuperar imagens de scanners de documentos anexados. A API Document Scan foi projetada para permitir que apps e extensões visualizem as conteúdo de documentos em papel em um scanner anexado. string

Observação:essa API foi descontinuada. Confira a API declarativeNetRequest. Use a API chrome.declarativeWebRequest para interceptar, bloquear ou modificar solicitações em andamento. Ela é significativamente mais rápida que a API chrome.webRequest

A referência completa a todas as APIs disponibilizadas para as extensões do Chrome. Isso inclui APIs para a plataforma descontinuada de apps do Chrome e APIs que ainda estão nas versões Beta e Dev.

Depure e otimize seus aplicativos da Web com o Chrome DevTools.

Aprenda a criar um app com WebGPU para a Web e plataformas específicas.

A equipe do Chrome está testando uma nova API File System Observer que informa os desenvolvedores sobre as mudanças no sistema de arquivos.

O Chrome 128 será lançado em 20 de agosto de 2024, com a propriedade ruby-align do CSS, promise.try, e muito mais.

O Chrome 128 está sendo lançado! Com exibição aprimorada para elementos rubi com quebras de linha, o promise.try para iniciar cadeias de promessa com mais facilidade, a interface PointerEvent estendida para identificar várias canetas de maneira exclusiva e muito mais. Adriana Jara tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 128.

Uma postagem de Ahmed Elwasefi, que conta como ele se tornou um colaborador do Chromium pelo Google Summer of Code.

Testando subgrupos, descontinuar a configuração da polarização de profundidade para linhas e pontos, ocultar aviso de erro não capturado do DevTools se preventDefault, WGSL interpola amostragem primeiro e mais um.

Use o Media Panel para visualizar informações e depurar os players de mídia por guia do navegador.

Use a API chrome.alarms para programar a execução do código periodicamente ou em um horário especificado no futuro. Para usar a API chrome.alarms, declare a permissão "alarms" no manifesto: Os exemplos a seguir mostram como usar e responder a um

Use a API chrome.contextMenus para adicionar itens ao menu de contexto do Google Chrome. Escolha a quais tipos de objetos as adições do menu de contexto se aplicam, como imagens, hiperlinks e páginas. Os itens do menu de contexto podem aparecer em

A API chrome.audio é fornecida para permitir que os usuários recebam informações e controlem os dispositivos de áudio conectados ao sistema. No momento, essa API só está disponível no modo quiosque no ChromeOS. string Nome do dispositivo: DeviceType

Use a API de comandos para adicionar atalhos de teclado que acionam ações na sua extensão, por exemplo, uma ação para abrir a ação do navegador ou enviar um comando para a extensão. As chaves a seguir precisam ser declaradas no manifesto para usar

A API chrome.debugger serve como um transporte alternativo para o protocolo de depuração remota do Google Chrome. Use chrome.debugger para anexar a uma ou mais guias e instrumentar a interação de rede, depurar o JavaScript, modificar o DOM e o CSS e

Use a API chrome.declarativeContent para realizar ações que dependem do conteúdo de uma página, sem precisar de permissão para ler o conteúdo. A API Declarative Content permite que você ative a ação da sua extensão dependendo do URL de uma página da

A API chrome.declarativeNetRequest é usada para bloquear ou modificar solicitações de rede especificando regras declarativas. Isso permite que as extensões modifiquem solicitações de rede sem interceptar e visualizar o conteúdo delas, oferecendo mais

Use a API chrome.browsingData para remover dados de navegação do perfil local de um usuário. É necessário declarar a política "browsingData" permissão no manifesto de extensões para usar essa API. O caso de uso mais simples dessa API é um mecanismo

Por padrão, o ChromeDriver registra apenas avisos/erros em stderr. Ao depurar é importante ativar o registro mais detalhado. Para ativar o registro detalhado, basta transmitir --verbose para o servidor do chromedriver. Você também pode transmitir

A API File System Access permite que os desenvolvedores criem aplicativos da Web avançados que interagem com arquivos no dispositivo local do usuário, como ambientes de desenvolvimento integrado, editores de fotos e vídeos, editores de texto e muito mais. Depois que um usuário concede acesso a um app da Web, essa API permite que ele leia ou salve as mudanças diretamente em arquivos e pastas no dispositivo do usuário.

Os participantes do EPP agora podem criar protótipos com a API de resumo para Gemini Nano no Chrome.

Introdução de dois novos eventos JavaScript: scrollSnapChange e rollingSnapChange.

A equipe do Chrome está trabalhando para melhorar a medição das chamadas navegações flexíveis usadas por aplicativos de página única, e uma nova API agora está disponível por trás de uma sinalização para permitir que os sites também experimentem esse recurso.

Descubra quatro maneiras únicas de fazer capturas de tela com o DevTools.

Os insights do console são publicados na Europa, faixas de rede e API aprimoradas para personalizar faixas no painel "Desempenho" e muito mais.

O Puppeteer 23 introduz o suporte estável ao Firefox 129 e versões mais recentes, oferecendo uma API unificada para automação do Chrome e do Firefox, baseada no WebDriver BiDi.

Últimas notícias da equipe de relações com desenvolvedores do Chrome

O Chrome no Android agora integra o Gerenciador de credenciais, permitindo que gerenciadores de senhas de terceiros forneçam chaves de acesso no Android 14 e versões mais recentes.

Atualização sobre a IA integrada, a API Prompt e os planos de IA do Chrome.

Explicação do status atual de interoperabilidade dos nomes definidos pelo autor usados no shadow DOM do CSS.

Saiba como a equipe do DevTools melhorou a forma como os estilos são apresentados na guia Styles.

O BrowserStack é compatível com o WebDriver BiDi: aprimore seus testes do Selenium Grid com automação orientada a eventos.

Aprenda a criar solicitações e analisar respostas da API CrUX.

Descubra como o servidor pode enviar dicas ao navegador sobre sub-recursos críticos.

Aprenda a consultar os seis meses anteriores de tendências históricas do CrUX usando a API CrUX History.

Elemento ruby quebrável de linha e propriedade ruby-align de CSS

Analisar a carga e os recursos da rede

Confira uma prévia da próxima versão do Chrome com esta postagem que detalha os recursos na versão Beta atual.

Suporte experimental para OpenGL ES no Android, atributo de informações do GPUAdapter, melhorias de interoperabilidade com o WebAssembly e muito mais.

O Chrome 127 está sendo lançado agora. Com suporte para o recurso de ajuste do tamanho da fonte, as ativações do usuário são propagadas na Document Picture-in-Picture API, contêineres de rolagem focalizáveis pelo teclado e muito mais. Adriana Jara tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 127.

A pesquisa interna de usuários do Chrome mostra que muitas pessoas valorizam a instalação de apps da Web. Há muitos benefícios, como: Há várias maneiras de o Chrome e os desenvolvedores da Web ajudarem, incluindo um novo recurso de promoção de

O Chrome 127 será lançado em 23 de julho de 2024. Ele conta com CSS source-size-adjust, contêineres de rolagem com foco no teclado e muito mais.

Ajude a garantir que o fluxo de leitura atenda às suas necessidades.

Uma referência abrangente dos recursos do painel "Rede" do Chrome DevTools.

Referência da guia "Preferências".

Analise e registre os fluxos de usuários.

Com cada vez mais pessoas começando a usar a API View Transition, é hora de desmascarar alguns equívocos.

Este comunicado inclui uma série de atualizações na página das Políticas do programa para desenvolvedores criadas para incentivar o desenvolvimento de produtos de alta qualidade, evitar comportamentos enganosos e garantir o consentimento informado do usuário.

Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.

Posicionamento dos âncoras de CSS em elementos, melhoria da opção "Nunca pausar aqui" em origens, novos listeners de eventos de ajuste de rolagem, predefinições de limitação de rede atualizadas e muito mais.

Inspecionar elementos no seu app da Web

Uma referência sobre todas as formas de gravar e analisar o desempenho no Chrome DevTools.

A Long Animation Frame API (LoAF) foi enviada do Chrome 123 e agora também atualizamos nossas ferramentas e orientações para ajudar você a aproveitar ao máximo essa nova API.

O YouTube está aprimorando a segurança da plataforma com Tipos confiáveis para evitar ataques de scripting em vários sites, mas isso pode afetar sua extensão.

Saiba como um DOM grande pode reduzir o desempenho da sua página da Web e como reduzir o tamanho do DOM no tempo de carregamento.

A equipe do Chrome está trabalhando em opções para trazer de volta a pré-renderização completa de páginas futuras que um usuário provavelmente acessará.

Conversamos com a equipe que lidera a análise na Chrome Web Store.

A equipe do Chrome fez várias melhorias relacionadas ao desempenho da implementação do IndexedDB (IDB).

Para acelerar os lançamentos futuros dos seus aplicativos com tecnologia de IA, armazene explicitamente os dados do modelo no dispositivo em cache.

Aumente o limite de maxTextureArrayLayers, a otimização do upload do buffer para o back-end do Vulkan, as melhorias no tempo de compilação do sombreador, os buffers de comando enviados precisam ser exclusivos e as atualizações do Dawn.

A equipe do Chrome está testando um novo elemento HTML declarativo de <permissão> para solicitar ao usuário acesso a recursos avançados.

Faça o download da versão Beta para testar os recursos mais recentes do Chrome.

O Chrome 126 está sendo lançado! Com suporte para transições entre documentos na API ViewTransitions, a API CloseWatcher foi reativada, passou por gatilhos para a API Gamepad e há muito mais, e muito mais. Adriana Jara tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 126.

O Chrome 126 vai ser lançado em 11 de junho de 2024, com transições de visualização entre documentos, reativação da API CloseWatcher, ruído de gatilho para a API Gamepad e muito mais.

Leia todos os avisos sobre CSS e interface da Web no Google I/O 2024.

O evento de descarregamento será descontinuado gradualmente a partir do Chrome 117. Saiba o que isso significa e como sites e empresas podem se preparar para isso

Documentação técnica sobre métricas do CrUX.

Monitorar solicitações e respostas de CDP.

Saiba mais sobre os recursos mais recentes para organizar o painel "Desempenho" e se concentrar nas informações de que você mais precisa

Analisar o desempenho do seletor de CSS durante os eventos de recalcular estilo.

Uma explicação sobre a filtragem de conteúdo e como usá-la na extensão do Chrome.

Temos o prazer de anunciar um novo recurso que vai permitir que os desenvolvedores pulem o processo de revisão de mudanças qualificadas nas extensões do Manifest V3 usando a API Declarative Net Request.

Saiba mais sobre a auditoria do Lighthouse "Não há uma tag com largura ou escala inicial.

Aprenda a emular outros navegadores com o painel "Condições de rede".

Melhoria no modo de configuração de rastreamento, lista de ignorados no Flame Chart, redução da CPU em 20 vezes no painel de desempenho e muito mais.

Aprenda a usar o Chrome DevTools para encontrar e corrigir bugs de JavaScript.

Outro Google I/O chegou e já abordamos todas as atualizações incríveis de extensões.

Saiba tudo sobre os recursos do Chrome DevTools para depurar regras de especulação usadas para fazer a pré-busca e pré-renderização de futuras navegações nas páginas.

Visualizar arquivos de origem e ter acesso a outras ferramentas.

O Chrome 126 Beta inclui transições de visualização entre documentos, junto com a extensão gatilho de ruído da API Gamepad e outros recursos.

Parte 2/2. Saiba como as melhorias do WebAssembly e da WebGPU melhoram o desempenho do machine learning na Web.

Apresentamos as transições de visualização entre documentos para MPA, as transições de visualização seletivas com tipos ativos e o compartilhamento de estilos de animação com a classe de transição de visualização.

A IA no dispositivo é a oferta mais recente para oferecer modelos avançados aos usuários, além de proteger os dados sensíveis e melhorar a latência.

Leia o resumo da Web AI no I/O 2024. Saiba mais sobre os novos modelos, ferramentas e APIs para seu próximo aplicativo da Web.

Este documento oferece breves destaques dos acontecimentos recentes no ecossistema de frameworks JavaScript.

Analise o desempenho do tempo de execução do seu site em tempo real.

Parte 1/2. Saiba como as melhorias do WebAssembly e da WebGPU melhoram o desempenho do machine learning na Web.

O codelab a seguir oferece IA do lado do cliente. Não é necessário ter conhecimento de desenvolvimento de IA, servidores ou chaves de API.

No Chrome 126, há suporte para o framework de automação da interface do Windows.

A API Async Clipboard agora pode lidar com imagens SVG.

O Chrome 125 está sendo lançado! Com a API CSS Anchor Positioning, a API Compute Pressure, uma expansão para a API Storage Access e muito mais. Adriana Jara tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 125.

O Chrome 125 vai ser lançado em 14 de maio de 2024 com o posicionamento de âncora do CSS, a API Compute Pressure, novos recursos de referência e muito mais.

Saiba como substituir e simular respostas de rede com o DevTools.

Descubra recursos incríveis da palestra e das sessões para desenvolvedores do Google I/O.

A IA do lado do cliente é a oferta mais recente para oferecer modelos poderosos aos usuários, protegendo dados sensíveis e melhorando a latência.

Use substituições locais para simular recursos remotos e mantenha as mudanças feitas no DevTools nos carregamentos de página.

Saiba mais sobre a transformação do Spotify Miniplayer de um "hack de tela" em uma experiência refinada possibilitada pela API Document Picture-in-Picture.

Entenda melhor os erros e avisos no Console com o Gemini.

Posicione elementos em relação um ao outro usando a nova API de posicionamento de âncoras.

Uma breve visão geral do Puppeteer, do Chrome Headless, do Chrome for Testing e de outros recursos da equipe de Ferramentas do Google Chrome.

Saiba como superar desafios com testes em ambientes corporativos

Causas de erros no console, estatísticas do seletor de CSS em "Desempenho", cabeçalhos "Dicas iniciais" na rede e muito mais.

Descubra como o Policybazaar e a Tokopedia se beneficiam do uso de :has().

Saiba como os sites de e-commerce se beneficiam da implementação dos recursos mais recentes de CSS e interface do usuário: transições de visualização, animações de rolagem, API Popover e muito mais.

Subgrupos em desenvolvimento e renderizados em uma fatia de textura 3D.

Descubra os benefícios das animações de rolagem com Policybazaar, redBus e Tokopedia.

redBus, Policybazaar e Tokopedia usam a API View Transition e se beneficiam do melhor desempenho e uma interface suave.

Saiba mais sobre os benefícios das consultas de contêiner da redBus e da Tokopedia.

Um curso em vídeo com 10 partes para aprender tudo sobre animações de rolagem

Uma proposta para definir alvenaria e grade em especificações diferentes.

A WebGPU permite gráficos 3D de alto desempenho e computação paralela de dados na Web.

Documentação de referência para a propriedademinimum_chrome_version do manifesto.json.

A Tokopedia usa a API Popover para reduzir a quantidade de código no aplicativo.

Para acessar dispositivos de rede privada de um site que não pode ser convertido para HTTPS, use solicitações de permissão para relaxar as verificações de conteúdo misto.

A API Captured Surface Control permite que os apps da Web rolem e aumentem o zoom em guias capturadas.

Documentação de referência para a propriedade trial_tokens do manifest.json.

Conferir as métricas da API WebAudio no painel WebAudio

Posicionamento de âncora no CSS, funções em etapas do CSS, API Compute Pressure e muito mais.

Saiba como especificar qual ícone o Progressive Web App exibe nas telas iniciais do iOS.

Referência da guia de limitação.

Saiba como tornar seu Progressive Web App instalável.

Aprenda a criar uma tela de apresentação personalizada para seu Progressive Web App.

Saiba como tornar seu site mais seguro redirecionando todas as páginas para HTTPS.

Saiba mais sobre a auditoria do Lighthouse: cada página tem uma auditoria de URL.

Saiba como definir uma cor de tema para a barra de endereço do seu Progressive Web App.

O Chrome 124 já está sendo lançado. Há duas novas APIs que permitem que o shadow DOM declarativo seja usado em JavaScript. Você pode usar streams em Web Sockets. As transições de visualizações ficam um pouco melhores. E tem muito mais. Pete LePage tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 124.

Saiba como registrar um service worker que ofereça suporte a recursos do Progressive Web App, como funcionalidade off-line, notificações push e facilidade de instalação.

O Chrome agora protege toda a API Web MIDI por trás de uma solicitação de permissão.

Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.

Inspecione e depure endereços salvos no Chrome com o painel de preenchimento automático.

Aprenda a redimensionar o conteúdo da sua página da Web para que caiba em telas de dispositivos móveis.

Saiba como configurar o start_url do Progressive Web App para que seu app possa ser acessado off-line.

Saiba como fazer sua página da Web carregar rapidamente em redes móveis.

Aprenda a fazer com que as transições entre páginas da Web pareçam responsivas, mesmo em uma rede lenta.

As APIs Foldable são duas APIs do Chrome projetadas para ajudar os desenvolvedores a desenvolver dispositivos dobráveis.

Aprenda a adicionar compatibilidade com ícones mascaráveis ao PWA.

Saiba como garantir que os usuários possam visualizar pelo menos parte do conteúdo da sua página da Web quando o JavaScript não estiver disponível.

Inspecione e modifique animações com o painel "Animações".

Aprenda a usar o Workbox para garantir que sua página da Web funcione em vários navegadores.

Saiba como proteger seu site com HTTPS.

O Chrome 124 será lançado em 16 de abril de 2024 com setHTMLUnsafe, transmissões em WebSockets e muito mais.

Saiba como fazer seu Progressive Web App funcionar off-line.

A API View Transition permite adicionar transições entre visualizações de um site.

Comece a usar as transições de visualização entre documentos para uso no seu aplicativo de várias páginas (MPA, na sigla em inglês).

Descubra como o DevTools pode melhorar o desenvolvimento de aplicativos da Web.

Saiba mais sobre a nova métrica "navigation_types" no Chrome User Experience Report (CrUX, na sigla em inglês) e como ela pode ser usada para explicar e otimizar suas métricas de desempenho na Web.

Saiba como o conjunto de dados do CrUX no BigQuery é estruturado.

Nesta semana, lançamos um novo recurso que permite que os desenvolvedores revertam as extensões para a versão publicada anteriormente na Chrome Web Store. Nosso objetivo é dar aos desenvolvedores mais tranquilidade ao publicar

Texturas de armazenamento somente leitura e leitura/gravação, suporte a service workers e workers compartilhados, novos atributos de informações do adaptador e correções de bugs.

O PageSpeed Insights (PSI) é uma ferramenta para desenvolvedores da Web entenderem o desempenho de uma página e como melhorá-lo. Neste guia, aprenda a usar o PSI para extrair insights do CrUX e entender melhor a experiência do usuário.

Aprenda a usar o CrUX com guias fáceis de seguir

Aprenda a usar a API font-display para garantir que o texto da sua página da Web esteja sempre visível aos usuários.

Compatibilidade com animações de rolagem, novo painel de preenchimento automático, novas opções para WebRTC na limitação de rede e muito mais.

Conheça o caminho a seguir na criação do perfil de desempenho da CPU, entenda por que e como descontinuamos o criador de perfil do JavaScript.

Informe se os frames presentes no documento foram impedidos de usar o cache de avanço e retorno na navegação.

Saiba como criar o perfil do desempenho de aplicativos Node.js com o painel "Desempenho".

A JavaScript Promise Integration (JSPI) é uma API que permite o código sequencial síncrono compilado para WebAssembly para acessar APIs Web assíncronas.

Teste como seu site lida com recursos ausentes.

Saiba mais sobre a API fetchLater, agora em um teste de origem, uma nova API para solicitar uma busca adiada que será concluída mesmo se a página estiver fechada.

O atributo HTML de sugestões de escrita, a API WebSocketStream, o cabeçalho de solicitação HTTP de prioridade e muito mais.

Uma mudança está sendo lançada para tornar os controles de rolagem sem valor de tabindex definido e sem teclado secundário focalizável.

O Chrome 123 está sendo lançado. Com a nova função clara e escura, a API Long Animation Frames, a API Service Worker Static Routing e muito mais. Adriana Jara tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 123.

Saiba mais sobre os principais mecanismos de segurança do Acesso à rede privada para workers da Web, buscas de navegação e proteções futuras. Este documento também aborda o que os proprietários de sites devem fazer se utilizarem redes privadas.

Descubra como usar essa nova API, disponível a partir do Chrome 123.

Saiba mais sobre os planos da equipe do Chrome para melhorar o painel de desempenho do DevTools.

Conheça as melhorias mais recentes no painel "Network" do Chrome DevTools, projetadas para simplificar sua experiência de depuração da Web.

Faça alterações no DOM instantaneamente.

Saiba mais sobre todas as maneiras de pausar seu código no Chrome DevTools.

Suporte a funções integradas do DP4a, parâmetros de ponteiro irrestritos, açúcar de sintaxe para desreferenciar compostos em WGSL e muito mais.

Aprenda a usar o Chrome DevTools para visualizar e mudar o CSS de uma página.

Destacar frames de anúncios, emular o foco em uma página, desativar fontes e formatos de imagem locais, ativar um tema escuro automático e emular deficiências de visão.

Descubra novos fluxos de trabalho para visualização e alteração de CSS no Chrome DevTools.

A compactação de dicionário compartilhado está ganhando um grande impulso na Web. Saiba o que são, como funcionam e como podem reduzir substancialmente os tempos de carregamento ainda mais do que a compactação padrão para recursos estáticos e dinâmicos na Web.

Agora você pode fazer o download do antigo Headless Chrome como um binário autônomo para cada versão do Chrome voltada ao usuário.

Obtenha informações vitais sobre seu aplicativo da web diretamente do navegador.

Detalhes sobre as últimas atualizações da API Speculation Rules, incluindo regras de documentos, configurações de antecipação, limites e regras de especulação compatíveis com as plataformas.

Use a API chrome.i18n para renderizar sua interface em vários idiomas.

Conheça os recursos mais recentes do Chrome DevTools

Para muitos usuários, acessibilidade é literalmente a interface do usuário e seus recursos são úteis para muitas outras.

Um easter egg, emulação de página focada em elementos > Estilos, nova auditoria do Lighthouse e muito mais.

Nesta postagem, a equipe da Eyeo compartilha sua jornada no problema dos testes dos service workers de extensão. Particularmente, como garantir que as extensões do Chrome funcionem corretamente quando um service worker for suspenso.

Saiba como usar a biblioteca @next/third-parties para otimizar o carregamento de recursos de terceiros conhecidos

No Chrome 123, use align-content para alinhar itens sem criar um contêiner flexível ou de grade.

A função CSS light-dark(), alinhamento de conteúdo para blocos, propriedade de dimensionamento de campo e evento pagereveal.

A documentação canônica para atalhos de teclado do Chrome DevTools.

Use dispositivos virtuais no modo de dispositivo do Chrome para criar sites mobile-first.

O Chrome 122 está sendo lançado. Com a nova API Storage Buckets, o painel Performance do DevTools atualiza o painel de desempenho, a opção de ler HTML com a API Async Clipboard e muito mais. Adriana Jara tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 122.

A partir do Chrome 122, o elemento "::backdrop" herda propriedades do elemento de origem.

Uma extensão precisa de pelo menos um ícone para representá-la na barra de ferramentas.

O painel Performance no DevTools é uma ferramenta poderosa para diagnosticar, depurar e corrigir problemas de desempenho de apps da Web. Nessa ocasião, vamos mostrar como usamos o painel "Desempenho" no DevTools para aprimorar o desempenho do painel "Desempenho" em si e como alcançamos uma melhoria muito significativa.

A confirmar

Um guia para converter extensões Manifest V2 em extensões Manifest V3.

A API WebUSB, que expõe dispositivos compatíveis com Universal Serial Bus (USB) não padrão para a Web, está disponível em extensões.

A API WebHID, que expõe dispositivos compatíveis com interface humana (HID) à Web, está disponível nas extensões.

Modo de compatibilidade em desenvolvimento, aumentar o limite maxVertexAttributes e atualizações da Dawn.

Documentação de referência sobre as propriedades da política de segurança de conteúdo do manifest.json.

Aprenda a gravar snapshots de heap com o criador de perfil de alocação heap e encontrar vazamentos de memória.

Uma linha de código para elementos com dimensionamento automático e conteúdo editável.

Use a API chrome.runtime para recuperar o service worker, retornar detalhes sobre o manifesto e detectar e responder a eventos no ciclo de vida da extensão. Também é possível usar essa API para converter o caminho relativo de URLs em URLs totalmente

Como os avisos de permissão funcionam nas extensões do Chrome.

Uma visão geral dos valores válidos da propriedade de permissões no manifest.json.

Guia explicativo sobre como usar o envio da Web com as extensões do Chrome

A EditContext é uma nova API lançada no Chrome e no Edge para ajudar os desenvolvedores a criar recursos avançados de edição de texto no navegador. Saiba mais nesta postagem.

Avisos de desativação de cookies de terceiros nos painéis "Rede" e "Aplicativo", depuração aprimorada no painel "Rede", localização atual no painel "Desempenho" e muito mais.

Torne a navegação na Web mais rápida com carregamentos especulativos e aprenda a depurá-los.

Responda a combinações personalizadas de teclas em uma extensão.

O teste de descontinuação do SharedArrayBuffer sem isolamento de origem cruzada no Chrome para computadores foi estendido até o Chrome 124.

O Chrome 122 Beta oferece assistentes de iterador, métodos de definição, API Storage Buckets, leitura de HTML não corrigido na API Async Clipboard e muito mais.

Personalize e integre o Gravador instalando extensões.

O Chrome 121 está sendo lançado. Com atualizações de CSS, melhorias na API Speculation Rules, um teste de origem da API Element Capture e muito mais. Adriana Jara tem todos os detalhes sobre as novidades para desenvolvedores no Chrome 121.

Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.

Acionar ações na omnibox.

Suporte a WebGPU no Android, uso de DXC para compilação de sombreador, consultas de carimbo de data/hora em passagens de computação e renderização, pontos de entrada padrão para módulos de sombreador, suporte a display-p3 como espaço de cores GPUExternalTexture, informações de heaps de memória e muito mais.

Saiba como usar o DOM com segurança com a SSR no Angular

Use o Puppeteer para testar recursos que usam a API Web Bluetooth no Chrome.

Use as propriedades `scrollbar-width` e `scrollbar-color` para estilizar as barras de rolagem.

Aprenda a testar modelos de IA do lado do cliente baseados no navegador e mantenha uma configuração de hardware padronizada, escalonável e automatizável.

Guia explicativo sobre como usar o Firebase Messaging com o chrome.gcm

Descubra nossas soluções para automatizar consistentemente o teste do navegador e melhorar o desempenho do aplicativo.

O Chrome adiciona outro recurso internacional de CSS.

Responda a um clique na barra de ferramentas de um usuário.

Nesta postagem, explicamos como as permissões persistentes da API File System Access podem ser gerenciadas. Ele também fornece uma recapitulação rápida do estado atual do problema e os desafios que estão sendo resolvidos.

Saiba como criar cores com apenas alguns cliques.

Saiba como usar o seletor de cores em elementos > Estilos para inspecionar e depurar cores em alta definição e não HD.

Saiba como depurar a prioridade de busca.

Como gerenciar atualizações em tempo real nas extensões

Uma técnica de tipografia clássica de quebras de linha de autoria manual para blocos de texto equilibrados chega ao CSS.

No Chrome 122, você pode se inscrever no teste de origem do membro de manifesto do app scope_extensions, que permite que sites que controlam vários subdomínios e domínios de nível superior sejam apresentados como um único app da Web.

O Puppeteer agora fala com o Firefox! 🎉 Mas peraí, não acabou? 🤔 Vamos analisar o WebDriver BiDi, o novo protocolo do Puppeteer, e descobrir o que esse desenvolvimento incrível significa para o fluxo de trabalho de automação do Firefox.

Implemente um pop-up, que é uma janela que permite que os usuários invoquem recursos de extensão.

Um service worker permite que as extensões sejam executadas apenas quando necessário, economizando recursos.

Implemente um pop-up, que é uma janela que permite que os usuários invoquem recursos de extensão.

Esta postagem discute a relevância da nova métrica de INP para sites baseados em framework e o trabalho do Aurora para apoiar as estruturas na otimização dessa métrica.

Iniciar apps diretamente de uma página da Web com uma intent do Android.

Para conferir uma lista completa dos recursos para desenvolvedores do Chrome no Android, consulte chromestatus.com. Faça o download do Chrome na Play Store. Quando o usuário faz login no Chrome em um dispositivo, as guias e o histórico de navegação

Cria um acordeão exclusivo com vários elementos `` que têm o mesmo `name`.

O Chrome se adaptou ao ecossistema de tablets Android ativando o modo área de trabalho por padrão em tablets premium.

Suporte a @font-palette-values em elementos, suporte aprimorado ao mapa de origem, desempenho aprimorado > faixa de interações e muito mais.

A plataforma da Web agora vem com Region Capture, uma maneira eficiente e robusta de recortar uma faixa de vídeo.

Fique por dentro das mudanças mais recentes da WebGPU.

Suporte a valores de ponto flutuante de 16 bits no WGSL, aumento de limites, mudanças de estado do estêncil de profundidade, atualizações de informações do adaptador e muito mais.

2023 foi um ano incrível para o CSS! Saiba mais sobre o que chegou ao Chrome e em toda a plataforma da Web este ano.

Hospede um site em um servidor da Web da máquina de desenvolvimento e acesse o conteúdo com um dispositivo Android.

O Google Chrome está descontinuando o acesso a endpoints de rede particulares por sites públicos não seguros como parte da especificação de Acesso à rede privada (PNA, na sigla em inglês).

Saiba como o Chrome DevTools mitiga os ataques auto-XSS bloqueando a colagem de código para usuários sem experiência.

Aprenda a depurar o bfcache e a carregar a página instantaneamente.

Mais detalhes do frame.

Saiba como depurar o DOM com o DevTools.

Nos próximos meses, o Chrome vai realizar experimentos com o objetivo de simplificar os critérios de instalação de apps para melhorar a experiência de desenvolvedores e usuários. Esta postagem compartilha as mudanças esperadas e os motivos por que estamos realizando esses experimentos.

Saiba como acessar, adicionar, editar e excluir cookies HTTP de uma página usando o Chrome DevTools.

O Chrome 120 está sendo lançado agora. Com a API CloseWatcher, para permitir uma experiência consistente ao lidar com solicitações de fechamento, uma implementação direta de um padrão de acordeão usando o elemento "details", relatórios de violação de política de permissão já estão disponíveis e há muito mais.

O Chrome está adicionando quatro novos recursos internacionais de CSS.

A API Page Lifecycle oferece recursos de ciclo de vida de apps comuns em sistemas operacionais de dispositivos móveis para a Web. Os navegadores agora podem congelar e descartar páginas em segundo plano com segurança para economizar recursos, e os desenvolvedores podem lidar com essas intervenções com segurança sem afetar a experiência do usuário.

A partir do Chrome 120, uma nova opção não corrigida está disponível na API Async Clipboard. Saiba como usá-lo neste guia.

Referência da guia Lista de ignorados.

O Chrome permite que apps da Web de videoconferência entrem no modo picture-in-picture automaticamente.

Em dezembro do ano passado, pausamos a descontinuação planejada do Manifest V2 para atender ao feedback dos desenvolvedores e oferecer soluções melhores para problemas de migração. Como resultado desse feedback, fizemos várias mudanças no Manifest V3

Saiba mais sobre os novos recursos incluídos na diretiva NgOptimizedImage do Angular que melhoram ainda mais o desempenho das imagens nos apps do Angular.

No ano passado, participamos ativamente de discussões com os fornecedores de várias extensões de bloqueio de conteúdo sobre maneiras de melhorar a plataforma de extensões MV3. Com base nessas discussões, muitas delas realizadas no Grupo da comunidade

Saiba mais sobre a primeira fase do roteamento estático do Service Worker, agora em um teste de origem, uma nova API para especificar de forma declarativa como as rotas precisam ser tratadas (ou não) pelo service worker.

Aninhamento de antecedência ativado no Chrome 120.

Problemas de descontinuação de cookies de terceiros relatados no painel "Problemas", na Ferramenta de análise do Sandbox de privacidade para cookies, na Política de Segurança de Conteúdo eficaz no painel "Aplicativos", na depuração de animações aprimorada, na lista de ignorados aprimorada e muito mais.

Saiba como o ecossistema WebGPU se estende além dos realms JavaScript, C++ e Rust.

O modo de durabilidade no IndexedDB está mudando de estrito para relaxado no Chrome 121.

Um resumo das mudanças importantes no Chrome 120 para desenvolvedores de extensões do Chrome.

Como abrir arquivos nos service workers, pop-ups, painéis laterais ou scripts de conteúdo da extensão do Chrome.

A máscara de CSS, as regras menos rígidas para o aninhamento de CSS, a criação de padrões de acordeão com o elemento e a ação enterpictureinpicture da API Media Session.

Documentação de referência para a propriedade file_handlers do manifesto.json.

Há dois tipos de linguagem de programação: com coleta de lixo e que exigem gerenciamento manual de memória. Com a coleta de lixo do WebAssembly, é possível portar linguagens que usam essa coleta para o WebAssembly.

O Chrome 119 está sendo lançado. Com uma atualização do limite máximo da data de validade para cookies que já estão no armazenamento. O CSS tem novas pseudoclasses, sintaxe de cores relativa, melhorias no Fenced Frames, como macros de tamanho de anúncio e muito mais.

Otimizar e ajustar para usuários que preferem uma IU opaca.

Texturas flutuantes de 32 bits filtráveis, formato de vértice unorm10-10-10-2, formato de textura rgb10a2uint e muito mais.

Ative o ajuste de texto otimizado para maior beleza acima da velocidade.

Saiba como os recursos de seleção expandida de elementos permitem quebras horizontais visuais para melhorar o agrupamento.

Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.

O monitoramento de problemas do Chromium vai migrar para uma ferramenta com a tecnologia do Issue Tracker do Google em janeiro de 2024.

A implementação atual da API Sanitizer foi descontinuada no Chrome 119 para acompanhar as futuras atualizações da especificação.

A API Web Serial adicionou suporte aos serviços Bluetooth RFCOMM.

Como criar testes completos para extensões.

Como criar testes de unidade para extensões.

Como escrever um teste automatizado para extensões do Chrome usando o Puppeteer.

Crie novas cores com base em canais e valores de outras cores.

Como informar bugs de extensões ou problemas com a documentação.

Verifique se um bug ou uma solicitação de recurso já foi informado.

Seção @property aprimorada em Estilos, lista de dispositivos atualizada, estilo de formatação aprimorado em fontes e preenchimento automático no console.

O Chrome 118 está sendo lançado. Declare estilos específicos dentro de um componente com a regra css @scope. Use o novo recurso de mídia: "prefers-red-transparency". O DevTools tem melhorias no painel Sources e muito mais.

Existe agora um novo teste de origem disponível para abrir janelas pop-up no modo de tela cheia com apenas uma etapa.

Suporte a vários leitores e gravadores para FileSystemSyncAccessHandle e gravador exclusivo para FileSystemWritableFileStream. O sistema de arquivos particular de origem (também chamado de sistema de arquivos do bucket) permite que os desenvolvedores

O Chrome 119 Beta oferece a sintaxe de cores relativa do CSS, novas pseudoclasses e muito mais.

Saiba como usar @scope para selecionar elementos apenas em uma subárvore limitada do seu DOM.

Aprenda a usar o DevTools para depurar extensões do Chrome.

Suporte estendido de origem para copyExternalImageToTexture, suporte experimental para textura de armazenamento de leitura/gravação e somente leitura e muito mais.

O Chrome no macOS passa a oferecer suporte a chaves de acesso nas Chaves do iCloud. Com isso, os usuários podem criar chaves de acesso nas Chaves do iCloud e sincronizá-las em todos os dispositivos da Apple.

Um tutorial detalhado de como e por que CyberAgent, RedBus, Nykaa e PolicyBazaar implementaram transições de visualização.

Visão geral de como as APIs de armazenamento na Web e os cookies funcionam nas extensões.

Comemorando o 15o aniversário do Chrome e nosso papel como um parceiro confiável e útil para desenvolvedores.

Veja algumas dicas para desenvolvedores WebGL que estão migrando para a WebGPU.

Nova seção para propriedades personalizadas em Elementos > Estilos, mais melhorias de substituições locais, pesquisa aprimorada, espaço de trabalho simplificado em "Origens" e muito mais.

Estilos com escopo para CSS, outros recursos de mídia, contêineres de rolagem com foco no teclado e muito mais.

O Chrome 117 está sendo lançado. Com três novos recursos CSS que facilitam a adição de animações de entrada e saída suaves, agrupamento de matrizes para calcular conjuntos de dados de ordem superior, o DevTools torna as substituições locais mais fáceis e há muito mais.

Como migrar seu aplicativo empacotado ou hospedado do Google Chrome.

Cancele o buffer de vértice e grupo de vinculação, faça os dispositivos perdidos parecerem funcionar e muito mais.

Experiência e conselhos sobre a participação no Google Summer of Code.

Orientações para publicar uma nova extensão do Manifesto V3

Use snippets para executar códigos que você usa com frequência e expressões ao vivo para observar valores em tempo real.

A partir do Chrome 119, vamos reduzir o tempo entre a ramificação de um lançamento e o lançamento para o Stable.

Destaque como a comunidade Astro adotou as transições de visualização quando o Chrome estava moldando a API e a jornada para conseguir suporte de primeira classe em Astro e ilhas persistentes.

"scheduler.yield" é uma nova adição proposta à API Scheduler atualmente em teste de origem e uma nova abordagem para dividir tarefas em experiências de usuário mais responsivas. Entenda os benefícios dessa adição proposta à API de agendamento e inscreva-se no teste de origem para nos ajudar a receber insights e feedback.

O Lighthouse 11 chegou com novas mudanças de acessibilidade e atualizações de auditoria

Para facilitar a digitação de comandos do Chrome Devtools Protocol (CDP), o DevTools introduziu um novo editor fácil de usar para que você não precise usar JSON.

Substitua solicitações XHR/de busca e oculte solicitações de extensão no painel "Rede", veja as mudanças na prioridade de busca no painel "Desempenho", experimente várias melhorias na IU, confira novas cores e recursos experimentais e muito mais.

A partir do Chrome 117, o Chrome vai destacar proativamente os usuários quando uma extensão instalada não estiver mais na Chrome Web Store.

Saiba mais sobre os novos recursos que permitem uma transição suave de animações discretas e entre a camada superior

Subgrade de grade CSS, suporte a animação de entrada e saída para CSS, agrupamento de matrizes, auxiliares de iteração e muito mais.

O Chrome 116 já está sendo lançado. Use a API document picture in picture para aumentar a produtividade do usuário, ficou mais fácil depurar folhas de estilo ausentes no DevTools e tem muito mais.

Documentação de referência da propriedade "content_scripts" do manifest.json.

Tenha isolamento de origem cruzada e proteção contra vazamentos entre sites ao interagir com pop-ups.

Integração com o WebCodecs, melhorias na reprodução de vídeo e muito mais.

"Permitir desta vez" é uma opção única para concessões de permissão no Chrome. Inicialmente, o recurso estará disponível apenas para computadores para geolocalização, câmera e microfone.

Use pontos de interrupção e logpoints para depurar com facilidade.

A partir do Chrome 115, as atividades na Web confiáveis (TWA, na sigla em inglês) podem enviar mensagens usando postMessage. Este documento explica a configuração necessária para a comunicação entre o app e a Web.

Um resumo das mudanças importantes no Chrome 116 para desenvolvedores de extensões do Chrome.

Trajetória de animação CSS, cache de avanço e retorno da API NotRestoredReason, Document Picture-in-Picture e muito mais.

Aprenda a usar a depuração do Safari Web Inspector para o Chrome no iOS.

Uma visão geral das mudanças nas extensões do Chrome até o momento deste ano, além de outros recursos interessantes que os desenvolvedores podem esperar.

Use ScrollTimeline e ViewTimeline para criar animações de rolagem que melhoram a experiência do usuário. Os frames delimitados funcionam com outras APIs do Sandbox de privacidade para incorporar conteúdo relevante e evitar o compartilhamento de contexto desnecessário. Com a API Topics, o navegador pode compartilhar informações com terceiros sobre os interesses de um usuário, preservando a privacidade e muito mais.

A nova API é muito mais suave do que a forma clássica de implementar animações de rolagem.

Aprenda a gravar, reproduzir e depurar fluxos de usuários com o painel Gravador no DevTools.

Instruções passo a passo sobre como se conectar a um WebSocket na sua extensão do Chrome.

Aprenda a usar a depuração do Safari Web Inspector para o Chrome no iOS.

Use Aplicativo > Armazenamento local e Armazenamento de sessão para depurar pares de chave-valor.

As Ferramentas do desenvolvedor receberam várias melhorias para ajudar a identificar e depurar problemas com folhas de estilo ausentes mais rapidamente: O painel Network preenche consistentemente a coluna Initiator com links para a linha exata que

Como usar a geolocalização em service workers, pop-ups, painéis laterais ou scripts de conteúdo da extensão do Chrome.

Extensões de idioma WGSL compatíveis, suporte experimental para Direct3D 11 e muito mais.

O Chrome for Testing é uma nova versão do Chrome voltada especificamente para testes de apps da Web e casos de uso de automação.

Aprenda a usar o Chrome DevTools para encontrar e corrigir bugs no C/C++ WebAssembly.

Saiba como a Adobe conseguiu permitir que os usuários editassem até mesmo os arquivos maiores na versão da Web do app Photoshop. Este artigo também está disponível em formato de vídeo. Em 2021, a Adobe, em parceria com a equipe de engenharia do

A API Local Font Access oferece um mecanismo para acessar os dados de fontes instalados localmente do usuário, incluindo detalhes de nível superior, como nomes, estilos e famílias, além dos bytes brutos dos arquivos de fontes. Saiba como o app de

Suporte a dados: os URLs no elemento SVG serão removidos. Recomendamos migrar para alternativas.

Várias palavras-chave para a propriedade de exibição CSS, WGSLLanguageFeatures para WebGPU, upgrades de HTTPS e muito mais.

Anunciamos a descontinuação e a remoção planejada de eventos de mutação, além de compartilhar como migrar seu código antes da remoção em julho de 2024.

otimização de JavaScript e muito mais.

O painel Elementos recebe um novo ícone subgrid para subgrade. No momento, esse recurso está em fase experimental no Chrome Canary. Para inspecionar e depurar uma grade aninhada que é uma subgrade e, portanto, herda o número e o tamanho das faixas da

Um novo teste de origem do Chrome que permite aos desenvolvedores da Web monitorar a pressão de computação.

Caso seu site dependa da configuração de document.domain, você precisa fazer nada.

A API File System Access permite recursos de leitura, gravação e gerenciamento de arquivos. Saiba como o Construct 3 usa essa API. Este artigo também está disponível em formato de vídeo. O Construct 3 é um editor de jogos desenvolvido pelos irmãos

O Chrome 114 já está sendo lançado. O Chrome 114 já está sendo lançado. Com quebra de texto: equilíbrio para melhorar os layouts de texto, os cookies com estado particionado independente chegaram, a nova API Popover torna os popovers mais fáceis do que nunca e há muito mais.

Apresentamos a nova API Side Panel para extensões do Chrome.

Introdução de linear(), uma função de easing em CSS que interpola linearmente entre seus pontos, permitindo que você recrie efeitos de salto e mola.

Use o Workspace para salvar as mudanças feitas no DevTools em arquivos de origem locais.

Documentação de referência da propriedade de segundo plano do manifest.json.

Aprenda a criar dicas, menus e muito mais com a nova API de popover.

A LEGO Education usa o poder da Web para tornar a conexão de modelos LEGO ao computador o mais simples possível.

Saiba o que a equipe do Chrome Aurora tem feito ultimamente e o planejamento para 2023.

A API EyeDropper oferece um mecanismo para criar uma ferramenta de conta-gotas que permite que os usuários extraiam cores das telas, inclusive fora da janela do navegador. Saiba como o editor de modelos 3D Blockbench usa essa API na base de código.

O Web SQL foi completamente removido no Chromium 119.

O Storage Standard define uma API para armazenamento persistente e estimativas de cota, além da arquitetura de armazenamento da plataforma. Estamos testando uma API para tornar a remoção persistente do armazenamento sob pressão pesada da memória mais previsível. Teste a API Storage Buckets em um teste de origem do Chrome 115 ao 118.

A API File Handling permite que os aplicativos da Web se registrem como um gerenciador de arquivos para formatos com suporte. Saiba como o aplicativo de edição de imagens Photopea usa essa API. Este artigo também está disponível em formato de vídeo.

Os 20 principais recursos de CSS e IU destacados no Google I/O 2023 que você não pode perder.

Saiba como a WebGPU usa o poder da GPU para oferecer um desempenho de aprendizado de máquina mais rápido e melhorar a renderização de gráficos.

Alguns formulários têm campos em iframes, o que causa problemas no preenchimento automático do navegador. Com o preenchimento automático compartilhado, o frame pai pode designar a confiabilidade dos iframes de origem cruzada, para oferecer uma experiência de preenchimento automático melhor ao usuário.

Atualizações das ferramentas que levam a Web para o Android. Melhorias de privacidade e melhor suporte para telas grandes no WebView, guias personalizadas parciais em guias personalizadas, instalação mais fácil e recursos integrados para PWA, gerenciamento de faturamento da Play Store para TWA e muito mais.

Saiba como facilitamos para os desenvolvedores a entrega de experiências avançadas aos usuários com as principais atualizações e lançamentos que compartilhamos no Google I/O 2023.

A equipe do Chrome DevTools está criando novos recursos para ajudar a encontrar problemas em formulários e depurar o preenchimento automático. Esses recursos estão no estágio inicial de design e implementação. Por isso, precisamos de testes e feedback.

Este artigo mostra uma visão geral das novidades do WebDriver BiDi em 2023.

Crie sua própria agenda e prepare-se para o Google I/O.

Aprenda a trabalhar com linhas do tempo de rolagem e de visualização para criar animações de rolagem de maneira declarativa.

O DevTools ativa Configurações &gt; Experimentos &gt; Depuração de WebAssembly: Ativar o suporte a DWARF por padrão. Para mais informações, consulte Como depurar o WebAssembly com ferramentas modernas. Esse experimento permite pausar a execução e

O Chrome 113 está sendo lançado. A WebGPU chegou, permite gráficos 3D de alto desempenho e computação paralela na Web, o DevTools agora pode substituir cabeçalhos de resposta de rede, conjuntos primários, parte do Sandbox de privacidade, que permite que as organizações declarem sites relacionados que estão começando a ser lançados e muito mais.

Os service workers são um manipulador de eventos central da extensão. Isso os torna diferentes dos service workers da Web.

balanceamento de título do CSS, CHIPS, evento de rolagem e pop-up.

Os service workers de extensão respondem a eventos de service worker padrão e a muitos eventos nas APIs de extensão.

Os service workers de extensão são instalados e atualizados de forma diferente dos Web service workers.

Um novo teste de origem do Chrome que permite que os desenvolvedores da Web controlem o desfoque do plano de fundo da câmera.

Os service workers de extensão respondem a eventos e eventos de service worker padrão nos namespaces da extensão. Eles são apresentados juntos porque muitas vezes um tipo segue o outro durante o uso de uma extensão.

O Chrome 113 inclui melhorias no codificador de software AV1 da equipe do Chrome Open Media.

A WebGPU é fornecida no Chrome com integração com WebCodecs na avaliação de origem.

Use o painel Recursos para desenvolvedores para verificar se os mapas de origem são carregados e carregá-los manualmente.

Use os mapas de origem no DevTools para depurar o código original em vez de implantá-lo.

Adapte a IU aos recursos de taxa de atualização da tela.

Saiba como aproveitar o serviço de guias personalizadas para melhorar a experiência do usuário.

Como medir o engajamento do usuário em guias personalizadas.

Como adicionar ações personalizadas a guias personalizadas.

Aprenda a usar guias personalizadas parciais para permitir que os usuários interajam com seu app enquanto visualizam conteúdo da Web.

Como iniciar uma guia personalizada no seu app Android.

Como fazer uma guia personalizada combinar com a aparência do seu app.

Os dispositivos móveis e as app stores mudaram a forma como os usuários descobrem, avaliam e instalam softwares. Os apps da Web agora oferecem uma plataforma para os desenvolvedores destacarem os próprios apps no momento da instalação.

Uma jornada pela evolução da automação de testes na Web.

Como gravar áudio ou vídeo em uma guia, janela ou tela.

Usar animações baseadas em camadas nas visualizações pode melhorar o desempenho e reduzir instabilidade, mas elas são bem difíceis de configurar. A AnimationBuilder podem reduzir consideravelmente a complexidade e melhorar a legibilidade das

Queremos seu feedback sobre uma solução proposta para o problema de métodos de layout organizando itens em uma ordem desconectada da origem do documento.

Para facilitar a realização de ações comuns, como excluir ou desativar pontos de interrupção, reformulamos a barra lateral dos pontos de interrupção para que você possa executá-los com um único clique.

Agora é possível substituir cabeçalhos de resposta no painel Rede. Antes, era necessário ter acesso ao servidor da Web para testar os cabeçalhos de resposta HTTP. Com as substituições de cabeçalho de resposta, é possível criar protótipos de correção

A equipe do Chrome fornece a WebGPU, que permite gráficos 3D de alto desempenho e computação paralela de dados na Web.

Novos recursos de mídia CSS, a função de easing linear() e WebGPU.

No Chrome 114, há menos tempo entre a ramificação de um lançamento e o lançamento para a versão estável.

O Chrome 112 já está sendo lançado. Agora, o CSS oferece suporte a regras de aninhamento, o algoritmo para definir o foco inicial nos elementos da caixa de diálogo foi atualizado, os gerenciadores de busca em ambiente autônomo nos service workers são ignorados de agora em diante para tornar as navegações mais rápidas e há muito mais.

Saiba como criar e depurar um worker de serviço de extensão.

Saiba como os mapas de origem podem ajudar a depurar o código original em vez de implantado.

A experiência de depuração foi melhorada no Chrome DevTools com a extensão de mapa de origem ignoreList.

Com o SQLite Wasm com suporte do sistema de arquivos particular de origem, há uma substituição versátil para a tecnologia de banco de dados Web SQL descontinuada. Este artigo é um guia para migrar seus dados do SQL da Web para o SQLite Wasm. A

Estamos melhorando as medidas de privacidade do Chrome em parceria com a Fastly para implementar o servidor de k-anonimato na API FLEDGE. Como os dados são redirecionados por um redirecionamento OHTTP nessa implementação, os servidores do Google não recebem os endereços IP dos usuários finais. O servidor de k-anonimato é um passo incremental na implementação completa do FLEDGE.

Queremos proteger a privacidade do usuário limitando o envio do cabeçalho X-request-With.

Aninhamento de CSS, animação-composição e um parâmetro de envio para o construtor FormData.

A API View Transition permite transições de página em apps de página única e, mais tarde, incluirá apps com várias páginas.

Um service worker permite que as extensões sejam executadas apenas quando necessário, economizando recursos.

A primeira das três seções descreve as mudanças necessárias para o código que não faz parte do service worker de extensão.

O Gravador oferece suporte a opções de repetição personalizadas que podem ser incorporadas ao DevTools com uma extensão. Teste a extensão de exemplo. Selecione a nova opção de repetição personalizada para abrir a interface de repetição personalizada.

O arquivo manifest.json requer um formato um pouco diferente para o Manifesto V3 e para o Manifesto V2.

A segunda de três seções descreve as mudanças necessárias para o código que não faz parte do service worker de extensão.

Uma referência rápida para fazer upgrade das suas extensões do Manifesto V2 para o Manifesto V3.

A última das três seções descreve as mudanças necessárias para o código que não faz parte do service worker de extensão.

Um dos nossos recursos favoritos de pré-processador de CSS agora está integrado à linguagem: regras de estilo de aninhamento.

O Chrome 111 está sendo lançado. Crie transições detalhadas no app de página única com a API View Transitions e melhore as cores com o suporte ao CSS de nível 4. Descubra novas ferramentas no painel de estilo para aproveitar ao máximo a nova funcionalidade de cores e muito mais.

O Showcase de APIs do Project Fugu é um conjunto de apps que usam APIs que fazem parte do Project Fugu. O projeto de recursos entre empresas (nome de código Project Fugu ) do Google tem o objetivo de permitir que os apps da Web façam tudo o que os

Usando a teoria do empurrão, conseguimos fazer com que os usuários parem de atirar no pé durante chamadas de videoconferência.

Uma nova API está chegando à plataforma da Web para ajudar a posicionar elementos de forma adaptativa e sem truques.

Esta postagem aborda dois desafios que a equipe do Chrome enfrentou na implementação dos CHIPS e como o feedback da comunidade desempenhou um papel fundamental na evolução do design da proposta.

Como a equipe do Chrome incentiva discussões mais profissionais, respeitosas e inclusivas.

Troque mensagens com apps nativos da sua extensão do Chrome.

Saiba como o Next.js, o Nuxt.js e outras bibliotecas ajudam a gerar CSS de fonte substituta sem CLS.

As consultas de estilo permitem que os desenvolvedores consultem os valores de estilo de um elemento pai usando a regra @container. No Chrome 111, as consultas de estilo para propriedades personalizadas do CSS são estáveis. Saiba como começar.

Use os painéis "Estilos e computação" para descobrir problemas de CSS com o DevTools.

Onde recorrer para receber ajuda com questões não abordadas pela documentação.

Referência da guia "Dispositivos".

Referência da guia "Locais".