Exemplos
Como o eBay melhorou as taxas de sucesso de login em 10% com o compartilhamento de credenciais integrado
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.
Chrome Web Store
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.
Acesse casos de uso incríveis com a API Picture-in-Picture de documentos
Descubra como o modo picture-in-picture dos Documentos Google melhorou a experiência de aprendizado on-line.
Novidades do Chrome 134
O Chrome 134 está sendo lançado agora! Ele inclui a funcionalidade de dispensa leve para caixas de diálogo e muito mais.
Cancelar a avaliação no Painel de controle do desenvolvedor da Chrome Web Store
Agora é possível interromper o processo de análise de um item pendente.
chrome.contentSettings
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
chrome.bookmarks
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
chrome.contentSettings
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
chrome.bookmarks
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
Inteligência artificial
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
Depurar o Gemini Nano
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.
Prepare-se para o Chrome no Android ocupar toda a tela
O Chrome no Android vai ocupar toda a tela a partir do Chrome 135.
Painel de privacidade e segurança
Use o painel "Privacidade e segurança" para inspecionar e controlar cookies de terceiros e verificar a proteção HTTPS.
Novidades do WebGPU (Chrome 134)
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.
Como a NRK usa animações de rolagem para dar vida às histórias
Saiba como as animações acionáveis e guiadas pelo rolagem aprimoram os artigos de narrativa
Popover = dica
Descubra o novo modo de pop-up que simplifica as dicas de ferramentas e outros elementos flutuantes.
chrome.app.runtime
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
chrome.printing
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
chrome.sessions
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
chrome.userScripts
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ê
chrome.printing
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
chrome.sessions
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
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
Novidades do Chrome 134 para as DevTools
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.
chrome.i18n
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
Renderização de texto melhorada em navegadores baseados em Chromium no Windows
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.
chrome.storage
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
chrome.storage
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
Subpartes de imagem da LCP e RTT agora disponíveis no CrUX
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.
Docs
Os exemplos de código, os guias e as referências de API necessários para o que você estiver criando.
Entrar no modo picture-in-picture automaticamente ao reproduzir mídia
O Chrome permite que apps da Web que reproduzem mídia entrem automaticamente no modo picture-in-picture.
chrome.enterprise.platformKeys
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
chrome.enterprise.platformKeys
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
Novidades do Chrome 133
O Chrome 133 está sendo lançado agora! Há alguns recursos CSS novos e muito mais para descobrir.
Modo de aplicativo com guias para PWAs
O modo de app com guias permite que os desenvolvedores de Progressive Web App adicionem uma interface de documento com guias aos PWAs independentes.
Melhore a experiência de navegação dos usuários com o histórico específico do app
Como usar o histórico específico do app no seu app Android
Melhorar a privacidade na Web para os usuários com guias personalizadas temporárias
Como usar as guias personalizadas temporárias no seu app Android
Melhore seu fluxo de login baseado na Web com a guia Auth para Android
Melhorar a autenticação baseada na Web com a guia Auth para Android
Aumente o engajamento do usuário com o histórico específico do app nas guias personalizadas do Chrome
Introdução do histórico específico do app para guias personalizadas do Chrome para Android
Simplifique a autenticação usando a guia "Autenticação"
Como usar a guia de autenticação especializada no seu app Android
chrome.runtime
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
chrome.permissions
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
chrome.permissions
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
Novidades das DevTools no Chrome 133
Histórico de chat persistente com IA, navegação melhorada, ignorar listagem e rastreamentos de pilha em Performance, novo painel "Novidades" e muito mais.
O que está acontecendo nas extensões do Chrome em janeiro de 2025
Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos que os desenvolvedores podem esperar.
Novidades da WebGPU (Chrome 133)
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.
- WebGPU
Práticas recomendadas para o gerenciamento de sessões com a API Prompt
Este guia apresenta as práticas recomendadas para o gerenciamento de sessões com a API Prompt.
Novidades do Chrome
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
Atualizações da política da Chrome Web Store: garantindo clareza e consistência para os desenvolvedores
Estamos anunciando uma série de atualizações de políticas para oferecer clareza e consistência em nossa plataforma.
Tradução com IA integrada
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.
Como os LLMs fazem streaming de respostas
Entenda o que é o streaming e como ele funciona com a IA e os LLMs.
Simplificar a detecção de recursos da WebAuthn para chaves de acesso
Descubra como detectar os recursos da WebAuthn com "getClientCapabilities()" e personalizar fluxos de trabalho de autenticação para seus usuários.
Práticas recomendadas para renderizar respostas de LLM transmitidas
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.
Congelamento na economia de energia
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.
As chaves de acesso no Gerenciador de senhas do Google agora estão disponíveis no iOS
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á.
scroll-state() do CSS
Como consultas de contêiner, mas para consultas travadas, fixadas e com transbordamento.
O CSS attr() recebe um upgrade
Agora é possível usar attr() com qualquer propriedade CSS, incluindo propriedades personalizadas, e analisar valores em tipos de dados diferentes de strings.
Como introduzimos o Gemini no Chrome DevTools
Conheça casos de uso divertidos e interessantes do novo painel de assistência de IA no DevTools
Novidades do Chrome 132
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.
CSS text-box-trim
Use o espaço acima e abaixo do conteúdo de texto para alcançar o equilíbrio óptico.
Chrome 132
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.
chrome.sockets.udp
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.
chrome.tabs
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
chrome.tabs
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
Vencedores do desafio de IA integrada
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.
O suporte à extensão do Web Vitals foi encerrado
A fusão da extensão do Web Vitals e das DevTools foi concluída, e o suporte à extensão foi encerrado.
Capturar um stream de vídeo de qualquer elemento
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.
chrome.ttsEngine
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
chrome.ttsEngine
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
chrome.cookies
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ê
chrome.cookies
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.
chrome.appviewTag
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
Novidades da WebGPU (Chrome 132)
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.
- WebGPU
Novidades das extensões do Chrome
Mudanças recentes na plataforma, na documentação e na política das extensões do Chrome
Apps
Tecnologia descontinuada para criar experiências com mais acesso ao sistema operacional subjacente.
Animador de fantoches
Uma biblioteca Node.js que fornece uma API de alto nível para controlar a versão headless do Chrome ou do Chromium
chrome.certificateProvider
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
chrome.extension
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
Desempenho
Otimize o desempenho dos seus aplicativos da Web com as ferramentas de desempenho do Chrome.
chrome.system.display
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
chrome.system.display
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
chrome.action
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
Suporte ao navegador
Uma visão geral dos recursos da Guia personalizada e da disponibilidade deles no navegador.
chrome.commands
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
Operação não suportada ao usar a depuração remota
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
ChromeOS
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
chrome.certificateProvider
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
chrome.extension
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
Falhas do ChromeDriver
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
Downloads
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
Registro de desempenho
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á
Compatibilidade com teclado
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
Android
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
Emulação de dispositivos móveis
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
Considerações sobre segurança
O ChromeDriver é uma ferramenta poderosa e pode causar danos quando está nas mãos erradas. Ao usar o ChromeDriver, siga estas sugestões:
O Chrome não inicia ou falha imediatamente
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
Canal Canary
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
Preenchimento automático em ação: insights do mundo real
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.
Resultados do formulário personalizável de solicitação de feedback do desenvolvedor
Agradecemos por compartilhar seu tempo com a gente, dar feedback, revisar detalhes e ajudar a moldar os padrões.
Comece a usar a IA integrada
Conheça os requisitos para começar a criar recursos e aplicativos com IA integrada.
Detecção de idioma com IA integrada
A API Language Detector oferece descoberta de idioma integrada na Web, no navegador.
Como usar a ferramenta de linha do tempo de alocação
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.
Evitar animações não compostas
Como ser aprovado na auditoria do Lighthouse "Evitar animações não compostas.
Gravar e analisar um trace de desempenho com as Ferramentas do desenvolvedor
Grave e analise um rastro de desempenho com as Ferramentas do desenvolvedor.
Terminologia de memória
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.
Novidades do Chrome 132 para as DevTools
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.
CSS Wrapped 2024
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.
Conferir e editar o armazenamento da extensão
Como visualizar e editar o armazenamento da extensão com o painel "Armazenamento da extensão".
chrome.bluetoothSocket
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
chrome.socket
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
chrome.browser
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
chrome.serial
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
chrome.syncFileSystem
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
chrome.mdns
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
chrome.bluetooth
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,
chrome.bluetoothLowEnergy
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 []
chrome.webviewTag
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
chrome.fontSettings
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
chrome.usb
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
Usar uma política HSTS forte
Saiba mais sobre como configurar uma política de HTTP Strict Transport Security (HSTS)
Descontinuação do painel "Insights de desempenho"
O painel experimental de insights de desempenho será removido em janeiro de 2025 e substituído por novos insights no painel "Performance".
chrome.desktopCapture
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.
chrome.declarativeContent
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
chrome.dns
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
chrome.system.storage
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
chrome.audio
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:
chrome.documentScan
Use a API chrome.documentScan para descobrir e recuperar imagens de scanners de documentos anexados.
chrome.contextMenus
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
chrome.alarms
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
Autofill
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
chrome.declarativeNetRequest
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,
chrome.devtools.panels
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 é
chrome.fileBrowserHandler
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
chrome.readingList
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
A acessibilidade de vídeo vence o prêmio da Competição de desenvolvedores da API Gemini na Web
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.
O que vem por aí para a WebGPU
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.
- WebGPU
Prepare sua extensão enquanto começamos a testar um novo menu de extensões
Como preparar sua extensão para o novo menu de extensões.
chrome.networking.onc
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
Participar do teste de origem da API Translation
Tradução de textos em tempo real no navegador usando modelos locais de IA. Agora, os usuários podem contribuir em seu primeiro idioma.
Fazer anotações nos rastros diretamente no painel "Performance"
Aprenda a tornar os rastros de desempenho mais compreensíveis com os novos recursos de anotação no DevTools
IA integrada
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.
API Signal para chaves de acesso no Chrome para computador
Apresentação da API Signal para chaves de acesso no Chrome para computador
Tradução do lado do cliente com IA
Descubra a API Translation para aprimorar o suporte ao cliente global.
Participar do teste de origem da API Prompt para extensões do Chrome
Participe do teste de origem da API Prompt para extensões do Chrome e acesse o Gemini Nano no Chrome.
Novidades do Chrome 131
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.
Participar do teste de origem da API Summarizer
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.
Mantenha as chaves de acesso consistentes com as credenciais no seu servidor com a API Signal
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.
Chrome 131
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.
Resumir com a IA integrada
Transforme artigos longos, documentos complexos ou até mesmo conversas de chat animadas em resumos concisos e perspicazes.
Manifesto - Sandbox
Aviso:a partir da versão 57, o Chrome não vai mais permitir conteúdo da Web externo (incluindo frames e scripts incorporados) em páginas em sandbox. Use uma webview. Define uma coleção de páginas de apps ou extensões que serão veiculadas em uma
Manifesto para áreas de armazenamento
Ao contrário das áreas de armazenamento local e sync, a área de armazenamento managed exige que a estrutura seja declarada como Esquema JSON e é validada estritamente pelo Chrome. Esse esquema precisa ser armazenado em um arquivo indicado pela
Manifesto - requisitos
Tecnologias exigidas pelo app ou pela extensão. Sites de hospedagem, como a Chrome Web Store, podem usar essa lista para impedir que os usuários instalem apps ou extensões que não funcionem no computador. Os requisitos com suporte atualmente incluem
Começar os testes de origem
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.
Corrigir problemas de memória
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.
Mais opções de estilo para <detalhes>
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.
Novidades da WebGPU (Chrome 131)
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.
- WebGPU
Visão geral do painel de memória
Tenha insights profundos sobre alocação de memória, investigue problemas de memória de baixo nível e gerencie a coleta de lixo.
Ajude seus usuários a fazer login com facilidade usando o compartilhamento de credenciais integrado
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.
Personalizar DevTools
Veja uma lista de maneiras de personalizar o Chrome DevTools: mudar tema, posicionamento, ordem do painel, idioma e muito mais.
Monitorar as métricas do Core Web Vitals em tempo real no painel "Performance"
Monitore as métricas do Core Web Vitals em tempo real no painel "Performance".
Reconhecer a escrita à mão dos usuários
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.
Adicionar conteúdo às margens das páginas da Web quando impresso usando CSS
Crie cabeçalhos e rodapés personalizados ao imprimir páginas da Web.
Novidades no DevTools, Chrome 131
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.
WebGPU: dicas de solução de problemas e correções
Saiba por que a WebGPU pode estar desativada ou não funcionando no navegador Chrome.
Como remover --headless=old do Chrome
O Chrome 132 não inclui mais o antigo modo headless. Migrar para chrome-headless-shell ou o novo modo headless.
Analisar o desempenho do ambiente de execução
Saiba como avaliar o desempenho do ambiente de execução no Chrome DevTools.
Novo selo de rolagem nas Ferramentas do desenvolvedor: encontre elementos roláveis com mais rapidez
Saiba como o novo selo de rolagem das Ferramentas do desenvolvedor simplifica a depuração de elementos roláveis e como ele foi criado.
Modo headless do Chrome
O modo headless do Chrome agora é mais útil para os desenvolvedores, aproximando-o do modo "headful" normal do Chrome.
Como ativar o bfcache para o Cache-Control: no-store
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.
5 coisas legais para fazer com a assistência de IA do DevTools
Conheça casos de uso divertidos e interessantes do novo painel de assistência de IA no DevTools
APIs de IA integradas
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.
Referência da API
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.
Assistência de IA para a estilização
Entenda como um site é estilizado com a ajuda da IA no DevTools.
Novidades no Chrome 130
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.
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!
Novidades da WebGPU (Chrome 130)
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.
- WebGPU
chrome.virtualKeyboard
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
chrome.clipboard
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
API Long Animation Frames
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
O que está acontecendo nas extensões do Chrome em outubro de 2024
Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos que os desenvolvedores podem esperar.
Cliente nativo
Um sandbox para executar código C e C++ compilado no navegador. O uso foi descontinuado.
A propriedade box-decoration-break no Chrome 130
O Chrome 130 inclui suporte total e sem prefixo para box-decoration-break.
Acesso à rede privada em espera
O lançamento do Acesso à rede privada (PNA, na sigla em inglês) está em espera.
Mudanças de herança para o estilo de seleção de CSS
Uma mudança na herança de destaque do CSS está chegando no Chrome 134.
A API Translation está disponível para pré-lançamento antecipado
A API Translation agora está disponível para participantes integrados do programa de pré-lançamento de IA.
A API de posicionamento de âncora do CSS
Posicione os elementos em relação uns aos outros usando a API de posicionamento de âncora.
Detectar previsões no Chrome DevTools: por que é difícil e como melhorar
Saiba como o depurador do DevTools prevê se uma exceção é detectada.
Participe do Desafio de IA integrada do Google Chrome
Estamos lançando o Desafio de IA integrada, em que convidamos você a repensar o que é possível com o Gemini Nano no Chrome.
Aprimoramento da experiência móvel no Painel de controle do desenvolvedor da Chrome Web Store
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
Pesquisa: encontre textos em todos os recursos carregados
Encontre texto em todos os recursos carregados com o painel Pesquisar.
Novidades do Chrome 130 para as DevTools
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.
Referência de recursos
Uma referência abrangente dos recursos do painel do Gravador do Chrome DevTools.
Cobertura: encontre JavaScript e CSS não utilizados
Como encontrar e analisar códigos JavaScript e CSS não utilizados no Chrome DevTools.
Visão geral do painel Origens
Veja e edite arquivos, crie snippets, depure o JavaScript e configure espaços de trabalho no painel Sources do Chrome DevTools.
Armazenamento em cache sem mistério: inspecionar, limpar e desativar caches
Inspecione e solucione problemas de cache com o DevTools.
Transições de visualização do mesmo documento para aplicativos de página única
Comece com transições de visualização do mesmo documento para usar em um aplicativo de página única.
A extensão das Métricas da Web, agora no DevTools
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.
Visão geral do console
Os principais usos do Console do Chrome DevTools são o registro de mensagens e a execução de JavaScript.
Identificação exclusiva de PWAs pela propriedade do ID do manifesto do app da Web
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.
Feedback necessário: como definir alvenaria CSS?
Comparação das duas especificações de alvenaria propostas.
Monitorar a performance local e de Core Web Vitals para usuários reais nas DevTools
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.
Novidades do Chrome 129
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.
Novidades da WebGPU (Chrome“129)
Suporte a HDR com modo de mapeamento de tons de tela, suporte a subgrupos expandidos e muito mais.
- WebGPU
Painel de desempenho: analise o desempenho do seu site
Analise o desempenho de carga e de tempo de execução do seu site
Animar para altura: automático; (e outras palavras-chave de dimensionamento intrínseco) no CSS
Animar entre palavras-chave de dimensionamento intrínseco e a partir delas com `interpolate-size` e `calc-size()`
Experimento do Chrome: compartilhamento de processos
O experimento de compartilhamento de processos e o impacto dele na experiência do desenvolvedor com as Chrome DevTools.
Atualizações de Bluetooth RFCOMM na Web Serial
Aprenda a detectar quando uma porta serial RFCOMM Bluetooth está disponível com a Web Serial.
Pedido de feedback de desenvolvedor: seleção personalizável
Uma prévia do novo recurso de seleção personalizável.
Congelar a tela e inspecionar elementos que desaparecem
Congele elementos no DOM para que você possa inspecionar com o DevTools.
As APIs Keyboard Lock e Pointer Lock exigem a permissão do Chrome 131.
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
Picture-in-picture para qualquer elemento, não apenas <video>
Mostre conteúdo HTML arbitrário em uma janela sempre ativada.
Manifesto – módulos Nacl
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
externally_connectable
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
Manifesto - ícones
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
Versão do manifesto
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
Memory Inspector: inspecionar ArrayBuffer, TypedArray, DataView e Wasm Memory.
Use o Inspetor de memória para inspecionar apps ArrayBuffer, TypedArray ou DataView no JavaScript, bem como em WebAssembly.Memory de apps C++ Wasm.
Alterações: acompanhe suas alterações de HTML, CSS e JavaScript
Acompanhar alterações em HTML, CSS e JavaScript.
Executar comandos no menu de comando
Um guia sobre como abrir o menu de comando, executar comandos, abrir arquivos, ver outras ações e muito mais.
Apresentação do teste de origem da API Digital Credentials
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.
Permita o compartilhamento contínuo de credenciais entre sites no Chrome
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 na sintaxe do posicionamento de âncoras
Mudanças relacionadas à API de posicionamento de âncoras que você precisa conhecer.
Novidades no DevTools, Chrome 129
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.
Plataforma da Web
Saiba como o Chrome funciona, participe de testes de origem e crie com o Chrome em qualquer lugar.
Introdução de dicas, solicitações de origem relacionadas e serialização JSON para WebAuthn no Chrome
O WebAuthn no Chrome agora pode usar dicas, solicitações de origem relacionadas e serialização JSON
chrome.privacy
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
chrome.wallpaper
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
chrome.system.storage
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
chrome.scripting
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
chrome.input.ime
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
chrome.webAuthenticationProxy
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
chrome.power
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
chrome.enterprise.hardwarePlatform
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
chrome.topSites
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
chrome.types
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
chrome.vpnProvider
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
chrome.enterprise.deviceAttributes
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
chrome.tabCapture
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
chrome.systemLog
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
chrome.enterprise.networkingAttributes
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
chrome.system.memory
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:
chrome.proxy
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
chrome.devtools.performance
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
chrome.processes
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
chrome.devtools.recorder
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
chrome.system.cpu
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",
chrome.devtools.network
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
chrome.devtools.inspectedWindow
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
chrome.webNavigation
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.
chrome.search
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
chrome.tabGroups
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
chrome.tts
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
chrome.printerProvider
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
chrome.printingMetrics
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
Recursos e ChromeOptions
Os recursos são opções que você pode usar para personalizar e configurar uma sessão do ChromeDriver.
API de detecção de idioma disponível para pré-lançamento antecipado
Os participantes do EPP agora podem criar protótipos com uma API de detecção de idioma no Google Chrome.
chrome.webRequest
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
chrome.sidePanel
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
chrome.omnibox
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
chrome.pageAction
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
chrome.windows
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
chrome.i18n
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
chrome.browserAction
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
chrome.webRequest
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
chrome.fileBrowserHandler
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
chrome.devtools.panels
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
Formato do arquivo de manifesto
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
chrome.system.cpu
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",
chrome.enterprise.networkingAttributes
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
chrome.gcm
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
chrome.loginState
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 é
chrome.fontSettings
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
chrome.instanceID
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
chrome.input.ime
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
chrome.printingMetrics
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
chrome.history
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
chrome.platformKeys
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:
chrome.devtools.inspectedWindow
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
chrome.identity
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.
chrome.processes
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
chrome.enterprise.hardwarePlatform
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
chrome.devtools.recorder
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
chrome.tts
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
chrome.dom
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
chrome.tabCapture
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
chrome.webNavigation
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
chrome.management
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,
chrome.topSites
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
chrome.search
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
chrome.idle
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,
chrome.wallpaper
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
chrome.enterprise.deviceAttributes
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
chrome.types
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
chrome.privacy
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
chrome.windows
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
chrome.pageCapture
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
chrome.systemLog
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
chrome.fileSystemProvider
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
chrome.power
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
chrome.notifications
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
chrome.devtools.network
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
chrome.vpnProvider
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
chrome.proxy
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
chrome.downloads
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
chrome.printerProvider
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
chrome.events
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
chrome.events
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
chrome.offscreen
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
chrome.idle
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
chrome.pageCapture
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
chrome.fileSystemProvider
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
chrome.dom
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
chrome.management
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(),
chrome.debugger
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
chrome.downloads
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
chrome.omnibox
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
chrome.history
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
chrome.notifications
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
chrome.gcm
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
chrome.instanceID
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
chrome.loginState
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 é
chrome.platformKeys
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:
chrome.identity
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.
chrome.sockets.tcp
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.
chrome.hid
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
chrome.sockets.tcpServer
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
chrome.system.network
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
chrome.app.window
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
chrome.fileSystem
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
chrome.mediaGalleries
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.
Introdução ao ChromeDriver
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
Extensões do Chrome
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
Chrome 129 Beta
Confira uma prévia da próxima versão do Chrome com esta postagem que detalha os recursos na versão Beta atual.
Personalize seus dados de desempenho com a API de extensibilidade
Personalizar dados de desempenho com a API de extensibilidade
chrome.browsingData
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
chrome.system.memory
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:
chrome.desktopCapture
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
chrome.dns
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
chrome.documentScan
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
chrome.declarativeWebRequest
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
Referência da API
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.
Teste de origem da API File System Observer
A equipe do Chrome está testando uma nova API File System Observer que informa os desenvolvedores sobre as mudanças no sistema de arquivos.
Chrome 128
O Chrome 128 será lançado em 20 de agosto de 2024, com a propriedade ruby-align do CSS, promise.try, e muito mais.
Novidades no Chrome 128
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.
Melhorar o desempenho da acessibilidade do Chromium
Uma postagem de Ahmed Elwasefi, que conta como ele se tornou um colaborador do Chromium pelo Google Summer of Code.
Novidades da WebGPU (Chrome \n128)
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.
- WebGPU
Mídia: visualizar e depurar informações dos players de mídia
Use o Media Panel para visualizar informações e depurar os players de mídia por guia do navegador.
chrome.alarms
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
chrome.contextMenus
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
chrome.audio
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
chrome.commands
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
chrome.debugger
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
chrome.declarativeContent
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
chrome.declarativeNetRequest
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
chrome.browsingData
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
Geração de registros
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
API File System Access: simplificação do acesso a arquivos locais
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.
API de resumo disponível para pré-lançamento
Os participantes do EPP agora podem criar protótipos com a API de resumo para Gemini Nano no Chrome.
Eventos de ajuste de rolagem
Introdução de dois novos eventos JavaScript: scrollSnapChange e rollingSnapChange.
Experimento com a medição de navegações suaves
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.
Quatro maneiras de fazer capturas de tela com o DevTools
Descubra quatro maneiras únicas de fazer capturas de tela com o DevTools.
Novidades no DevTools, Chrome 128
Os insights do console são publicados na Europa, faixas de rede e API aprimoradas para personalizar faixas no painel "Desempenho" e muito mais.
WebDriver BiDi pronto para produção no Firefox, Google Chrome e Puppeteer
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.
Atualizações da UX de chaves de acesso no Chrome para Android
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.
Participe do experimento de IA integrada do Chrome
Atualização sobre a IA integrada, a API Prompt e os planos de IA do Chrome.
Nomes CSS definidos pelo autor e shadow DOM: na especificação e na prática
Explicação do status atual de interoperabilidade dos nomes definidos pelo autor usados no shadow DOM do CSS.
Além das expressões regulares: melhoria da análise de valores CSS no Chrome DevTools
Saiba como a equipe do DevTools melhorou a forma como os estilos são apresentados na guia Styles.
Automação com WebDriver BiDi agora disponível no BrowserStack
O BrowserStack é compatível com o WebDriver BiDi: aprimore seus testes do Selenium Grid com automação orientada a eventos.
Carregamentos de página mais rápidos usando o tempo de reflexão do servidor com dicas iniciais
Descubra como o servidor pode enviar dicas ao navegador sobre sub-recursos críticos.
API CrUX History
Aprenda a consultar os seis meses anteriores de tendências históricas do CrUX usando a API CrUX History.
Linhas <rubi> quebráveis; e a propriedade ruby-align do CSS
Elemento ruby quebrável de linha e propriedade ruby-align de CSS
Manifesto - Versão
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
Manifesto – localidade padrã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
Manifesto - Off-line ativado
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
Manifesto – versão mínima do Chrome
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.
streams-de-caixa de trabalho
RouteHandlerCallbackOptions StreamSource | Promessa< StreamSource > Resposta ReadableStream BodyInit Aceita várias promessas de origem, cada uma delas resolvida em uma Response, um ReadableStream ou um BodyInit. Retorna um objeto que expõe um
Manifesto – descrição
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
Manifesto - chave
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
Manifesto - nome e nome curto
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
Recursos da Web desativados
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
Chrome 128 Beta
Confira uma prévia da próxima versão do Chrome com esta postagem que detalha os recursos na versão Beta atual.
O que há de novo na WebGPU (Chrome 127)
Suporte experimental para OpenGL ES no Android, atributo de informações do GPUAdapter, melhorias de interoperabilidade com o WebAssembly e muito mais.
- WebGPU
Novidades no Chrome 127
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.
Como o Chrome ajuda os usuários a instalar os apps que eles valorizam
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
Chrome 127
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.
Solicitação de feedback do desenvolvedor sobre o fluxo de leitura e elementos com exibição: conteúdo
Ajude a garantir que o fluxo de leitura atenda às suas necessidades.
Referência de recursos de rede
Uma referência abrangente dos recursos do painel "Rede" do Chrome DevTools.
Equívocos sobre as transições de visualização
Com cada vez mais pessoas começando a usar a API View Transition, é hora de desmascarar alguns equívocos.
Extensões do Chrome: atualizações importantes nas políticas
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.
O que está acontecendo nas extensões do Chrome?
Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.
Novidades no DevTools, Chrome 127
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.
Modo de inspeção: analisar rapidamente as propriedades do elemento
Inspecionar elementos no seu app da Web
Referência dos recursos de desempenho
Uma referência sobre todas as formas de gravar e analisar o desempenho no Chrome DevTools.
A API Long Animation Frame foi enviada
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.
Como adicionar Tipos confiáveis ao YouTube
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.
Evite um DOM com um tamanho grande demais
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.
Pré-renderizar páginas no Chrome para navegação instantânea
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á.
Por trás da Chrome Web Store: como pedir confiança e segurança para suas perguntas
Conversamos com a equipe que lidera a análise na Chrome Web Store.
Desempenho máximo do IndexedDB com buckets de armazenamento
A equipe do Chrome fez várias melhorias relacionadas ao desempenho da implementação do IndexedDB (IDB).
Armazenar modelos de IA em cache no navegador
Para acelerar os lançamentos futuros dos seus aplicativos com tecnologia de IA, armazene explicitamente os dados do modelo no dispositivo em cache.
Novidades da WebGPU (Chrome 126)
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.
- WebGPU
Um teste de origem para um novo elemento HTML <permissão>
A equipe do Chrome está testando um novo elemento HTML declarativo de <permissão> para solicitar ao usuário acesso a recursos avançados.
Novidades no Chrome 126
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.
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.
As novidades sobre CSS e interface da Web: recapitulação do I/O 2024
Leia todos os avisos sobre CSS e interface da Web no Google I/O 2024.
Como descontinuar o evento de descarregamento
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
Monitor de protocolo: visualizar e enviar solicitações de CDP
Monitorar solicitações e respostas de CDP.
Três novos recursos para personalizar fluxos de trabalho de desempenho no DevTools
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 a etapa de recalcular eventos de estilo
Analisar o desempenho do seletor de CSS durante os eventos de recalcular estilo.
Pular a revisão para alterações qualificadas em extensões
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.
Não tem uma tag com largura ou escala inicial
Saiba mais sobre a auditoria do Lighthouse "Não há uma tag com largura ou escala inicial.
Condições de rede: substituir a string do user agent
Aprenda a emular outros navegadores com o painel "Condições de rede".
Novidades do DevTools e do Chrome 126
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.
Extensões do Chrome no Google I/O 2024
Outro Google I/O chegou e já abordamos todas as atualizações incríveis de extensões.
Depurar regras de especulação com o Chrome DevTools
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.
Chrome 126 Beta
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.
Melhorias com o WebAssembly e a WebGPU para uma IA da Web mais rápida, parte 2
Parte 2/2. Saiba como as melhorias do WebAssembly e da WebGPU melhoram o desempenho do machine learning na Web.
O que há de novo nas transições de visualização? (atualização do Google I/O 2024)
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.
Avaliar avaliações de produtos com IA
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.
Encerramento do I/O 2024 sobre IA da Web: novos modelos, ferramentas e APIs para seu próximo app da Web
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.
- WebGPU
Novidades nos frameworks do JavaScript (maio de 2024)
Este documento oferece breves destaques dos acontecimentos recentes no ecossistema de frameworks JavaScript.
Melhorias na WebAssembly e na WebGPU para oferecer uma IA da Web mais rápida, parte 1
Parte 1/2. Saiba como as melhorias do WebAssembly e da WebGPU melhoram o desempenho do machine learning na Web.
Estimule avaliações úteis do produto com a IA da Web do lado do cliente
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.
Introdução ao suporte à UIA no Windows
No Chrome 126, há suporte para o framework de automação da interface do Windows.
Compatibilidade com SVG para a API Async Clipboard
A API Async Clipboard agora pode lidar com imagens SVG.
Novidades no Chrome 125
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.
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.
Dicas do DevTools: substituir e simular respostas de rede
Saiba como substituir e simular respostas de rede com o DevTools.
10 atualizações do Google I/O 2024: como aproveitar o poder da IA para todos os desenvolvedores da Web
Descubra recursos incríveis da palestra e das sessões para desenvolvedores do Google I/O.
Quando escolher a IA do lado do cliente
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.
Substituir o conteúdo da Web e os cabeçalhos de resposta HTTP localmente
Use substituições locais para simular recursos remotos e mantenha as mudanças feitas no DevTools nos carregamentos de página.
Como o Spotify usou a API Picture-in-Picture para criar o miniplayer do Spotify
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 com os insights do console
Entenda melhor os erros e avisos no Console com o Gemini.
Apresentação da API de posicionamento de âncoras CSS
Posicione elementos em relação um ao outro usando a nova API de posicionamento de âncoras.
Ferramentas do Chrome para testes automatizados e sem atrito
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.
Implemente testes na sua empresa com o Chrome
Saiba como superar desafios com testes em ambientes corporativos
Novidades do DevTools e do Chrome 125
Causas de erros no console, estatísticas do seletor de CSS em "Desempenho", cabeçalhos "Dicas iniciais" na rede e muito mais.
Por que os recursos de CSS e interface são importantes para seu site de e-commerce?
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.
Novidades da WebGPU (Chrome 125)
Subgrupos em desenvolvimento e renderizados em uma fatia de textura 3D.
- WebGPU
Estudos de caso de animações com rolagem
Descubra os benefícios das animações de rolagem com Policybazaar, redBus e Tokopedia.
Ver estudos de caso de transições
redBus, Policybazaar e Tokopedia usam a API View Transition e se beneficiam do melhor desempenho e uma interface suave.
Estudos de caso de consultas de contêiner
Saiba mais sobre os benefícios das consultas de contêiner da redBus e da Tokopedia.
Apresentamos o recurso "Descubra o poder das animações orientadas por rolagem"
Um curso em vídeo com 10 partes para aprender tudo sobre animações de rolagem
Uma proposta alternativa para alvenaria do CSS
Uma proposta para definir alvenaria e grade em especificações diferentes.
Visão geral da WebGPU
A WebGPU permite gráficos 3D de alto desempenho e computação paralela de dados na Web.
- WebGPU
Manifesto – versão mínima do Chrome
Documentação de referência para a propriedademinimum_chrome_version do manifesto.json.
Estudos de caso da Popover
A Tokopedia usa a API Popover para reduzir a quantidade de código no aplicativo.
O teste de descontinuação do acesso à rede privada (PNA, na sigla em inglês) para contextos não seguros está terminando. Implemente o prompt de permissão do PNA
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.
Rolar e aplicar zoom em uma guia capturada
A API Captured Surface Control permite que os apps da Web rolem e aumentem o zoom em guias capturadas.
Manifesto - tokens de teste
Documentação de referência para a propriedade trial_tokens do manifest.json.
WebAudio: visualizar métricas da API WebAudio
Conferir as métricas da API WebAudio no painel WebAudio
Chrome 125 Beta
Posicionamento de âncora no CSS, funções em etapas do CSS, API Compute Pressure e muito mais.
Não fornece um ícone de toque da Apple válido
Saiba como especificar qual ícone o Progressive Web App exibe nas telas iniciais do iOS.
O manifesto do app da Web não atende aos requisitos de instalação
Saiba como tornar seu Progressive Web App instalável.
Não está configurado para uma tela de apresentação personalizada
Aprenda a criar uma tela de apresentação personalizada para seu Progressive Web App.
Não redireciona o tráfego HTTP para HTTPS
Saiba como tornar seu site mais seguro redirecionando todas as páginas para HTTPS.
Cada página tem um URL.
Saiba mais sobre a auditoria do Lighthouse: cada página tem uma auditoria de URL.
Não define uma cor de tema para a barra de endereço.
Saiba como definir uma cor de tema para a barra de endereço do seu Progressive Web App.
Novidades no Chrome 124
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.
Não registra um service worker que controla a página e o start_url
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 acesso a dispositivos MIDI agora exige permissão do usuário
O Chrome agora protege toda a API Web MIDI por trás de uma solicitação de permissão.
O que está acontecendo nas extensões do Chrome?
Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.
Preenchimento automático: inspecionar e depurar endereços salvos
Inspecione e depure endereços salvos no Chrome com o painel de preenchimento automático.
O conteúdo não está no tamanho correto para a janela de visualização
Aprenda a redimensionar o conteúdo da sua página da Web para que caiba em telas de dispositivos móveis.
O start_url não responde com um código 200 quando off-line.
Saiba como configurar o start_url do Progressive Web App para que seu app possa ser acessado off-line.
O carregamento de página não é rápido o suficiente em redes móveis
Saiba como fazer sua página da Web carregar rapidamente em redes móveis.
As transições de página não parecem ser bloqueadas na rede
Aprenda a fazer com que as transições entre páginas da Web pareçam responsivas, mesmo em uma rede lenta.
Teste de origem para APIs dobráveis
As APIs Foldable são duas APIs do Chrome projetadas para ajudar os desenvolvedores a desenvolver dispositivos dobráveis.
O manifesto não tem um ícone mascarável
Aprenda a adicionar compatibilidade com ícones mascaráveis ao PWA.
Não fornece conteúdo substituto quando o JavaScript não está disponível
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.
Animações: inspecionar e modificar efeitos de animação CSS
Inspecione e modifique animações com o painel "Animações".
O site funciona em vários navegadores
Aprenda a usar o Workbox para garantir que sua página da Web funcione em vários navegadores.
Chrome 124
O Chrome 124 será lançado em 16 de abril de 2024 com setHTMLUnsafe, transmissões em WebSockets e muito mais.
A página atual não responde com um código 200 quando off-line
Saiba como fazer seu Progressive Web App funcionar off-line.
Transições suaves com a API View Transition
A API View Transition permite adicionar transições entre visualizações de um site.
Transições de visualização entre documentos para aplicativos com várias páginas
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).
Divertido e potente: introdução ao Chrome DevTools
Descubra como o DevTools pode melhorar o desenvolvimento de aplicativos da Web.
Tipos de navegação agora disponíveis no CrUX
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.
Reversões de versão no Painel de controle do desenvolvedor da Chrome Web Store
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
Novidades da WebGPU (Chrome 124)
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.
- WebGPU
Como ver os dados do Chrome UX Report no PageSpeed Insights
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.
Garantir que o texto permaneça visível durante o carregamento da webfont
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.
Novidades do DevTools e do Chrome 124
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.
Adeus, JS Profiler, criação de perfil de CPU com o painel Performance
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.
API de cache de avanço e retorno notRestoredReasons
Informe se os frames presentes no documento foram impedidos de usar o cache de avanço e retorno na navegação.
Criar perfil do desempenho do Node.js com o painel de desempenho
Saiba como criar o perfil do desempenho de aplicativos Node.js com o painel "Desempenho".
WebAssembly JavaScript Promise Integration (JSPI) entra no teste de origem
A JavaScript Promise Integration (JSPI) é uma API que permite o código sequencial síncrono compilado para WebAssembly para acessar APIs Web assíncronas.
Solicitações de rede: teste seu site bloqueando solicitações de rede
Teste como seu site lida com recursos ausentes.
Teste de origem da API fetchLater
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.
Chrome 124 Beta
O atributo HTML de sugestões de escrita, a API WebSocketStream, o cabeçalho de solicitação HTTP de prioridade e muito mais.
Rolagens focalizáveis do teclado
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.
Novidades no Chrome 123
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.
Acesso à rede particular: proteção estendida para Web workers e buscas de navegação
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.
Usar a API Service Worker Static Routing para ignorar o service worker em caminhos específicos
Descubra como usar essa nova API, disponível a partir do Chrome 123.
Ferramentas de performance em 2024 e além
Saiba mais sobre os planos da equipe do Chrome para melhorar o painel de desempenho do DevTools.
Ocultar solicitações de extensão e mais melhorias no painel "Rede"
Conheça as melhorias mais recentes no painel "Network" do Chrome DevTools, projetadas para simplificar sua experiência de depuração da Web.
Pausar o código com pontos de interrupção
Saiba mais sobre todas as maneiras de pausar seu código no Chrome DevTools.
Novidades da WebGPU (Chrome 123)
Suporte a funções integradas do DP4a, parâmetros de ponteiro irrestritos, açúcar de sintaxe para desreferenciar compostos em WGSL e muito mais.
- WebGPU
Aplique outros efeitos: ative o tema escuro automático, emule o foco e muito mais
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.
Referência de recursos CSS
Descubra novos fluxos de trabalho para visualização e alteração de CSS no Chrome DevTools.
Aumente a eficiência da compactação com dicionários compartilhados
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.
Fazer o download do antigo Headless Chrome como chrome-headless-shell
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.
Visão geral do painel do aplicativo
Obtenha informações vitais sobre seu aplicativo da web diretamente do navegador.
Melhorias na API Speculation Rules
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.
Tornar sua extensão acessível
Para muitos usuários, acessibilidade é literalmente a interface do usuário e seus recursos são úteis para muitas outras.
Novidades no DevTools (Chrome 123)
Um easter egg, emulação de página focada em elementos > Estilos, nova auditoria do Lighthouse e muito mais.
Extensões do Chrome: a jornada da Eo' para testar a suspensão do service worker
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.
Um pacote Next.js para gerenciar bibliotecas de terceiros
Saiba como usar a biblioteca @next/third-parties para otimizar o carregamento de recursos de terceiros conhecidos
Suporte a alinhamento de conteúdo em layouts de blocos e tabelas
No Chrome 123, use align-content para alinhar itens sem criar um contêiner flexível ou de grade.
Chrome 123 Beta
A função CSS light-dark(), alinhamento de conteúdo para blocos, propriedade de dimensionamento de campo e evento pagereveal.
Simular dispositivos móveis com o modo dispositivo
Use dispositivos virtuais no modo de dispositivo do Chrome para criar sites mobile-first.
Novidades no Chrome 122
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.
Alterações na herança ::backdrop do CSS
A partir do Chrome 122, o elemento "::backdrop" herda propriedades do elemento de origem.
Configurar ícones de extensão
Uma extensão precisa de pelo menos um ícone para representá-la na barra de ferramentas.
Painel de desempenho 400% mais rápido com a perf-ception
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.
Usar WebUSB
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.
Usar WebHID
A API WebHID, que expõe dispositivos compatíveis com interface humana (HID) à Web, está disponível nas extensões.
Novidades da WebGPU (Chrome 122)
Modo de compatibilidade em desenvolvimento, aumentar o limite maxVertexAttributes e atualizações da Dawn.
- WebGPU
Manifesto - Política de Segurança de Conteúdo
Documentação de referência sobre as propriedades da política de segurança de conteúdo do manifest.json.
Gravar snapshots de heap
Aprenda a gravar snapshots de heap com o criador de perfil de alocação heap e encontrar vazamentos de memória.
Dimensionamento de campos do CSS
Uma linha de código para elementos com dimensionamento automático e conteúdo editável.
chrome.runtime
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
Declarar permissões
Uma visão geral dos valores válidos da propriedade de permissões no manifest.json.
Apresentamos uma nova maneira de criar experiências personalizadas de edição da Web usando a API EditContext
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.
Novidades no DevTools (Chrome 122)
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.
Dicas do DevTools: depuração das navegações especulativas para carregamentos de página mais rápidos
Torne a navegação na Web mais rápida com carregamentos especulativos e aprenda a depurá-los.
O teste de descontinuação do recurso SharedArrayBuffer no Chrome para computadores foi estendido para o Chrome 124
O teste de descontinuação do SharedArrayBuffer sem isolamento de origem cruzada no Chrome para computadores foi estendido até o Chrome 124.
Chrome 122 Beta
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.
Novidades no Chrome 121
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.
O que está acontecendo nas extensões do Chrome?
Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.
Novidades da WebGPU (Chrome{/121)
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.
- WebGPU
Acessar o DOM com segurança usando a SSR do Angular
Saiba como usar o DOM com segurança com a SSR no Angular
Testar o Web Bluetooth com o Puppeteer
Use o Puppeteer para testar recursos que usam a API Web Bluetooth no Chrome.
Estilo da barra de rolagem
Use as propriedades `scrollbar-width` e `scrollbar-color` para estilizar as barras de rolagem.
Testes de modelos de IA da Web no Google Colab
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.
- WebGPU
Usar o Firebase Cloud Messaging (FCM) com chrome.gcm
Guia explicativo sobre como usar o Firebase Messaging com o chrome.gcm
Turbine os testes do modelo de IA da Web: WebGPU, WebGL e Headless Chrome
Descubra nossas soluções para automatizar consistentemente o teste do navegador e melhorar o desempenho do aplicativo.
- WebGPU
Modo de escrita vertical do CSS para elementos de controle de formulário
O Chrome adiciona outro recurso internacional de CSS.
Permissões persistentes para a API File System Access
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.
Inspecionar e depurar cores em alta definição e não HD com o seletor de cores
Saiba como usar o seletor de cores em elementos > Estilos para inspecionar e depurar cores em alta definição e não HD.
CSS text-wrap: balance
Uma técnica de tipografia clássica de quebras de linha de autoria manual para blocos de texto equilibrados chega ao CSS.
Extensões de escopo de apps da Web
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.
Aproveite o poder do WebDriver BiDi: automação do Chrome e do Firefox com o Puppeteer
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.
Criar um menu de contexto
Implemente um pop-up, que é uma janela que permite que os usuários invoquem recursos de extensão.
Lidar com violações de código hospedados remotamente
Um service worker permite que as extensões sejam executadas apenas quando necessário, economizando recursos.
Adicionar um pop-up
Implemente um pop-up, que é uma janela que permite que os usuários invoquem recursos de extensão.
Qual o desempenho de estruturas modernas com a nova métrica INP
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.
Intents do Android com o Chrome
Iniciar apps diretamente de uma página da Web com uma intent do Android.
Google Chrome no 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
O Chrome ativa o modo área de trabalho por padrão em tablets premium
O Chrome se adaptou ao ecossistema de tablets Android ativando o modo área de trabalho por padrão em tablets premium.
Novidades no DevTools (Chrome 121)
Suporte a @font-palette-values em elementos, suporte aprimorado ao mapa de origem, desempenho aprimorado > faixa de interações e muito mais.
Compartilhamento de guias aprimorado com a captura de região
A plataforma da Web agora vem com Region Capture, uma maneira eficiente e robusta de recortar uma faixa de vídeo.
Novidades da WebGPU (Chrome{/120)
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.
- WebGPU
Resumo do CSS: 2023
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.
Acessar servidores locais e instâncias do Chrome com o encaminhamento de portas
Hospede um site em um servidor da Web da máquina de desenvolvimento e acesse o conteúdo com um dispositivo Android.
Teste de origem da solicitação da permissão de acesso à rede privada: um caminho para migrar sites com HTTPS
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).
Como o Chrome DevTools ajuda na defesa contra ataques auto-XSS.
Saiba como o Chrome DevTools mitiga os ataques auto-XSS bloqueando a colagem de código para usuários sem experiência.
Dicas do DevTools: como depurar o bfcache
Aprenda a depurar o bfcache e a carregar a página instantaneamente.
Revisão dos critérios de instalação do Chrome
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.
Ver, adicionar, editar e excluir cookies
Saiba como acessar, adicionar, editar e excluir cookies HTTP de uma página usando o Chrome DevTools.
Novidades no Chrome 120
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.
Apresentamos quatro novos recursos internacionais no CSS
O Chrome está adicionando quatro novos recursos internacionais de CSS.
API Page Lifecycle
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.
HTML não corrigido na API Async Clipboard
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.
Picture-in-picture automático para apps da Web de videoconferência
O Chrome permite que apps da Web de videoconferência entrem no modo picture-in-picture automaticamente.
Como retomar a transição para o Manifesto V3
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
Novidades na diretiva NgOptimizedImage do Angular
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.
Melhorias na filtragem de conteúdo no Manifesto V3
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
Teste de origem da API Service Worker Static Routing
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.
Atualização de sintaxe flexível de aninhamento de CSS
Aninhamento de antecedência ativado no Chrome 120.
Novidades do DevTools (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.
Captura do ecossistema WebGPU
Saiba como o ecossistema WebGPU se estende além dos realms JavaScript, C++ e Rust.
- WebGPU
Uma mudança no modo de durabilidade padrão no IndexedDB
O modo de durabilidade no IndexedDB está mudando de estrito para relaxado no Chrome 121.
Novidades do Chrome 120 para extensões
Um resumo das mudanças importantes no Chrome 120 para desenvolvedores de extensões do Chrome.
Gerenciamento de arquivos no Chrome OS
Como abrir arquivos nos service workers, pop-ups, painéis laterais ou scripts de conteúdo da extensão do Chrome.
Chrome 120 Beta
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.
A coleta de lixo do WebAssembly (WasmGC) agora está ativada por padrão no Chrome
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.
Novidades no Chrome 119
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.
Novidades da WebGPU (Chrome 119)
Texturas flutuantes de 32 bits filtráveis, formato de vértice unorm10-10-10-2, formato de textura rgb10a2uint e muito mais.
- WebGPU
Quebra de texto CSS: bastante
Ative o ajuste de texto otimizado para maior beleza acima da velocidade.
Selecionar elemento: agora com réguas horizontais
Saiba como os recursos de seleção expandida de elementos permitem quebras horizontais visuais para melhorar o agrupamento.
O que está acontecendo nas extensões do Chrome?
Uma visão geral das mudanças recentes nas extensões do Chrome, além de novos recursos interessantes que os desenvolvedores podem esperar.
Migração do Issue Tracker do Chromium
O monitoramento de problemas do Chromium vai migrar para uma ferramenta com a tecnologia do Issue Tracker do Google em janeiro de 2024.
Descontinuação da API Sanitizer
A implementação atual da API Sanitizer foi descontinuada no Chrome 119 para acompanhar as futuras atualizações da especificação.
Testar extensões do Chrome com o Puppeteer
Como escrever um teste automatizado para extensões do Chrome usando o Puppeteer.
Novidades do DevTools (Chrome 119)
Seção @property aprimorada em Estilos, lista de dispositivos atualizada, estilo de formatação aprimorado em fontes e preenchimento automático no console.
Novidades no Chrome 118
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.
Novo teste de origem para janelas pop-up de tela cheia
Existe agora um novo teste de origem disponível para abrir janelas pop-up no modo de tela cheia com apenas uma etapa.
Melhorias na API para trabalhar com arquivos no navegador
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
Chrome 119 Beta
O Chrome 119 Beta oferece a sintaxe de cores relativa do CSS, novas pseudoclasses e muito mais.
Limitar o alcance dos seletores com o CSS @scope at-rule
Saiba como usar @scope para selecionar elementos apenas em uma subárvore limitada do seu DOM.
Dicas do DevTools: depurar extensões do Chrome
Aprenda a usar o DevTools para depurar extensões do Chrome.
Novidades da WebGPU (Chrome 118)
Suporte estendido de origem para copyExternalImageToTexture, suporte experimental para textura de armazenamento de leitura/gravação e somente leitura e muito mais.
- WebGPU
O Chrome agora oferece suporte a chaves de acesso com as Chaves do iCloud no macOS
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.
A navegação contínua é possível com transições de visualização
Um tutorial detalhado de como e por que CyberAgent, RedBus, Nykaa e PolicyBazaar implementaram transições de visualização.
Somos o Chrome for Developers
Comemorando o 15o aniversário do Chrome e nosso papel como um parceiro confiável e útil para desenvolvedores.
Da WebGL para a WebGPU
Veja algumas dicas para desenvolvedores WebGL que estão migrando para a WebGPU.
Novidades do DevTools (Chrome 118)
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.
Chrome 118 Beta
Estilos com escopo para CSS, outros recursos de mídia, contêineres de rolagem com foco no teclado e muito mais.
Novidades no Chrome 117
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.
Novidades na WebGPU (Chrome'117)
Cancele o buffer de vértice e grupo de vinculação, faça os dispositivos perdidos parecerem funcionar e muito mais.
- WebGPU
Google Summer of Code e Extensões do Chrome
Experiência e conselhos sobre a participação no Google Summer of Code.
Dicas do DevTools: snippets e expressões ao vivo
Use snippets para executar códigos que você usa com frequência e expressões ao vivo para observar valores em tempo real.
Lançamentos mais rápidos do Chrome (segunda rodada)
A partir do Chrome 119, vamos reduzir o tempo entre a ramificação de um lançamento e o lançamento para o Stable.
Transições da Astro View
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.
Apresentação do teste de origem agendador.yield
"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.
Novidades do Lighthouse 11
O Lighthouse 11 chegou com novas mudanças de acessibilidade e atualizações de auditoria
Crie seus comandos do Chrome Devtools Protocol (CDP) de maneira eficiente com o novo editor de comandos
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.
Novidades do DevTools (Chrome 117)
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.
Como implementar a Confirmação de segurança na página chrome://extensions
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.
Quatro novos recursos CSS para facilitar a entrada e saída de animações
Saiba mais sobre os novos recursos que permitem uma transição suave de animações discretas e entre a camada superior
Chrome 117 Beta
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.
Novidades no Chrome 116
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.
Manifesto - scripts de conteúdo
Documentação de referência da propriedade "content_scripts" do manifest.json.
Interações pop-up seguras com propriedades de restrição
Tenha isolamento de origem cruzada e proteção contra vazamentos entre sites ao interagir com pop-ups.
Novidades da WebGPU (Chrome'116)
Integração com o WebCodecs, melhorias na reprodução de vídeo e muito mais.
- WebGPU
Permissões únicas no Chrome
"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.
Dicas do DevTools: pontos de interrupção e logpoints
Use pontos de interrupção e logpoints para depurar com facilidade.
PostMessage para TWA
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.
Novidades do Chrome 116 para extensões
Um resumo das mudanças importantes no Chrome 116 para desenvolvedores de extensões do Chrome.
Chrome 116 Beta
Trajetória de animação CSS, cache de avanço e retorno da API NotRestoredReason, Document Picture-in-Picture e muito mais.
Como depurar sites no Chrome no iOS 16.4 ou mais recente
Aprenda a usar a depuração do Safari Web Inspector para o Chrome no iOS.
O que está acontecendo nas extensões do Chrome?
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.
Novidades no Chrome 115
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.
Um estudo de caso sobre o desempenho de animações de rolagem
A nova API é muito mais suave do que a forma clássica de implementar animações de rolagem.
Dicas do DevTools: gravar e reproduzir fluxos de usuários com o Gravador
Aprenda a gravar, reproduzir e depurar fluxos de usuários com o painel Gravador no DevTools.
Usar WebSockets em service workers
Instruções passo a passo sobre como se conectar a um WebSocket na sua extensão do Chrome.
WebRTC: guia de migração legado do getStats()
Aprenda a usar a depuração do Safari Web Inspector para o Chrome no iOS.
Dicas do DevTools: armazenamento local e da sessão
Use Aplicativo > Armazenamento local e Armazenamento de sessão para depurar pares de chave-valor.
Novidades do DevTools (Chrome 116)
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
Usar geolocalização
Como usar a geolocalização em service workers, pop-ups, painéis laterais ou scripts de conteúdo da extensão do Chrome.
Novidades da WebGPU (Chrome 115)
Extensões de idioma WGSL compatíveis, suporte experimental para Direct3D 11 e muito mais.
- WebGPU
Chrome for Testing: downloads confiáveis para automação do navegador
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.
Depurar o WebAssembly C/C++
Aprenda a usar o Chrome DevTools para encontrar e corrigir bugs no C/C++ WebAssembly.
Como o Photoshop resolveu o trabalho com arquivos maiores que couberem na memória
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
Como o app de edição de imagens vetoriais Boxy SVG usa a API Local Font Access para permitir que os usuários escolham as fontes locais favoritas
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
Migrar do uso de URLs de dados no elemento SVG
Suporte a dados: os URLs no elemento SVG serão removidos. Recomendamos migrar para alternativas.
Chrome 115 Beta
Várias palavras-chave para a propriedade de exibição CSS, WGSLLanguageFeatures para WebGPU, upgrades de HTTPS e muito mais.
Os eventos de mutação serão removidos do Chrome
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.
Novidades do DevTools (Chrome 115)
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
Anúncio do segundo teste de origem da pressão do Compute
Um novo teste de origem do Chrome que permite aos desenvolvedores da Web monitorar a pressão de computação.
O Chrome desativa a modificação de document.domain
Caso seu site dependa da configuração de document.domain, você precisa fazer nada.
Como o editor de jogo precisa usar a API File System Access para permitir que os usuários salvem jogos.
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
Novidades no Chrome 114
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.
Crie uma experiência do usuário superior com a nova API Side Panel
Apresentamos a nova API Side Panel para extensões do Chrome.
Criar curvas de animação complexas em CSS com a função de easing linear()
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.
Dicas do DevTools: espaço de trabalho
Use o Workspace para salvar as mudanças feitas no DevTools em arquivos de origem locais.
Manifesto - plano de fundo
Documentação de referência da propriedade de segundo plano do manifest.json.
Como a LEGO® Education usa as APIs Web Bluetooth e Web Serial
A LEGO Education usa o poder da Web para tornar a conexão de modelos LEGO ao computador o mais simples possível.
O que há de novo no Aurora?
Saiba o que a equipe do Chrome Aurora tem feito ultimamente e o planejamento para 2023.
Como o editor de modelos 3D do Blockbench usa a API EyeDropper para permitir que os usuários escolham cores de qualquer lugar
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.
Cronograma de descontinuação do Web SQL atualizado
O Web SQL foi completamente removido no Chromium 119.
Teste de origem disponível para os buckets do Storage
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.
Como o app de edição de imagens Photopea usa a API File Handling para permitir que os usuários abram arquivos no explorador de arquivos
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.
Novidades no CSS e na IU: edição do I/O 2023
Os 20 principais recursos de CSS e IU destacados no Google I/O 2023 que você não pode perder.
WebGPU: como desbloquear o acesso moderno a GPUs no navegador
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.
Preenchimento automático compartilhado entre iframes: uma proposta inicial
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.
Novidades para a Web no Android 2023
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.
10 atualizações no Google I/O
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.
Encontrar problemas em formulários com o Chrome DevTools
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.
WebDriver BiDi: atualização de status de 2023
Este artigo mostra uma visão geral das novidades do WebDriver BiDi em 2023.
Animar elementos na rolagem com animações de rolagem
Aprenda a trabalhar com linhas do tempo de rolagem e de visualização para criar animações de rolagem de maneira declarativa.
Novidades do DevTools (Chrome 114)
O DevTools ativa Configurações > Experimentos > 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
Novidades no Chrome 113
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.
Sobre os service workers de extensão
Os service workers são um manipulador de eventos central da extensão. Isso os torna diferentes dos service workers da Web.
Eventos em service workers
Os service workers de extensão respondem a eventos de service worker padrão e a muitos eventos nas APIs de extensão.
Conceitos básicos do service worker de extensão
Os service workers de extensão são instalados e atualizados de forma diferente dos Web service workers.
Desfocar o plano de fundo da câmera
Um novo teste de origem do Chrome que permite que os desenvolvedores da Web controlem o desfoque do plano de fundo da câmera.
O ciclo de vida do service worker de extensão
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.
Videochamadas aprimoradas com codificação AV1 mais rápida
O Chrome 113 inclui melhorias no codificador de software AV1 da equipe do Chrome Open Media.
Novidades da WebGPU (Chrome'113)
A WebGPU é fornecida no Chrome com integração com WebCodecs na avaliação de origem.
- WebGPU
Recursos para desenvolvedores: visualizar e carregar manualmente mapas de origem
Use o painel Recursos para desenvolvedores para verificar se os mapas de origem são carregados e carregá-los manualmente.
Dicas do DevTools: mapas de origem no DevTools
Use os mapas de origem no DevTools para depurar o código original em vez de implantá-lo.
Aquecimento e pré-busca: uso do serviço de guias personalizadas
Saiba como aproveitar o serviço de guias personalizadas para melhorar a experiência do usuário.
Multitarefas com guias personalizadas parciais
Aprenda a usar guias personalizadas parciais para permitir que os usuários interajam com seu app enquanto visualizam conteúdo da Web.
Instalação da IU mais avançada disponível para computadores
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 retrospectiva no tempo: a evolução da automação de testes
Uma jornada pela evolução da automação de testes na Web.
Chromium Chronicle #33: AnimationBuilder de visualizações
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
Como resolver o layout CSS e a desconexão da ordem de origem
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.
Como a nova barra lateral "Breakpoints" ajuda a depurar mais rapidamente
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.
Novidades do DevTools (Chrome 113)
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
O Chrome vem com a WebGPU
A equipe do Chrome fornece a WebGPU, que permite gráficos 3D de alto desempenho e computação paralela de dados na Web.
- WebGPU
Lançamentos mais rápidos do Chrome
No Chrome 114, há menos tempo entre a ramificação de um lançamento e o lançamento para a versão estável.
Novidades no Chrome 112
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.
Dicas do DevTools: o que são mapas de origem?
Saiba como os mapas de origem podem ajudar a depurar o código original em vez de implantado.
A extensão de mapa de origem ignoreList
A experiência de depuração foi melhorada no Chrome DevTools com a extensão de mapa de origem ignoreList.
Do Web SQL ao SQLite Wasm: guia de migração do banco de dados
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
Parceria com a Fastly: redirecionamento HTTP Oblivious para o servidor de k-anonimato do FLEDGE's
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.
Melhora a privacidade do usuário exigindo a ativação do envio do cabeçalho X-solicitação-With do WebView
Queremos proteger a privacidade do usuário limitando o envio do cabeçalho X-request-With.
Chrome 112 Beta
Aninhamento de CSS, animação-composição e um parâmetro de envio para o construtor FormData.
As transições de visualização do SPA estão disponíveis no Chrome 111
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.
Migrar para um service worker
Um service worker permite que as extensões sejam executadas apenas quando necessário, economizando recursos.
Atualizar seu código
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.
Novidades do DevTools (Chrome 112)
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.
Atualizar o manifesto
O arquivo manifest.json requer um formato um pouco diferente para o Manifesto V3 e para o Manifesto V2.
Substituir listeners de solicitações da Web bloqueados
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.
Melhorar a segurança das extensões
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.
Transição de CSS
Um dos nossos recursos favoritos de pré-processador de CSS agora está integrado à linguagem: regras de estilo de aninhamento.
Novidades do Chrome 111
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.
Um novo local para a demonstração da API Project Fugu
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
Vitória da privacidade! Agora os usuários compartilham as telas com mais sabedoria
Usando a teoria do empurrão, conseguimos fazer com que os usuários parem de atirar no pé durante chamadas de videoconferência.
Vincular elementos entre si com o posicionamento de âncora do CSS
Uma nova API está chegando à plataforma da Web para ajudar a posicionar elementos de forma adaptativa e sem truques.
Trabalhamos com o setor para melhorar os CHIPS
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.
Melhorando os padrões de comportamento em discussões sobre padrões
Como a equipe do Chrome incentiva discussões mais profissionais, respeitosas e inclusivas.
Ferramentas de framework para substitutos de fonte
Saiba como o Next.js, o Nuxt.js e outras bibliotecas ajudam a gerar CSS de fonte substituta sem CLS.
Primeiros passos com consultas de estilo
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.
Dicas do DevTools: descobrir problemas de CSS
Use os painéis "Estilos e computação" para descobrir problemas de CSS com o DevTools.
Receber ajuda com as extensões do Chrome
Onde recorrer para receber ajuda com questões não abordadas pela documentação.
Novidades do DevTools (Chrome 111)
Depuração de cores em alta definição, UX aprimorada de ponto de interrupção e muito mais.
Fontes substitutas aprimoradas
As novas substituições de métrica de fonte e tamanho "size-adjust" permitem que os desenvolvedores criem substitutos de fonte que correspondam às fontes da Web. Isso reduz as mudanças de layout.
Chrome 111 Beta
Novos tipos de cores e espaços de cor CSS, funções trigonométricas de CSS e a API View Transitions.
Conversando com o Controle Stadia usando o WebHID
O controle Stadia piscando funciona como um gamepad padrão, o que significa que nem todos os botões são acessíveis usando a API Gamepad. Com o WebHID, agora é possível acessar os botões ausentes. Desde que o Stadia foi desativado, muitos temiam que o
O que são as sinalizações do Chrome?
Ative mais ferramentas de depuração ou experimente recursos novos ou experimentais no Chrome.
Novidades do Chrome 110
O Chrome 110 está sendo lançado. Adicione estilo personalizado aos seus elementos picture-in-picture com a nova pseudoclasse :picture-in-picture, defina o comportamento de inicialização do seu app da Web com launch_handler, use o atributo sem credencial em iframes para incorporar conteúdo de terceiros que não defina uma política de incorporação de origem cruzada e muito mais.
Como usar a API CrUX History
Saiba mais sobre a API CrUX History e como usá-la para monitorar tendências de experiência do usuário.
Novidades do DevTools (Chrome 110)
Limpar o painel de desempenho ao atualizar, visualizar e destacar o código no Gravador e muito mais.
Novos requisitos para a API Web Share em iframes de terceiros
Para melhorar a privacidade e a segurança, as chamadas da API Web Share em iframes de terceiros agora precisam ser explicitamente permitidas. Este artigo aborda uma mudança potencialmente interruptiva na API Web Share. Essa mudança já está
Chromium Chronicle #32: atente-se à lacuna de patches
Saiba como os desenvolvedores do Chromium podem reduzir a chance de exploração de n dias.
Migrar para a cor CSS HD
O CSS Color 4 traz uma ampla gama de ferramentas de cores e recursos para a Web.
Acesse mais cores e novos espaços
O CSS Color 4 traz uma ampla gama de ferramentas de cores e recursos para a Web.
O futuro do picture-in-picture
Notícias sobre um teste de origem do Chrome que permite conteúdo HTML arbitrário em uma janela sempre ativada.
Atualização do Acesso à rede particular: anúncio da extensão do teste de descontinuação
O Chrome está descontinuando o acesso a endpoints de rede particulares provenientes de sites públicos não seguros como parte da especificação de acesso à rede privada. Um teste de descontinuação está disponível até o Chrome 113.
Guia de cores CSS de alta definição
O CSS Color 4 traz uma ampla gama de ferramentas de cores e recursos para a Web.
Conheça os novos espaços de cor CSS
A CSS Color 4 traz para a Web uma ampla gama de ferramentas de cores: mais cores, funções de manipulação e melhores gradientes.
Ciclos de vida mais longos do service worker de extensão
Os service workers de extensão agora podem sobreviver enquanto estiverem recebendo eventos. Isso aumenta a confiabilidade dos service workers de extensão, mas tem uma armadilha que você deve evitar.
Página off-line básica para apps da Web no Chrome para Android
A partir do Chrome 109, o navegador vai gerar automaticamente uma página padrão para indicar que o app está off-line no momento, quando um app da Web instalado no Android não tiver a própria experiência off-line.
Documentos fora da tela no Manifesto V3
Apresentamos a API Offscreen Documents para o desenvolvimento de extensões do Google Chrome.
Scrollend, um novo evento JavaScript
Exclua as funções de tempo limite e elimine os bugs. Este é o evento de que você realmente precisa: scrollend.
Controle seus limites com a letra inicial CSS
Diga adeus a soluções alternativas interessantes para estilizar suas tampas de suspensão.
A descoberta da Web eficiente
Quais recursos avançados da Web seu navegador oferece suporte? E quais são os aplicativos da web que usam esses recursos? Para responder a essas perguntas, confira um site de testes de navegador e uma extensão de navegador. O Projeto Fugu é uma
Os atributos "Cookie Expira" (Expira em) e "Max-Age" agora têm um limite superior.
A partir da versão M104 do Chrome (agosto de 2022), os cookies não podem definir uma data de validade maior que 400 dias.
Iframe sem credencial: incorpore facilmente iframes em ambientes COEP
O iframe sem credencial é implementado no Chrome 110. Ele oferece aos desenvolvedores uma maneira de carregar documentos em iframes de terceiros usando um contexto novo e temporário. Assim, eles não estão mais sujeitos às regras de incorporação da COEP. Os desenvolvedores que usam o COEP agora podem incorporar iframes de terceiros que não usam essa estrutura.
Chrome 110 Beta
Letras iniciais do CSS, gerenciador de inicialização do app da Web, suporte de iframe de origem cruzada para a API FedCM e muito mais.
Verificar se a página pode ser restaurada do cache de avanço e retorno
Como usar o Lighthouse para testar se uma página pode ser restaurada do cache de avanço e retorno.
Mudar o dispositivo de saída de destino no Web Audio
Saiba como mudar programaticamente o destino da saída de áudio no Web Audio.
SQLite Wasm no navegador com suporte do sistema de arquivos particulares de origem
Use o SQLite para lidar com todas as suas necessidades de armazenamento com desempenho na Web. O SQLite é um sistema de gerenciamento de banco de dados relacional leve, incorporado e de código aberto conhecido. Muitos desenvolvedores usam o SQLite
Novidades no Chrome 109
O Chrome 109 está sendo lançado. A API Origin Private File System agora está disponível para Android, há um conjunto de novas propriedades no CSS, é fácil adicionar notações matemáticas ao HTML com suporte para o MathML Core, e muitos outros benefícios.
Novidades do DevTools (Chrome 109)
Copie a etapa como script no Gravador, os nomes reais das funções nas gravações de performance e muito mais.
Dicas do DevTools: como depurar APIs do Project Fugu
Usar o DevTools para depurar as APIs do Project Fugu.
Detalhes de renderização de RenderNG: fragmentação de blocos do LayoutNG
A fragmentação de blocos no LayoutNG foi concluída. Saiba como ele funciona e por que é importante neste artigo.
Mudança na programação de lançamentos do Chrome 110
A partir do Chrome 110, uma versão inicial estável será lançada para uma pequena porcentagem de usuários.
O que são os canais de lançamento do Chrome?
Saiba como o Chrome usa os canais de lançamento Canary, Dev, Beta e Stable para testar novos recursos e lançar atualizações.
Escolha a sintaxe para o aninhamento de CSS
O grupo de trabalho do CSS continua debate sobre a melhor maneira de definir a transição no CSS. Se você cria CSS, queremos sua ajuda.
Chrome Dev Insider: o ano em que
Atualização da equipe da Web Platform do Chrome em que levamos os desenvolvedores aos bastidores para compartilhar perspectivas, conversas e atualizações.
Atualizações nas políticas da Chrome Web Store
O Chrome está atualizando as Políticas do programa para desenvolvedores da Chrome Web Store para indicar claramente nossas diretrizes, fornecer mais contexto sobre a aplicação e facilitar a compreensão das nossas políticas.
Maximizar a relevância do anúncio
Nova documentação do Sandbox de privacidade sobre a relevância do anúncio sem cookies de terceiros.
O que os desenvolvedores precisam saber sobre os modos de memória e de economia de energia do Chrome
Saiba como garantir que sua página funcione corretamente com os novos modos de Economia de memória e energia do Chrome.
Chrome 109 Beta
MathML, foco condicional para getDisplayMedia(), sistema de arquivos privados de origem no Android e muito mais.
Confirmação de pagamento seguro no Chrome para Android
A confirmação de pagamento seguro oferece uma confirmação de pagamento resistente a phishing com o poder das chaves de acesso para a Web. Ela estará disponível no Chrome Android a partir do Chrome 109.
Login sem senha em formulários com o preenchimento automático de chaves de acesso do WebAuthn
A IU condicional da WebAuthn usa a funcionalidade de preenchimento automático de formulários do navegador para permitir que os usuários façam login com uma chave de acesso no fluxo tradicional baseado em senhas.
Extensões do Chrome: ampliação da API para oferecer suporte à navegação instantânea
A API Extensions foi atualizada para oferecer suporte ao cache de avanço e retorno e navegações de pré-carregamento.
Novidades do Chrome 108
O Chrome 108 está sendo lançado agora. Novas APIs internacionais para você ter mais controle ao formatar números. Há um teste de origem para a nova API Pop Up, o que facilita a exibição de conteúdos essenciais para o usuário. Há várias melhorias de CSS. E há muito mais.
Melhorias no compartilhamento de tela no Chrome 109
Detalhes de duas melhorias no compartilhamento de tela para a Web: um mecanismo para controlar o foco da guia ao compartilhar a tela e outro para controlar a reprodução de áudio local.
Melhor compartilhamento de tela com o Foco condicional
Foco condicionalmente em uma guia ou janela ao compartilhar tela na Web.
Dicas do DevTools: identificar melhorias no CSS
Usar o painel "Visão geral do CSS" para identificar possíveis melhorias no CSS.
Encontrar CSS inválido, modificado, inativo e outros
Descubra problemas com propriedades CSS rapidamente.
Dicas do DevTools: navegação mais rápida no DevTools
Aprenda a acelerar seu fluxo de trabalho com a navegação mais rápida do DevTools usando atalhos e configurações.
Apresentamos os buckets de armazenamento nem sempre são iguais
Buckets de armazenamento são uma API que torna mais previsível a remoção do armazenamento persistente sob pressão intensa da memória.
Atualizações nas políticas da Chrome Web Store
O Chrome está atualizando as Políticas do programa para desenvolvedores da Chrome Web Store para indicar claramente nossas diretrizes, fornecer mais contexto sobre a aplicação e facilitar a compreensão das nossas políticas.
Preparar-se para as mudanças no comportamento de redimensionamento da janela de visualização no Chrome no Android
Quais serão as mudanças no comportamento de redimensionamento da janela de visualização no Chrome 108, por que o Chrome fará essa mudança e o que você pode fazer para se preparar.
Chrome 108 Beta
Novas unidades de janela de visualização CSS, API Federated Credential Management, fontes variáveis COLRv1 e muito mais.
Manifesto: input_components
Documentação de referência da propriedade input_components do manifesto.json.
Atualização do comportamento do evento CanMakePayment da API Payment Handler
O evento "canmakepayment" do service worker na API Payment Handler permite que o comerciante saiba se o usuário tem um cartão registrado em um app de pagamento instalado. O Chrome está removendo as propriedades anexadas ao evento.
Novidades do DevTools (Chrome 108)
Dicas sobre propriedades CSS inativas, novos seletores de XPath e texto no Gravador e muito mais.
Dicas para DevTools: diferentes maneiras de abrir DevTools
Descubra todas as maneiras de abrir o Chrome DevTools.
Alteração interruptiva: métodos de sincronização para AccessHandles
Para simplificar o trabalho com AccessHandles em contextos como Emscripten, estamos tornando os métodos da interface FileSystemSyncAccessHandle síncronos.
Novidades no Chrome 107
O Chrome 107 está sendo lançado. Novas propriedades na API Screen Capture melhoram as experiências de compartilhamento de tela.Agora você pode identificar precisamente se um recurso na sua página está bloqueando a renderização ou não.Há uma nova maneira de enviar dados para um servidor de back-end com a API PendingBeacon declarativa no teste de origem. E há muito mais.
Tokens de confiança renomeados como tokens de estado particular
A API Trust Token vai ser renomeada como API Private State Token para descrever melhor os benefícios de privacidade e utilidades
Dicas do DevTools: descobrir e corrigir texto de baixo contraste
Aprenda a usar o Chrome DevTools para descobrir e corrigir textos de baixo contraste.
Advanced Web Apps Fund: atualização de outubro de 2022
Através do Advanced Web Apps Fund, patrocinamos 11 projetos, distribuindo mais de US $100 mil pelo Open Collective, para reconhecer a importância desse trabalho e permitir que mais pessoas gastem mais tempo nesses projetos.
Personalize e automatize os fluxos de usuários além do Gravador do Chrome DevTools
Aprenda a personalizar e automatizar o fluxo de usuários além do Gravador do Chrome DevTools.
Dentro do polyfill da consulta do contêiner
Saiba como o polyfill de consulta de contêiner oferece suporte a essa consulta a navegadores mais antigos.
Ajudar a escolher uma sintaxe para os resultados da pesquisa de aninhamento de CSS
Confira os resultados de 7.590 opiniões de desenvolvedores.
Uma nova maneira de iniciar sua jornada de desenvolvimento das extensões do Chrome
Uma forma melhor de iniciar a jornada de aprendizado do desenvolvedor do Chrome.
Chrome Dev Insider: como melhorar o desempenho com o ecossistema do framework
Atualização da equipe da Web Platform do Chrome em que levamos os desenvolvedores aos bastidores para compartilhar perspectivas, conversas e atualizações.
Uma mudança no estouro nos elementos substituídos no CSS
Um aviso avançado sobre uma mudança no comportamento de CSS que pode causar um estouro indesejado.
Executar scripts em todas as páginas
Saiba como adicionar novos elementos automaticamente a páginas da Web.
O projeto Fugu está "concluído"?
Este artigo se concentra na mudança de foco da equipe do Projeto Fugu da implementação de novos recursos para o refinamento e melhoria dos atuais.
Chrome 107 Beta
Adições à API Screen Capture, à interpolação de propriedades do modelo de grade CSS e muito mais.
Evitar o compartilhamento excessivo durante o compartilhamento de tela
A plataforma da Web agora vem com controles adicionais para o compartilhamento de tela que preserva a privacidade.
Controles de compartilhamento de tela que preservam a privacidade
Ajude o usuário a evitar o compartilhamento excessivo com os controles de compartilhamento de tela na Web que preservam a privacidade.
A API Payment Handler exigirá o CSP connect-src.
Os usuários da API Payment Handler terão que adicionar o endpoint de pagamento à diretiva `connect-src` se você estiver usando a CSP.
Dicas do DevTools: editar, depurar e exportar registros de fluxo de usuários
Use o painel do Gravador e as extensões dele para editar, depurar e exportar os registros de fluxo de usuários.
Mais detalhes sobre a transição para o Manifesto V3
Novos detalhes sobre o plano de mover extensões para o Manifesto V3
Novidades no Chrome 106
O Chrome 106 está sendo lançado. Novas APIs internacionais para você ter mais controle ao formatar números. Há um teste de origem para a nova API Pop Up, o que facilita a exibição de conteúdos essenciais para o usuário. Há várias melhorias de CSS. E há muito mais.
Como o Chrome prepara atualizações para bilhões de usuários
"Uma conversa com os Gerentes técnicos de programa da equipe de lançamento do Chrome para saber como garantir que cada lançamento ocorra sem problemas."
Novidades do DevTools (Chrome 107)
Personalize atalhos do teclado, destaque objetos C/C++ no Memory Inspector e muito mais.
Novidades do DevTools (Chrome 106)
Melhor suporte para depuração na Web moderna, detalhamento de tempos de LCP nos Insights de desempenho e muito mais.
As consultas de contêineres começam a ser acessadas em navegadores estáveis enquanto o polyfill recebe uma grande atualização
"As consultas de contêiner permitem que os componentes sejam proprietários das informações de estilo responsivas com base no espaço em que se encaixam. Esse recurso está sendo lançado para navegadores mais recentes e houve uma grande atualização no suporte ao polyfill.
Pop-ups: eles estão ressurgindo!
Um padrão problemático facilitado muito com a chegada de novas APIs integradas à plataforma.
Estender o Memory Inspector para depuração C/C++
Saiba como melhoramos a depuração de apps C/C++ WebAssembly com o Memory Inspector
Descontinuações e remoções no Chrome 106
Um resumo das descontinuações e remoções no Chrome 106 para ajudar no planejamento.
Dicas do DevTools: como inspecionar e depurar o flexbox CSS
Aprenda a usar o Chrome DevTools para inspecionar, modificar e depurar layouts Flexbox CSS.
Teste de origem do iframe anônimo: incorpore facilmente iframes em ambientes COEP
Os desenvolvedores que usam o COEP agora podem incorporar iframes de terceiros que não usam essa estrutura. O teste de origem do iframe anônimo está disponível para testes no Chrome da versão 106 à 108.
Depuração da Web moderna no Chrome DevTools
Confira algumas das mudanças recentes no Chrome DevTools que melhoram sua experiência de depuração e criação de perfis ao trabalhar com bundlers, frameworks e código de terceiros.
Estudo de caso: melhor depuração angular com o DevTools
Usando o Angular como um piloto de teste, as equipes do Chrome DevTools e do Angular colaboraram para oferecer uma experiência de depuração melhor. Outras estruturas podem resultar em mudanças semelhantes.
Suspensão e remoção do Web SQL
O Web SQL foi proposto pela primeira vez em abril de 2009 e abandonado em novembro de 2010. Ela foi removida do Chrome em etapas, inicialmente em contextos não seguros e, depois, completamente a partir do Chrome 119.
Novidades do Chrome 105
O Chrome 105 está sendo lançado. As consultas de contêiner e :has() são uma combinação perfeita. A nova API Sanitizer conta com um processador robusto para strings arbitrárias, o que ajuda a reduzir as vulnerabilidades de scripting em vários locais. Estamos outro passo para descontinuar o WebSQL. E há muito mais.
Compactação e descompactação no navegador com a API Compression Streams
Crie apps da Web menores que não precisam enviar a própria biblioteca de compactação ou descompactação A API Compression Streams serve para compactar e descompactar fluxos de dados usando os formatos gzip ou deflate (ou deflate-raw). Com a
Otimizar imagens com a diretiva de imagem angular
Apresentação da nova diretiva de imagem Angular (NgOptimizedImage), que oferece técnicas integradas de otimização de performance para imagens em apps do Angular.
Dicas do DevTools: como acelerar o fluxo de trabalho com atalhos do Console
Use os atalhos fornecidos pela API Console Utilitários para consultar rapidamente elementos recentes, consultar objetos, monitorar eventos e chamadas de função e muito mais.
Conheça a camada superior: uma solução para o Z-index:10000
Com novos componentes e APIs integrados chegando à plataforma, o que é essa "camada superior" que eles podem usar?
Remover o envio push de servidor HTTP/2 do Chrome
O push de servidor HTTP/2 será desativado por padrão no Chrome 106
Dicas do DevTools: como inspecionar a grade CSS
Aprenda a usar o Chrome DevTools para visualizar e mudar layouts de grade CSS.
Os navegadores podem otimizar o carregamento de recursos de terceiros?
Promover mudanças para um melhor carregamento de recursos de terceiros na Web
Novidades do DevTools (Chrome 105)
Oferece suporte à repetição passo a passo e ao cursor sobre eventos no Gravador, LCP no painel "Insights de desempenho" e muito mais.
Dicas do DevTools: como inspecionar e modificar animações CSS
Use a guia Animações para inspecionar e modificar animações CSS, transições e muito mais.
Descontinuações e remoções no Chrome 105
Um resumo das descontinuações e remoções do Chrome 105 para ajudar no planejamento.
Dicas para DevTools: receba insights úteis sobre o desempenho do seu site
Receba insights úteis sobre o desempenho do seu site com o novo painel "Insights de desempenho"
Mudanças noNavigateEvent no Chrome 105
A API Navigation recebe dois novos métodos emNavigateEvent: intercept() substitui transitionwhile() e scroll() substitui resetScroll().
@container e :has(): duas novas APIs responsivas e poderosas que chegam ao Chromium 105
"Consultas de contêiner e :has() são combinações perfeitas. Felizmente, os dois recursos foram lançados juntos no Chromium 105. Este é um grande lançamento com dois recursos de interfaces responsivas muito solicitados!"
:has(): o seletor da família
Com :has() no Chromium 105. Vamos dar uma olhada em algumas das oportunidades incríveis que ele oferece para nosso CSS.
Novidades no Chrome 104
O Chrome 104 já está sendo lançado. A captura de região especifica uma área de corte ao usar getDisplayMedia() para capturar a guia atual. A sintaxe das consultas de mídia pode ser escrita usando operadores matemáticos de comparação. As transições de elementos compartilhados iniciam um teste de origem. E há muito mais.
Formatos personalizados da Web para a API Async Clipboard
Os formatos personalizados da Web permitem que os sites leiam e gravem payloads não higienizados arbitrários usando um formato padrão que os aplicativos podem ativar para oferecer suporte a esses payloads.
Dicas do DevTools: como registrar mensagens no Console
Use o Console para registrar variáveis, objetos e mensagens, filtrar e agrupar mensagens e muito mais.
Renovação do Google Analytics no Painel de controle do desenvolvedor da Chrome Web Store
O Google está lançando uma experiência de análise de itens reformulada para o Painel de controle do desenvolvedor da Chrome Web Store. O novo painel é fácil de entender e consolida as informações mais úteis de forma imediata.
Escolher uma sintaxe para aninhamento de CSS
Duas sintaxes conflitantes precisam de sua ajuda para determinar qual deve ser defendida por um candidato a especificação.
Suporte à camada superior no Chrome DevTools
Descubra a camada superior e saiba como o Chrome DevTools implementou o suporte a ela.
Atualização sobre o financiamento de frameworks da Web do Chrome para 2022
Estamos compartilhando uma atualização sobre os beneficiários do financiamento da estrutura da Web do Chrome
Dicas do DevTools: como emular os recursos de mídia da preferência do usuário do CSS com o DevTools
Use a guia "Renderização" para emular as preferências do usuário e testar o comportamento adaptável do usuário ao seu site.
Novidades do DevTools (Chrome 104)
Reinicie o frame durante a depuração, opções de repetição lenta no painel do Gravador e muito mais.
Chrome Dev Insider: a edição do CSS e da IU
Atualização da equipe da Web Platform do Chrome em que levamos os desenvolvedores aos bastidores para compartilhar perspectivas, conversas e atualizações.
Trocas assinadas lançadas para sites para computador
Anunciamos o suporte a trocas assinadas com navegadores Chromium no computador, além de outros lançamentos recentes de recursos.
Inspecionar e depurar consultas de contêiner CSS
Aprenda a usar o Chrome DevTools para inspecionar, modificar e depurar consultas de contêiner CSS.
Dicas do DevTools: como inspecionar consultas de contêiner CSS
Inspecione e depure consultas de contêiner CSS com o DevTools.
Descontinuações e remoções no Chrome 104
Um resumo das descontinuações e remoções no Chrome 104 para ajudar no planejamento.
Novidades no Chrome 103
O Chrome 103 já está sendo lançado. Há um novo código de status HTTP que ajuda o navegador a decidir qual conteúdo será pré-carregado antes mesmo de a página começar a chegar. A API Local Font Access oferece aos aplicativos da web a capacidade de enumerar e usar fontes instaladas no computador do usuário. Há uma maneira mais fácil de implementar tempos limite em APIs assíncronas. E há muito mais.
Novidades do DevTools (Chrome 103)
Grave eventos de clique duplo e com o botão direito do mouse, novas opções para medir o fluxo de usuários no Lighthouse e muito mais.
Novidades no Chrome 102
O Chrome 102 está sendo lançado agora. Os PWAs instalados podem ser registrados como gerenciadores de arquivos, o que facilita para os usuários abrirem arquivos diretamente do disco. O atributo inert permite marcar partes do DOM como inert. Com a API Navigation, é mais fácil para apps de página única gerenciarem a navegação e as atualizações do URL. E há muito mais!
Referência de recursos de acessibilidade
Uma referência abrangente sobre os recursos de acessibilidade do Chrome DevTools.
Como e por que criamos insights de performance
Como e por que criamos o painel de insights de desempenho.
Autenticar com confirmação de pagamento seguro
Implementar protocolos de autenticação para o SPC para validar as transações do cliente.
Registrar uma confirmação de pagamento seguro
Implemente os protocolos de registro e o fluxo da SPC para que os clientes possam fazer a autenticação com os emissores do cartão ou os bancos diretamente com um comerciante.
Guia de migração do WebAssembly
Considerando o impulso do suporte a vários navegadores do WebAssembly, planejamos concentrar nossos esforços de código nativo no WebAssembly e remover o suporte para PNaCl no 4º trimestre de 2019 (exceto para apps do Chrome). Acreditamos que
Confirmação de pagamento seguro
Visão geral de alto nível de um padrão da Web proposto para permitir a autenticação segura com provedores de serviços de pagamento.
Descontinuações e remoções no Chrome 103
Um resumo das descontinuações e remoções no Chrome 103 para ajudar no planejamento.
Suporte à ferramenta Interaction to Next Paint (INP)
Suporte à interação com a próxima exibição nas ferramentas de desempenho do Chrome.
Aplicativos mais rápidos de várias páginas com streams
Saiba como usar os fluxos de trabalho para criar aplicativos de várias páginas que usam marcação parcial do cache do service worker e conteúdo parcial da rede para criar experiências rápidas com renderização quase instantânea.
Proxy de pré-busca particular no Chrome para administradores de rede
Uma visão geral de como filtrar conteúdo em navegações pré-buscadas.
Proxy de pré-busca particular no Chrome
Como acelerar a Maior exibição de conteúdo (LCP) com a pré-busca entre sites
Novidades do DevTools (Chrome 102)
Novo painel de insights de desempenho, atalhos para emular temas claros e escuros, entre outros.
Como depurar o WebAssembly mais rápido
Como tornamos a depuração do WebAssembly mais rápida para aplicativos grandes.
Compartilhamento de guias aprimorado com a alça de captura
A plataforma da Web agora vem com a alça de captura, um mecanismo que permite que um app da Web de captura identifique com ergonomia e confiança o app da Web capturado, se ele tiver sido ativado.
Fundo para apps avançados da Web
Apresentamos o Advanced Web Apps Fund, apoio às pessoas que tornam a Web mais eficiente.
Testar o cache de avanço e retorno
Verifique se as páginas estão otimizadas para o armazenamento em cache de avanço e retorno.
Novidades do Chrome 101
O Chrome 101 está sendo lançado agora com um novo método de especificação de cores com notação hwb e prioridade de busca, oferecendo uma maneira de indicar ao navegador a ordem ideal para fazer o download de recursos. E há muito mais!
Como tornar o conteúdo recolhido acessível com "hidden=until-found"
Como esse novo valor de atributo pode garantir que o conteúdo nas seções do acordeão possa ser encontrado e vinculado.
Como otimizar a LCP usando trocas assinadas
As trocas assinadas são uma forma de os desenvolvedores da Web melhorarem substancialmente a velocidade de carregamento da página proveniente de referenciadores de SXG, como a Pesquisa Google. Elas podem oferecer benefícios simplesmente por serem ativadas por uma caixa de seleção, mas você pode seguir etapas adicionais para aproveitá-las ao máximo.
Controlar os recursos do navegador com a política de permissões
Gerencie como sua página e iframes incorporados de terceiros acessam os recursos do navegador.
Detalhes de renderização de BlinkNG
Saiba mais sobre o BlinkNG e os vários subprojetos que resolveram problemas de longa data na organização e estrutura do código do Blink.
Emular recursos de mídia CSS
Emular "prefers-color-scheme", tipo de mídia, cores forçadas, prefere-contraste, prefere-redução de movimento, color-gamut.
Descobrir problemas com o desempenho da renderização
Detectar repintura, mudanças de layout, camadas e blocos, problemas de rolagem, consulte as estatísticas de renderização e as Principais métricas da Web.
Apresentamos o Chrome Dev Insider
Uma nova série da equipe da Web Platform do Chrome em que levamos desenvolvedores aos bastidores para compartilhar perspectivas, conversas e atualizações.
Visão geral da guia "Renderização"
Descubra um conjunto de opções que afetam a renderização de conteúdo da Web.
Incorpore conteúdo ao seu site com segurança
Saiba mais sobre vários elementos HTML usados para incorporar conteúdo e como otimizar a segurança.
Novidades do DevTools (Chrome 101)
Importe e exporte o fluxo de usuários como JSON, ofereça suporte a cores hwb(), visualize camadas em cascata no painel Estilos e muito mais.
Descontinuações e remoções no Chrome 101
Um resumo das descontinuações e remoções do Chrome 101 para ajudar no planejamento.
Descontinuações e remoções no Chrome 102
Um resumo das descontinuações e remoções no Chrome 102 para ajudar no planejamento.
Insights de desempenho: receba insights úteis sobre o desempenho do seu site
Receba insights úteis sobre a performance do seu site com o painel "Insights de desempenho".
Novidades do Chrome 100
O Chrome 100 está sendo lançado agora com um número de versão de três dígitos. Caminhe pela memória e comemore a 100CoolWebMoments desde o primeiro lançamento do Chrome. Há algumas mudanças importantes na string do user agent. A API Multi-Screen Window Placement permite enumerar as telas conectadas à máquina do usuário e posicionar janelas em telas específicas. E há muito mais!
Comemore o Chrome 100 com o #100CoolWebMoments
Estamos comemorando o lançamento do Chrome versão 100 com um ciclo de memória.
Novidades do DevTools (Chrome 100)
Confira e edite @supports em regras, renomeie e personalize o seletor de gravação e muito mais.
Descontinuações e remoções no Chrome 100
Um resumo das descontinuações e remoções do Chrome 100 para ajudar no planejamento.
Novidades do Chrome 99
O Chrome 99 já está sendo lançado. As camadas em cascata do CSS oferecem mais controle sobre o CSS e ajudam a evitar conflitos de especificidade do estilo. O método showPicker() permite que você mostre programaticamente um seletor de navegador para elementos de entrada como data, cor e lista de dados. A versão 100 do Chrome e do Firefox está chegando. E há muito mais!
Otimizar o carregamento de scripts de terceiros no Next.js
Este artigo discute o componente Next.js Script e demonstra como ele pode ser usado para um melhor sequenciamento de scripts de terceiros.
Novidades do DevTools (Chrome 99)
Limitação de solicitações WebSocket, novo painel da API Reporting, estilo do console e muito mais.
Inspecionar e depurar layouts Flexbox CSS
Aprenda a usar o Chrome DevTools para inspecionar, modificar e depurar layouts Flexbox CSS.
Descontinuações e remoções no Chrome 99
Um resumo das descontinuações e remoções do Chrome 99 para ajudar você no planejamento.
Como usar plug-ins
Embora o Workbox ofereça muitos recursos prontos para uso, pode haver momentos em que você vai precisar ampliá-lo para atender aos requisitos do seu aplicativo. É aí que a arquitetura de plug-ins do Workbox pode ser útil.
Chromium Chronicle #28: primeiros passos com o Chrome no iOS
Aprenda a trabalhar com o código por trás do app iOS do Chrome.
Novidades do Chrome 98
O Chrome 98 está sendo lançado. Se você se inscreveu no teste de origem do tema escuro automático, há uma nova maneira de desativar o recurso por elemento. Agora há compatibilidade com COLRv1, uma evolução do formato de fonte COLRv0. E há muito mais.
Ícone de solicitação de permissões
O Chrome 98 adiciona espaço dedicado na barra de localização para permissões, com o objetivo de tornar as solicitações menos exigentes para reduzir a insistência percebida em uma decisão.
Camadas em cascata estão chegando ao seu navegador
"As camadas em cascata são uma nova API CSS para ajudar você a gerenciar a precedência em cascata do seu código, chegando a todos os navegadores modernos em breve."
Mostrar um seletor de navegador de data, hora, cor e arquivos
A plataforma da Web agora tem uma maneira canônica de mostrar um seletor de navegador.
Novidades do DevTools (Chrome 98)
Árvore de acessibilidade de página inteira, mudanças mais precisas na guia "Mudanças" e muito mais.
O Chrome vai desativar a modificação de document.domain para relaxar a política de mesma origem
Caso seu site use a configuração de "document.domain", a ação é necessária.
Descontinuações e remoções no Chrome 98
Um resumo das descontinuações e remoções do Chrome 98 para ajudar no seu planejamento.
Fontes vetoriais de gradiente de cor COLRv1 no Chrome 98
No Chrome 98, as equipes Chrome e Fonts adicionaram suporte ao COLRv1, uma evolução do formato de fonte COLRv0 com o objetivo de difundir as fontes coloridas com a adição de gradientes, a composição e a mistura, além da reutilização interna de formas para arquivos de fonte nítidos e compactos que são bem compactados.
Acesso à rede particular: introdução às simulações
O Chrome está descontinuando o acesso a endpoints de rede particulares provenientes de sites públicos não seguros como parte da especificação de acesso à rede privada. Continue lendo para conferir as ações recomendadas.
Novidades do Chrome 97
O Chrome 97 está sendo lançado. Há uma nova opção para enviar mensagens em tempo real entre o cliente e o servidor usando o Web Transport. Você pode usar a detecção de recursos para ver quais tipos de scripts são compatíveis com um navegador. O JavaScript fica melhor e há muito mais.
Iniciar a API Handler
O gerenciador de inicialização permite controlar como seu app é iniciado, por exemplo, se ele usa uma janela existente ou nova e se a janela escolhida é navegada para o URL de inicialização.
Árvore de acessibilidade completa no Chrome DevTools
Revise a nova árvore de acessibilidade de página inteira no DevTools, bem como o design e a implementação dessa árvore.
Acessar caches na janela
O acesso a instâncias do Cache não é restrito apenas ao escopo do service worker. Você também pode acessá-los no contexto da janela, e neste artigo você aprenderá como fazer isso.
Como usar o workbox-window
Às vezes, os usuários ficam off-line. Saiba como se adaptar e ajude a retomar solicitações quando ela voltar a ficar on-line.
Veiculação de áudio e vídeo em cache
Lidar com solicitações de recursos de áudio e vídeo em um service worker é difícil. Aprenda a usar "workbox-range-request" para lidar com essas solicitações de maneira previsível.
Como gerenciar respostas substitutas
Às vezes, os usuários encontram falhas na rede ou ficam off-line. Saiba como se adaptar a essas situações e fornecer uma resposta substituta.
Como forçar um tempo limite de rede
Saiba como forçar um tempo limite de rede na presença de uma conexão de rede lenta e como acertar o tempo.
Como repetir solicitações quando estiver on-line
Às vezes, os usuários ficam off-line. Saiba como se adaptar e ajude a retomar solicitações quando ela voltar a ficar on-line.
Como armazenar recursos em cache durante o tempo de execução
Saiba como lidar com recursos de armazenamento em cache durante o tempo de execução, incluindo recursos de origem cruzada.
Como gerenciar atualizações do service worker com urgência
Às vezes, quando você atualiza um service worker, é bom informar os usuários. Aqui, você aprenderá a fazer exatamente isso.
Novidades do DevTools (Chrome 97)
Novo painel do Gravador, atualize a lista de dispositivos no Modo dispositivo e muito mais.
Ajuda aos desenvolvedores a criar apps da Web avançados e instaláveis
Uma análise sobre o impacto dos recursos de PWA adicionados ao Chrome.
Descontinuações e remoções no Chrome 97
Um resumo das descontinuações e remoções do Chrome 97 para ajudar você no planejamento.
Novidades do Chrome 96
O Chrome 96 está sendo lançado. Há duas novas propriedades no manifesto do app da Web. A propriedade "id" permite especificar um ID exclusivo para o PWA, e a propriedade "protocolo_handlers" permite registrar automaticamente seu PWA como um gerenciador de protocolo durante a instalação. Há um novo teste de origem que permite especificar a prioridade de busca para o download de recursos. E há muito mais!
Novidades do Lighthouse 9.0
O Lighthouse 9.0 chega com um relatório atualizado e uma prévia do suporte para fluxos de usuários.
Solução de problemas e geração de registros
Veja os recursos de registro do Workbox e as ferramentas de depuração do service worker no navegador.
Service workers e o modelo de shell do aplicativo
Como parear o modelo de shell do aplicativo com um service worker no seu SPA.
Como usar o Workbox sem pré-armazenamento em cache
Como criar um service worker no Workbox sem o workbox-build.
Pré-carregamento de navegação para HTML que prioriza a rede
O que é o pré-carregamento de navegação, como ele pode tornar as navegações mais rápidas e como usá-lo no Workbox.
Pré-armazenamento em cache com o Workbox
Aprenda a pré-armazenar em cache os recursos em um service worker com o Workbox.
O que fazer e o que não fazer no pré-armazenamento em cache
Saiba o que fazer e o que não fazer no pré-armazenamento em cache.
Gravar, repetir e medir os fluxos de usuários
Grave, reproduza, meça fluxos de usuários e edite as etapas com o painel do Gravador.
Como implementar a CSP e depurar os Tipos confiáveis no Chrome DevTools
Como implementamos a Política de Segurança de Conteúdo e os Tipos confiáveis para depuração no Chrome DevTools.
Forçar a versão principal do Chrome para 100 na string do user agent
Em breve, o número da versão do Chrome vai passar de dois dígitos para três, o que pode afetar qualquer código que analisa a string do user agent (UA). Uma flag de recurso disponível do Chrome 96 ao 99 permite os testes iniciais forçando o número da versão principal na string do UA para 100.
Escolher cores de qualquer pixel na tela com a API EyeDropper
Os desenvolvedores de aplicativos criativos podem usar a API EyeDropper para implementar um seletor que permita aos usuários selecionar cores a partir de pixels na tela, inclusive fora do navegador.
Novidades do DevTools (Chrome 96)
Novo painel de visão geral do CSS, emular mídia de preferência de CSS e o modo escuro automático do Chrome e muito mais.
Como criar um componente de imagem eficaz
As imagens são uma fonte comum de gargalos de desempenho para aplicativos da Web e uma área de foco importante para a otimização. Este documento explica como a equipe Aurora no Google projetou um poderoso componente de imagem no Next.js integrado a várias otimizações usando uma interface fácil de usar para desenvolvedores. Esta postagem discute como o componente foi projetado e as lições que aprendemos ao longo do caminho.
Descontinuações e remoções no Chrome 96
Um resumo das descontinuações e remoções do Chrome 96 para ajudar no planejamento.
Visão geral do CSS: identifique possíveis melhorias no CSS
Identifique possíveis melhorias no CSS com o painel "Visão geral do CSS".
Expectativas sobre a implantação do service worker
Entender o efeito de um service worker em um site após a implantação.
Como melhorar a experiência de desenvolvimento do service worker
Como resolver alguns dos problemas de desenvolvimento local que podem ser encontrados ao usar service workers.
Estratégias de service worker diferentes para arquiteturas diversas
Introdução às duas arquiteturas diferentes de sites.
Monitorar seu aplicativo da Web com a API Reporting
Use a API Reporting para monitorar violações de segurança, chamadas de API descontinuadas e muito mais.
Migrar para a API Reporting v1
Uma nova versão da API Reporting está disponível. A nova API é mais enxuta e tem mais probabilidade de ser compatível com todos os navegadores.
Novidades do Chrome 95
O Chrome 95 está sendo lançado O roteamento fica mais fácil com URLPattern integrado ao navegador, a API Eye Dropper oferece uma ferramenta integrada para selecionar cores, há um novo teste de origem para receber a string UA reduzida e muito mais.
Detalhes de renderização de RenderNG: LayoutNG
Como a grande mudança de arquitetura do LayoutNG reduz e atenua vários tipos de bugs e problemas de desempenho.
Chromium Chronicle #25: anotações de segurança de linhas de execução
Saiba como o framework de análise estática do Clang usa as provas de segurança da linha de execução.
Relatório de características dos dispositivos do usuário Chrome
Os desenvolvedores se perguntam constantemente para que tipo de público estão desenvolvendo. Quanta memória RAM eles têm? Que tipo de Wi-Fi eles estão conectados? Um novo relatório fornece respostas para vários países e plataformas.
Atualizações das políticas da Chrome Web Store no terceiro trimestre de 2021
Atualizamos nossos requisitos de segurança e esclarecemos algumas políticas para manter a alta qualidade das extensões e a consistência da experiência dos desenvolvedores.
A vida de um service worker
Entender como os service workers se comportam para possibilitar aplicativos off-line.
O que é o Workbox?
Apresentação do Workbox, um conjunto de módulos que simplifica o roteamento e o armazenamento em cache comuns de service workers.
Estratégias para armazenamento em cache do service worker
Uma visão geral do armazenamento em cache em service workers.
Descontinuações e remoções no Chrome 95
Um resumo das descontinuações e remoções do Chrome 95 para ajudar você no planejamento.
Transição das extensões do Chrome para o Manifesto V3
Compartilhando detalhes sobre o plano para mover extensões para o Manifesto V3
Novidades do Chrome 94
O Chrome 94 já está sendo lançado. O espaço de cores padrão para elementos `` agora é definido formalmente como SRGB, e você pode mudá-lo para o Display P3. Existe uma maneira nova e de baixo nível de acessar codecs de áudio e vídeo integrados, importantes para streaming de jogos, editores de vídeo e outros. A WebGPU inicia o teste de origem. E tem muito mais!
Novidades do DevTools (Chrome 95)
Novas ferramentas de criação de tamanho de CSS, ocultação de problemas na guia "Problemas", melhoria na exibição de propriedades e muito mais.
Como modernizar a infraestrutura de CSS no DevTools
Como pesquisamos e atualizamos a infraestrutura do CSS no DevTools.
Análise detalhada: VideoNG
Saiba mais sobre sistemas modernos de reprodução e como o Chromium gera centenas de milhões de horas de tempo de exibição todos os dias.
Novidades do Lighthouse 8.4
O Lighthouse 8.4 agora protege contra o carregamento lento de imagens LCP e falhas na FID sem uma janela de visualização para dispositivos móveis.
Controle total com a API VirtualKeyboard
Gerencie você mesmo, já que o navegador lida com a oclusão de conteúdo quando o teclado virtual de um dispositivo sensível ao toque aparece.
Novidades do Chrome 93
O Chrome 93 está sendo lançado. Agora é possível carregar folhas de estilo CSS com instruções de importação, assim como os módulos JavaScript. Os PWAs instalados podem ser registrados como gerenciadores de URL, possibilitando que os usuários acessem diretamente o PWA. A API Multi-Screen Window Placement foi atualizada com base no seu feedback e inicia um segundo teste de origem. Estamos encurtando o ciclo de lançamento da versão estável para quatro semanas. E há muito mais.
Descontinuações e remoções no Chrome 93
Um resumo das descontinuações e remoções do Chrome 93 para ajudar você no planejamento.
Descontinuações e remoções no Chrome 94
Um resumo das descontinuações e remoções no Chrome 94 para ajudar você no planejamento.
Chromium Chronicle #24: strongAlias, IdType e TokenType
Às vezes, o mesmo tipo pode representar valores de domínios incompatíveis, o que pode causar bugs. Felizmente, a //base do Chromium facilita a introdução de tipos explícitos e distintos.
Atualização do Private Network Access: lançamento de um teste de descontinuação
O Chrome está descontinuando o acesso a endpoints de rede particulares por sites públicos não seguros no Chrome 94 como parte da especificação de acesso à rede privada. Continue lendo para conferir as ações recomendadas.
Roteamento moderno no lado do cliente: API Navigation
Saiba mais sobre a Navigation API, uma nova API que inclui funcionalidades aprimoradas para criar aplicativos de página única.
Principais estruturas de dados em RenderingNG
Entenda os componentes da arquitetura RenderingNG e como o pipeline de renderização flui por eles.
Novidades do DevTools (Chrome 94)
Use o DevTools no idioma que preferir, novos dispositivos Nest Hub, novo selo de consultas de contêiner CSS e muito mais.
Ferramentas de grade CSS no DevTools
Como projetamos e implementamos o suporte a ferramentas de grade CSS no DevTools.
Ferramentas de grade CSS no DevTools
Como projetamos e implementamos o suporte a ferramentas de grade CSS no DevTools.
Descontinuações e remoções no Chrome 92
Um resumo das descontinuações e remoções do Chrome 92 para ajudar você no planejamento.
Resolver problemas de testes de origem do Chrome
Resolva problemas comuns com tokens de teste em metatags, cabeçalhos e scripts. Você também aprenderá sobre o suporte para depuração no Chrome DevTools.
Política de abertura de origem cruzada
Documentação de referência para a propriedade cross_origin_opener_policy do manifest.json.
Política de abertura de origem cruzada
Documentação de referência para a propriedade cross_origin_opener_policy do manifest.json.
Descontinuações e remoções no Chrome 91
Um resumo das descontinuações e remoções do Chrome 91 para ajudar no planejamento.
Política do incorporador de origem cruzada
Documentação de referência para a propriedade cross_origin_embedder_policy do manifest.json.
Política do incorporador de origem cruzada
Documentação de referência para a propriedade cross_origin_embedder_policy do manifest.json.
Iniciar PWAs automaticamente no login do SO
Muitos sistemas operacionais oferecem a capacidade de iniciar aplicativos automaticamente quando o usuário faz login. Esse recurso agora está disponível para aplicativos da Web instalados.
Como restringir o compartilhamento do módulo Wasm para a mesma origem
O compartilhamento de um módulo WebAssembly entre ambientes com o mesmo site será restrito apenas à mesma origem.
Carregar recursos de origem cruzada sem cabeçalhos CORP usando COEP: sem credencial
O teste de origem "Cross-Origin-Embedder-Policy: sem credencial" estará disponível a partir do Chrome 93. Com esse novo valor, as páginas da Web podem ativar o isolamento de origem cruzada sem que os recursos de origem cruzada respondam com um cabeçalho "CORP: cross-origin" enviando solicitações sem credencial.
WebDriver BiDi - O futuro da automação entre navegadores
Entender o que é o WebDriver BiDi e por que ele é o futuro da automação entre navegadores
Novidades do DevTools (Chrome 93)
Consultas editáveis de contêiner CSS, visualização de pacotes da Web, melhor tratamento de strings no console e muito mais.
Verificar um número de telefone no computador usando a API WebOTP
A partir do Chrome 93, os sites poderão confirmar números de telefone no Chrome para computador.
Chromium Chronicle #23: builds verificados na infraestrutura do Chrome
Com a implementação de uma verificação de aplicação das políticas no Chrome e na infraestrutura, pudemos verificar se determinados padrões mínimos de segurança foram atendidos.
Arquitetura RenderNG
Conheça os componentes da arquitetura RenderingNG e como o pipeline de renderização flui por eles.
Conceitos do Android (para desenvolvedores da Web)
Conceitos importantes e relevantes do Android para desenvolvedores da Web novos no Android e no Google Play.
URLPattern traz o roteamento para a plataforma da Web
Uma abordagem para padronizar casos de uso comuns de correspondência de padrões.
Extensões do Chrome: esclarecimento das nossas políticas de extensões para uma loja on-line mais segura e consistente
Atualizamos nossos requisitos de segurança e esclarecemos algumas políticas para manter a alta qualidade das extensões e a consistência da experiência dos desenvolvedores.
Chromium Chronicle #22: Conheça as ferramentas do Depot
O Depot Tools é uma coleção de ferramentas criada com base no Git para simplificar o fluxo de trabalho dos desenvolvedores que contribuem para a base de código do Chromium e os projetos relacionados.
Recursos em linha em frameworks JavaScript
Saiba mais sobre as otimizações mais recentes implementadas em frameworks de JavaScript em colaboração com o projeto Aurora.
Ações de extensão no Manifesto V3
As extensões do Chrome tinham as APIs de navegador e de ações na página por anos, mas o Manifest V3 substituiu as duas por uma API Actions genérica. Esta postagem explora a história dessas APIs e o que mudou no Manifesto V3.
RenderingNG
Em 2021, concluímos em grande parte o processo de design, criação e lançamento do RenderingNG, uma arquitetura de renderização de última geração para o Chromium.
Armazenamento de alto desempenho para seu app: a API Storage Foundation
A API Storage Foundation propôs uma API de armazenamento semelhante a um sistema de arquivos básico, com acesso direto aos dados armazenados por buffers e deslocamentos.
Garantir que a CSP seja eficaz contra ataques XSS
Aprenda a evitar ataques de scripting em vários locais (XSS) com uma Política de Segurança de Conteúdo (CSP) rigorosa.
TablesNG resolve 72 bugs do Chromium para melhorar a interoperabilidade
-- Um novo mecanismo de renderização para tabelas torna a criação de dados tabulares mais consistente em toda a web.
Conformidade para frameworks
Este artigo descreve a conformidade, uma metodologia usada em frameworks do Google, e como planejamos abrir o código dela para o ecossistema do framework JavaScript
Conheça o Aurora
Este artigo apresenta o Aurora, uma iniciativa do Chrome para colaborar estreitamente com frameworks de código aberto
Apresentação do Memory Inspector
Este artigo apresenta o Inspetor de memória que chegou ao Chrome 91. Ela permite que você inspecione ArrayBuffer, TypedArray, DataView e Wasm Memory.
Inspecionar layouts de grade CSS
Aprenda a usar o Chrome DevTools para visualizar e mudar as grades CSS.
Introdução ao chrome.scripting
A API Scripting é uma nova API Manifest V3 focada em scripts. Vamos analisar as motivações para essa mudança e como ela é diferente.
API Compute Pressure
A pressão de computação oferece estados de alto nível que representam a pressão no sistema. Ela permite que a implementação use as métricas de hardware subjacentes certas para garantir que os usuários possam aproveitar toda a capacidade de processamento disponível, desde que o sistema não esteja sob estresse não gerenciável.
PWAs como gerenciadores de URLs
Depois de registrar um PWA como um gerenciador de URL, quando um usuário clicar em um hiperlink que corresponda a um dos padrões de URL registrados, o PWA registrado será aberto.
Novidades do DevTools (Chrome 92)
Editor de grade CSS, suporte para nova declaração constante no console, visualizador de pedido de origem e muito mais.
Chromium Chronicle #21: automação completa da IU do ChromeOS
Foi criada uma nova biblioteca de IU que usa a árvore de acessibilidade (acessibilidade) do Chrome para controlar a IU do ChromeOS. A biblioteca permite que os desenvolvedores criem facilmente testes completos em qualquer superfície de IU visível.
Novidades do Chrome 91
O Chrome 91 está sendo lançado! Os apps da Web que interagem com arquivos agora podem sugerir nomes de arquivos e diretórios ao usar a API File System Access. Você também pode ler arquivos da área de transferência. Se o site tiver mais de um domínio e eles compartilharem o mesmo back-end de gerenciamento de contas, você poderá informar ao Chrome que eles são iguais, permitindo que o Gerenciador de senhas sugira as credenciais corretas. Além disso, todos os vídeos do I/O já estão disponíveis e muito mais.
Escolha como os links no escopo abrem seu PWA com a captura declarativa de links
A captura declarativa de link é uma proposta de uma propriedade de manifesto de app da Web chamada "capture_links" que permite aos desenvolvedores determinar de forma declarativa o que deve acontecer quando o navegador é solicitado a navegar até um URL que está no escopo de navegação do aplicativo, de um contexto fora desse escopo.
Como definir sinalizações do navegador no Chromium
Para algumas das novas APIs que apresentamos no Chromium, você precisa definir uma flag do navegador para a experimentação. Saiba como fazer isso nos vários derivados do Chromium, como o Google Chrome, o Microsoft Edge e outros.
Atividades confiáveis na Web que priorizam o modo off-line
Como exibir uma tela off-line substituta quando, na primeira vez que o usuário abre o app, não há conectividade.
Registro do gerenciador de protocolo de URL para PWAs
Após registrar um PWA como gerenciador de protocolo, quando um usuário clicar em um hiperlink com um esquema específico, como mailto, bitcoin ou música da Web de um navegador ou app específico da plataforma, o PWA registrado será aberto e receberá o URL.
Como aceleramos os stack traces do Chrome DevTools em 10 vezes
Como aceleramos os stack traces do Chrome DevTools em 10 vezes.
Streams inseríveis para MediaStreamTrack
Streams inseríveis para o MediaStreamTrack são sobre a exposição do conteúdo de um MediaStreamTrack como um stream que pode ser manipulado ou usado para gerar novo conteúdo.
Chromium Chronicle #20: comparativos de mercado de arcabouços de testes
Adicionar comparativos de mercado é uma maneira fácil de evitar regressões de desempenho e melhorar os resultados.
Conversor de manifesto de extensão
Ferramenta de código aberto para converter extensões em Manifesto V3. Você ainda vai precisar atualizar manualmente qualquer código com mudanças não mecânicas, como a adaptação para usar service workers ou alguma injeção de script.
IU de instalação de PWA mais avançada
Uma introdução à IU de instalação mais avançada com orientações sobre como implementá-la.
Novidades do DevTools (Chrome 91)
Pop-up de informações do Web Vitals, visualização do ajuste de rolagem do CSS, novo Inspetor de memória e muito mais.
Como alinhar timers com restrições de isolamento de origem cruzada
A partir do Chrome 91, a resolução de timers explícitos será restrita a 100 microssegundos em todas as plataformas sem isolamento de origem cruzada.
Recursos acessíveis na Web para o Manifesto V3
Os recursos acessíveis à Web para o Manifesto V3 chegaram. Agora, o arquivo "manifest.json" é compatível com as definições de permissão. Os desenvolvedores podem restringir recursos com base na origem do site ou no código da extensão que fez a solicitação.
Novidades do Chrome 90
O Chrome 90 já está sendo lançado. Há um novo valor para a propriedade flutuante do CSS. A API Feature Policy foi renomeada como Política de permissões. E há uma nova maneira de implementar e usar o Shadow DOM diretamente em HTML. E há muito mais.
Atualização da arquitetura do DevTools: migração do DevTools para o TypeScript
Como migramos o Chrome DevTools do verificador de tipo Closure Compiler para o TypeScript.
Chromium Chronicle #19: desenvolvimento mais rápido com CLion
O ambiente de desenvolvimento integrado do CLion possibilita a navegação entre símbolos, pesquisa na base de código e muito mais.
Descontinuações e remoções no Chrome 90
Um resumo das descontinuações e remoções do Chrome 90 para ajudar você no planejamento.
Como adicionar a magnitude da classificação ao relatório CrUX no BigQuery
Adição da magnitude da classificação ao relatório CrUX no BigQuery.
Guia da API VersionHistory
Um guia de instruções sobre como usar a API do serviço da Web VersionHistory para acessar programaticamente as informações do histórico de versões do Google Chrome.
Acelerando o ciclo de lançamento do Google Chrome
Ainda este ano, planejamos encurtar o ciclo de lançamento e enviar uma nova versão do Google Chrome para o Canal Stable a cada quatro semanas, em comparação com o ciclo atual de seis semanas.
Novidades do Chrome 89
O Chrome 89 já está sendo lançado. WebHID, WebNFC e Web Serial concluíram os testes de origem e agora estão disponíveis na versão estável. Estamos fechando uma brecha que alguns desenvolvedores costumavam contornar as verificações de instalação do PWA. "Compartilhamento da Web" e "Destino do compartilhamento da Web" chegam à área de trabalho. E há muito mais!
Novidades do DevTools (Chrome 90)
Suporte de depuração para o Flexbox do CSS, alerta de desempenho na página, atualizações da guia de problemas e muito mais.
Suporte a CSS-in-JS no DevTools
Como oferecemos suporte a CSS-in-JS no DevTools e qual é a diferença entre ele e o CSS normal.
Suporte a CSS-in-JS no DevTools
Como oferecemos suporte a CSS-in-JS no DevTools e qual é a diferença entre ele e o CSS normal.
Preparação para os modos de exibição do amanhã
A propriedade display_override permite que os desenvolvedores definam uma cadeia de substitutos personalizada de modos em que os PWAs serão exibidos.
Atualizações nos recursos de animação com aceleração de hardware
O Chromium está atualizando seus recursos de aceleração de hardware para animações SVG, transformações baseadas em porcentagem, caminhos de corte, imagens de plano de fundo e muito mais.
The Chromium Chronicle #18: cobertura de código do Chromium
A cobertura de teste mede quanto código-fonte é executado quando um pacote de testes específico é executado.
Dia Internacional da Língua Materna 2021
O Dia Internacional da Língua Materna é uma celebração anual da diversidade cultural, celebrada no mundo todo em 21 de fevereiro. Ela promove a preservação e proteção dos idiomas falados em todo o mundo e celebra o multilíngue.
Melhoria na detecção do suporte a Progressive Web App off-line
A verificação do suporte off-line faz parte dos critérios de instalação dos PWAs desde o início.
Como melhorar o tempo de inicialização do DevTools
Reduzir a sobrecarga de desempenho do DevTools no envio de mensagens no front-end.
Descontinuações e remoções no Chrome 89
Um resumo das descontinuações e remoções do Chrome 89 para ajudar você no planejamento.
Como automatizar a seleção de recursos com dicas do cliente
A otimização de imagens é difícil, e a automação é a chave do sucesso.
Chromium Chronicle #17: mixins de teste de navegador
Ao criar um teste de navegador, muitas vezes é recomendável executar de forma programática ações de configuração que o usuário poderia fazer manualmente. Para ajudar nisso, os mixins são um conjunto de ferramentas para realizar testes não triviais de navegadores de maneira reutilizável.
Receba pagamentos pelo Google Play Faturamento com a API Digital Goods e a API Payment Request
Receba pagamentos pelo Google Play Faturamento no seu PWA com a API Digital Goods, a API Payment Request e o Trusted Web Activity.
Novidades do Chrome 88
O Chrome 88 já está sendo lançado. Agora você pode fazer upload de extensões para a Chrome Web Store usando o manifesto v3. A propriedade CSS de proporção facilita a definição de proporção em qualquer elemento. Agora você pode usar o Play Faturamento na sua Atividade confiável na Web e tem muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 88!
Novidades do DevTools (Chrome 89)
Suporte à depuração de violações de Tipos confiáveis, captura de tela do nó além da janela de visualização, nova guia "Tokens de confiança" para solicitações de rede e muito mais.
Atualizações de SharedArrayBuffer no Chrome 88 para Android e Chrome 92 para computador
A classe SharedArrayBuffer vai ser lançada no Android Chrome 88. Os dados vão ficar disponíveis apenas para páginas com isolamento de origem cruzada. A partir do Chrome 92 para computadores, o recurso também vai estar disponível apenas para páginas isoladas de origem cruzada. Você pode se registrar em um teste de origem para manter o comportamento atual até o Chrome 113 para computador.
Limitação intensa de timers do JS encadeados a partir do Chrome 88
A limitação intensa entra em vigor quando a página está oculta por mais de cinco minutos, quando a página está em silêncio por pelo menos 30 segundos, o WebRTC não está em uso e a cadeia de timers é de 5 ou mais.
Chromium Chronicle #16: como atualizar o Google Apps no computador
Você já se perguntou como o Chrome se mantém atualizado no seu computador? Ou como as atualizações são transmitidas para Chromebooks, Chromecast ou Android?
Como depurar o WebAssembly com ferramentas modernas
Visão geral detalhada da nova experiência de depuração do WebAssembly no Chrome DevTools.
Atualização da arquitetura do DevTools: migração para o Web Components
Por que e como migrar o Chrome DevTools para o Web Components.
Descontinuações e remoções no Chrome 88
Um resumo das descontinuações e remoções do Chrome 88 para ajudar no seu planejamento.
Este é o novo developer.chrome.com!
Anúncio da reformulação do site e um resumo dos nossos planos para 2021.
Usar o Google Play Faturamento
O Google Play Faturamento oferece ferramentas para gerenciar seu catálogo, preços e assinaturas, relatórios e um fluxo de finalização de compra com a Play Store.
Novidades da Web no Google Play
Saiba mais sobre os novos recursos para aplicativos da Web que usam a Atividade na Web confiável.
Carregamento lento de recursos de terceiros com fachadas
Saiba mais sobre as oportunidades de carregamento lento de recursos de terceiros com fachadas.
Chromium Chronicle #15: como restringir a visibilidade do público-alvo
No Chromium, é comum encontrar código escrito para um componente que seria útil em outro lugar, mas poderia ter restrições ocultas. Por motivos de segurança, limite o acesso externo a funcionalidades perigosas restringindo a visibilidade do destino.
Usar o Play Faturamento na sua Atividade confiável na Web
Aprenda a integrar o Google Play Faturamento ao seu projeto de atividade confiável na Web.
Como simular deficiências de visão de cores no Blink Renderer
Por que e como implementamos a simulação de deficiência de visão de cores no DevTools e no Blink Renderer.
Melhor programação de JS com isInputPending()
Uma nova API JavaScript que pode ajudar a evitar o equilíbrio entre desempenho de carregamento e capacidade de resposta de entrada.
Novidades do Chrome 87
O Chrome 87 está sendo lançado. Agora é possível controlar movimentação, inclinação e zoom em webcams compatíveis, solicitações de intervalo e service workers não exigem tantas soluções alternativas, a API de acesso a fontes inicia o teste de origem e muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 87!
receitas-de-caixa de trabalho
Use padrões comuns de caixa de trabalho com facilidade, sem a necessidade de configurá-los por conta própria.
Novidades do DevTools (Chrome 88)
Novas ferramentas de visualização de ângulo do CSS, emular tipos de imagem e cotas de armazenamento não compatíveis, nova faixa das Métricas da Web e muito mais.
Puppetaria: scripts Puppeteer com foco na acessibilidade
Puppetaria: scripts Puppeteer que priorizam a acessibilidade permitem um gerenciador de consultas alternativo baseado na consulta da árvore de acessibilidade em vez de depender de seletores de CSS.
Ativar o destino de compartilhamento da Web na Atividade na Web confiável
Saiba como ativar o destino de compartilhamento da Web em um projeto usando a Atividade na Web confiável.
Solicitação de feedback: CORS para redes privadas (RFC1918)
A exposição não intencional de dispositivos e servidores da rede interna de um cliente à Web o deixa vulneráveis a ataques maliciosos. O CORS-RFC1918 é uma proposta para bloquear solicitações de redes públicas por padrão no navegador e exigir que dispositivos internos aceitem essas solicitações.
Chromium Chronicle #14: como adicionar testes à cascata
Quer detectar regressões para seu novo recurso no Chrome? Adicione seus testes à hierarquia, à infraestrutura contínua de teste e compilação do Chrome.
Permitir que aplicativos da Web instalados sejam gerenciadores de arquivos
Registre um app como um gerenciador de arquivos no sistema operacional. Agora que os apps da Web podem ler e gravar arquivos, a próxima etapa lógica é permitir que os desenvolvedores declarem esses mesmos apps da Web como gerenciadores de arquivos
Como criamos a guia WebAuthn do Chrome DevTools
Como criamos a guia WebAuthn do Chrome DevTools para permitir que os desenvolvedores emulem os autenticadores, personalizem os recursos deles e inspecionem os estados deles.
Descontinuações e remoções no Chrome 87
Um resumo das descontinuações e remoções do Chrome 87 para ajudar você no planejamento.
Processamento de vídeo com WebCodecs
Trabalhe com componentes de um stream de vídeo, como frames e blocos não misturados de vídeo ou áudio codificado.
Como ganhar segurança e privacidade com o particionamento do cache
O particionamento de cache HTTP do Chrome oferece mais segurança e privacidade.
Novidades do Chrome 86
O Chrome 86 está sendo lançado! A API de acesso ao sistema de arquivos agora está disponível na versão estável. Há novos testes de origem para o HID da Web e a API Multi-Screen Window. Há algumas novidades no CSS e muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 86!
Testes de origem de terceiros
Saiba como os provedores de conteúdo incorporado podem testar recursos novos ou experimentais da plataforma da Web em vários sites.
Novidades do DevTools (Chrome 87)
Novas ferramentas de depuração de grade CSS, guia "Web Authn", ferramentas móveis e painel da barra lateral Computed.
Como criamos a guia "Problemas" do Chrome DevTools
Como criamos a guia "Problemas" do Chrome DevTools para melhorar a experiência do desenvolvedor na descoberta e solução de problemas.
Sensores: emular sensores do dispositivo
Use o painel "Sensors" para substituir a geolocalização, simular a orientação do dispositivo, forçar o toque e emular o estado inativo.
Como se conectar a dispositivos HID incomuns
A API WebHID permite que os sites acessem teclados auxiliares alternativos e gamepads exóticos.
Como gerenciar várias telas com a API Window Management
A API Window Management permite enumerar as telas conectadas à sua máquina e posicionar janelas em telas específicas.
Atualização da arquitetura do DevTools: migração para módulos JavaScript
Como migramos o Chrome DevTools para módulos JavaScript.
Descontinuações e remoções no Chrome 86
Um resumo das descontinuações e remoções do Chrome 86 para ajudar no planejamento.
Novidades do Chrome 85
O Chrome 85 está sendo lançado! É possível melhorar o desempenho da renderização com a visibilidade do conteúdo: automática. As propriedades CSS agora podem ser definidas... no CSS. Agora é possível conferir se o app do Windows ou o PWA está instalado com a API get provavelmenteRelatedApps(). Os atalhos de ícones do app também funcionam no Windows (agora na verdade). Há um teste de origem para streaming de upload de busca. E muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 85!
Usar tipografia avançada com fontes locais
A API Local Font Access enumera as fontes locais instaladas do usuário e fornece acesso de baixo nível às várias tabelas TrueType/OpenType.
Novidades do DevTools (Chrome 86)
Painel "Nova mídia", captura de tela do nó, atualizações da guia "Problemas", emular fontes locais ausentes, usuários inativos e dados preferidos-reduzidos
Ler e gravar em uma porta serial
A API Web Serial conecta a Web e o mundo físico, permitindo que os sites se comuniquem com dispositivos seriais.
Adicionar mais cabeçalhos de solicitação HTTP
Guia para adicionar cabeçalhos HTTP CORS em intents da guia personalizada.
Uma nova política de referenciador padrão para o Chrome: strict-origin-when-cross-origin
Uma nova política de referenciador padrão para o Chrome: strict-origin-when-cross-origin
Capturar teclas com a API Keyboard Lock
A API Keyboard Lock permite que os sites capturem teclas que normalmente são reservadas pelo sistema operacional subjacente. Ela é destinada a aplicativos da Web que fornecem uma experiência imersiva em tela cheia, como jogos ou apps de acesso remoto.
Como ler e gravar arquivos e diretórios com a biblioteca browser-fs-access
Todos os navegadores modernos podem ler arquivos e diretórios locais. No entanto, o verdadeiro acesso de gravação, ou seja, mais do que apenas fazer o download de arquivos, é limitado aos navegadores que implementam a API File System Access. Esta postagem apresenta uma biblioteca de suporte chamada browser-fs-access, que atua como uma camada de abstração sobre a API File System Access e recua de forma transparente às abordagens legadas para lidar com arquivos.
Solicitações de streaming com a API Fetch
A partir da versão 105, o Chromium oferece suporte ao streaming de uploads, o que significa que você pode iniciar uma solicitação antes de ter todo o corpo disponível.
Descontinuações e remoções no Chrome 85
Um resumo das descontinuações e remoções do Chrome 85 para ajudar no seu planejamento.
Houdini: desmistificando o CSS
O Houdini é um conjunto de APIs que expõe o interior do mecanismo CSS aos desenvolvedores
Novidades do Chrome 84
O Chrome 84 já está sendo lançado. Os usuários podem iniciar tarefas comuns no app com os atalhos do ícone do app. A API Web Animations adiciona suporte a vários recursos sem suporte anteriormente. O Wake Lock e a API Content Indexing se qualificam no teste de origem. Há novos testes de origem para detecção de inatividade e SIMD. E tem muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 84!
Remover o JavaScript não utilizado
Saiba como ser aprovado na auditoria do Lighthouse "Remover JavaScript não usado.
Novidades do DevTools (Chrome 85)
Edição de estilo para estruturas CSS-in-JS, Lighthouse 6.0, novos recursos JavaScript e muito mais.
Como melhorar a privacidade do usuário e a experiência do desenvolvedor com as dicas de cliente HTTP do user agent
As dicas de cliente do user agent são uma nova expansão da API Client Hints, que permite que os desenvolvedores acessem informações sobre o navegador de um usuário de maneira ergonômica e que preserva a privacidade. Os Client Hints permitem que os
Como usar a API CrUX
Aprenda a usar a API Chrome UX Report para ter acesso RESTful a dados de experiência do usuário real em milhões de sites.
Como criar um painel CrUX no Looker Studio
O Looker Studio é uma ferramenta de visualização de dados eficiente que permite criar painéis com fontes de Big Data, como o Chrome UX Report. Neste guia, você vai aprender a criar seu próprio dashboard personalizado do CrUX para monitorar a experiência do usuário de uma origem.
Como usar o conjunto de dados CrUX do BigQuery
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.
Como usar o WebTransport
A WebTransport é uma API que oferece mensagens cliente-servidor de baixa latência e bidirecionais. Saiba mais sobre os casos de uso e como enviar feedback sobre o futuro da implementação.
Descontinuações e remoções no Chrome 84
Um resumo das descontinuações e remoções do Chrome 84 para ajudar no seu planejamento.
Novidades do Chrome 83
O Chrome 83 está sendo lançado. Ela inclui suporte a tipos confiáveis, que ajudam a prevenir vulnerabilidades de script em vários locais. Os elementos do formulário vão passar por uma transformação importante. Existe uma nova forma de detectar vazamentos de memória. A API nativa do sistema de arquivos inicia um novo teste de origem com mais funcionalidades. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 83!
Novidades do Lighthouse 6.0
Novas métricas, atualização da pontuação de desempenho, novas auditorias e muito mais. Hoje lançamos o Lighthouse 6.0. O Lighthouse é uma ferramenta automatizada de auditoria de sites que ajuda os desenvolvedores com oportunidades e diagnósticos para
Detectar usuários inativos com a API Idle Detection
A API Idle Detection notifica os desenvolvedores quando um usuário está inativo, indicando itens como falta de interação com teclado, mouse, tela, ativação de protetor, bloqueio da tela ou mudança para outra tela. Um limite definido pelo desenvolvedor aciona a notificação.
Problemas: encontrar e corrigir problemas
Use o painel "Problemas" para encontrar e corrigir problemas no seu site.
Novidades do DevTools (Chrome 84)
A nova guia "Issues", informações de acessibilidade na dica do modo de inspeção e muito mais.
A declaração de charset está ausente ou ocorre tarde demais no HTML
Saiba como adicionar uma declaração de codificação de caracteres ao seu HTML.
Descontinuações e remoções no Chrome 83
Um resumo das descontinuações e remoções do Chrome 83 para ajudar no seu planejamento.
Novidades do Chrome 81
O Chrome 81 está sendo lançado! Selo do ícone do app concluído no teste de origem. Os testes de hit para realidade aumentada agora estão disponíveis no navegador. A NFC Web inicia o teste de origem. E recebi uma atualização sobre o cronograma ajustado de lançamentos do Chrome. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 81!
WebSocketStream: como integrar streams à API WebSocket
O WebSocketStream integra streams à API WebSocket. Isso permite que o app aplique a contrapressão às mensagens recebidas.
Chromium Chronicle #13: depuração de viagens no tempo com RR
Você executa o mesmo teste várias vezes no depurador, tentando descobrir como o código está em mau estado? Temos uma ferramenta para você. O RR vai registrar um rastro de execução, o que facilita o avanço e a volta, confere onde as variáveis mudaram de valor ou quando uma função foi chamada pela última vez em um objeto.
Novidades do DevTools (Chrome 83)
Emule deficiências de visão de cores, emule localidades, depuração COOP e COEP e muito mais.
Descontinuações e remoções no Chrome 81
Um resumo das descontinuações e remoções do Chrome 81 para ajudar no planejamento.
Interagir com dispositivos NFC no Chrome para Android
Agora é possível ler e gravar em tags NFC no Chrome para Android.
Adição de dados de permissão de notificações ao relatório de experiência do usuário do Chrome
Para ajudar os proprietários de sites a entender as métricas de permissão de notificações, adicionamos esses dados ao relatório de experiência do usuário do Chrome (CrUX, na sigla em inglês) no conjunto de dados de 202001. Isso permite entender melhor as respostas típicas de permissão a notificações do usuário para seus sites e sites comparáveis da mesma categoria.
Chromium Chronicle #10: como detectar regressões de IU com testes de pixel
A estratégia de testes do Chrome depende muito de testes manuais de precisão funcional e de testes manuais, mas nenhuma delas detecta regressões de IU menores de forma confiável. Use testes de pixel para automatizar os testes da IU do navegador para computador.
Visão geral
Saiba como você pode integrar perfeitamente seu Progressive Web App ao seu app Android com uma atividade confiável na Web.
Usar a API de nível inferior da Guia personalizada
Aprenda a usar uma guia personalizada sem a Biblioteca de Suporte do navegador AndroidX.
Novidades do Chrome 80
O Chrome 80 está sendo lançado agora e tem muitas coisas novas para desenvolvedores! O app oferece suporte a módulos em workers, encadeamento opcional em JavaScript, novos testes de origem, recursos que receberam upgrade e muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 80!
Características da terra
Uma visão geral das bibliotecas e ferramentas para criar atividades confiáveis na Web.
Visão geral das guias personalizadas do Android
Saiba qual é a melhor forma de usar as guias personalizadas do Android para abrir um URL no seu app Android.
Verificar se um dispositivo Android tem um navegador compatível com guias personalizadas
Aprenda a verificar se um dispositivo Android tem um navegador compatível com a guia personalizada.
Abrir uma guia personalizada para links em um WebView
Combine WebViews e guias personalizadas para oferecer uma experiência melhor ao usuário.
Novidades do DevTools (Chrome 81)
Moto G4 no modo dispositivo, novos recursos relacionados a cookies e muito mais.
Como transmitir informações para uma Atividade confiável na Web usando parâmetros de consulta
Como transmitir informações do shell nativo para o app da Web ao iniciar uma atividade confiável na Web.
Atividades confiáveis na Web de várias origens
Como criar um aplicativo usando atividades confiáveis da Web com suporte para abrir várias origens em tela cheia.
Maior exibição de conteúdo
Saiba mais sobre a métrica "Maior exibição de conteúdo" do Lighthouse e como medir e otimizar essa métrica.
android-browser-helper, uma nova biblioteca para criar atividades confiáveis na Web.
Apresenta o android-browser-helper, uma nova biblioteca para criar atividades confiáveis na Web.
Descontinuações e remoções no Chrome 80
Um resumo das descontinuações e remoções do Chrome 80 para ajudar você no planejamento.
Chromium Chronicle 9: ClusterFuzz
Talvez você precise corrigir bugs de segurança de alta prioridade descobertos pelo ClusterFuzz. O que é? Você deve levar esses bugs a sério? Que tipo de coisas você faz?
Como indexar suas páginas compatíveis com o modo off-line com a API Content Indexing
Seu PWA pode armazenar artigos e arquivos de mídia em cache, mas como os usuários vão saber que suas páginas funcionam off-line? A API Content Indexing é uma resposta para essa pergunta. Quando o índice for preenchido com o conteúdo do seu PWA, bem como de outros PWAs instalados, ele será exibido em áreas dedicadas dos navegadores compatíveis.
Novidades do Chrome 79
O Chrome 79 já está sendo lançado. Os Progressive Web Apps instalados no Android recebem suporte para ícones mascaráveis. Agora você pode criar experiências imersivas com a API WebXR Device. Os testes de origem começam para a API Wake Lock e o atributo rendersubtree. E todos os vídeos da Conferência de Desenvolvedores do Chrome 2019 já estão on-line. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 79!
Novidades do DevTools (Chrome 80)
Compatibilidade com novas declarações de permissão e classe no Console, depuração aprimorada do WebAssembly e muito mais.
Melhoria na depuração do WebAssembly no Chrome DevTools
Percorra o código, defina pontos de interrupção e resolva stack traces nos seus idiomas de origem pelo DevTools.
Chromium Chronicle #8: GWP-ASan: Detecte bugs na natureza
O GWP-ASan é um detector de erros de memória somente de heap projetado para uso livre. Ele detecta use-after-frees, overflows/underflows do buffer e liberações duplas. Ao contrário do ASan, ele não detecta erros na pilha ou em globais.
Começar a usar os Web Bundles
Os Web Bundles permitem que você compartilhe sites como um único arquivo por Bluetooth e os execute off-line no contexto da sua origem.
Experiências off-line mais completas com a API Periodic Background Sync
A Sincronização em segundo plano periódica permite que aplicativos da Web sincronizem dados periodicamente em segundo plano, aproximando os apps da Web do comportamento de um app iOS/Android/computador.
Como receber dados compartilhados com a API Web Share Target
Em um dispositivo móvel ou desktop, basta clicar no botão "Compartilhar", escolher um app e escolher com quem. A API Web Share Target permite que os apps da Web instalados se registrem no sistema operacional subjacente para receber conteúdo compartilhado.
Descontinuações e remoções no Chrome 79
Um resumo das descontinuações e remoções do Chrome 79 para ajudar você no planejamento.
Chromium Chronicle #7: origem do pré-processamento
A compilação manual de um único arquivo de origem do Chromium pode ajudar os desenvolvedores a testar opções de otimização do compilador, entender detalhes sutis de macro ou minimizar um bug do compilador. Neste mês, mostraremos como pré-processar origens.
API Notification Triggers
A API Notification Triggers permite que os desenvolvedores programem notificações locais que não precisam de uma conexão de rede, o que as torna ideais para casos de uso como aplicativos de agenda.
Novidades do Chrome 78
O Chrome 78 está sendo lançado. Agora você pode fornecer "tipos" para variáveis CSS. Você recebe service workers mais atualizados porque as verificações byte por byte agora são realizadas para scripts importados por importScripts(). Além disso, temos detalhes de dois novos testes de origem que oferecem algumas funcionalidades novas, incluindo o Sistema de arquivos nativo e o Receptor de SMS. Além disso, o Chrome DevSummit vai acontecer de 11 a 12 de novembro de 2019. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 78!
Novidades do DevTools (Chrome 79)
Depure por que os cookies foram bloqueados, simule "prefers-color-scheme: dark", atualizações de cobertura de código e muito mais.
Tempo total de bloqueio
Saiba mais sobre a métrica "Tempo total de bloqueio" do Lighthouse e como medir e otimizar essa métrica.
Verificar números de telefone na Web com a API WebOTP
É complicado encontrar, memorizar e digitar OTPs enviadas por SMS. A API WebOTP simplifica o fluxo de trabalho de OTP para os usuários.
Chromium Chronicle #6: visualização em grade do Monorail
O Issue Tracker do Chrome, o Monorail, oferece uma visualização em grade que permite a visualização dos problemas em um quadro estilo Kanban. Este episódio explica como usar o modo de grade.
Pontuação de desempenho do Lighthouse
Saiba como o Lighthouse gera a pontuação de desempenho geral para sua página.
Pontuação de acessibilidade do Lighthouse
Saiba como o Lighthouse gera a pontuação de acessibilidade para sua página.
Descontinuações e remoções no Chrome 78
Um resumo das descontinuações e remoções do Chrome 78 para ajudar você no planejamento.
Service Workers mais novos, por padrão
As solicitações HTTP que verificam atualizações para o script do service worker não serão mais atendidas pelo cache HTTP por padrão, e os scripts importados podem acionar o fluxo de atualização do service worker.
Novidades do Chrome 77
O Chrome 77 está sendo lançado. Há uma maneira melhor de acompanhar o desempenho do seu site com a Maior exibição de conteúdo. Os Formulários têm novos recursos. O carregamento lento nativo chegou. O Chrome DevSummit será de 11 a 12 de novembro de 2019. E muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 77!
Depurar serviços em segundo plano
Veja relatórios e depure serviços em segundo plano, como a busca em segundo plano, a sincronização em segundo plano, as notificações, as mensagens push e muito mais.
Novidades do DevTools (Chrome 78)
Lighthouse 5.2 no painel Auditorias e Maior exibição de conteúdo no painel Desempenho.
Introdução à computação de GPU na Web
Esta postagem explora a API WebGPU experimental com exemplos e ajuda você a começar a realizar cálculos paralelos de dados usando a GPU.
Chromium Chronicle #5: Programação fora do sandbox
Todo o código tem bugs. O processo do navegador Chrome não tem sandbox, o que significa que esses bugs podem dar acesso total a códigos maliciosos a todo o dispositivo. Este episódio explica o que fazer e o que não fazer na programação sem sandbox.
Conheça a integridade do seu código com a API ReportingObserver
O ReportingObserver informa quando seu site usa uma API descontinuada ou encontra uma intervenção do navegador. A funcionalidade básica foi lançada originalmente no Chrome 69. A partir do Chrome 84, ele pode ser usado em workers. É bem simples.
Descontinuações e remoções no Chrome 77
Um resumo das descontinuações e remoções do Chrome 77 para ajudar você no planejamento.
Um seletor de contatos para a Web
O acesso aos contatos do usuário é um recurso dos apps iOS/Android desde (quase) o surgimento dos tempos. A API Contact Picker é uma API sob demanda que permite que os usuários selecionem uma ou mais entradas da sua lista de contatos e compartilhem detalhes limitados dos contatos selecionados com um site. Ele permite que os usuários compartilhem apenas o que querem e quando querem, além de facilitar o alcance e a conexão com amigos e familiares.
Chromium Chronicle #4: teste os recursos da plataforma da Web com o WPT
Os testes de plataforma da Web (WPT, na sigla em inglês) são a melhor maneira de testar recursos expostos à Web, já que eles são compartilhados com outros navegadores pelo GitHub. Neste mês, vamos conferir as práticas recomendadas da WPT.
Novidades no Chrome 76
O Chrome 76 está sendo lançado. Ele adiciona suporte à consulta de mídia "prefers-color-scheme" (esquema de cores) para disponibilizar o modo escuro nos sites. Um botão de instalação na omnibox para facilitar a instalação de Progressive Web Apps no computador. Uma forma de impedir que a minibarra de informações apareça em dispositivos móveis. Aumenta a frequência de atualização dos WebAPKs. E muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 76!
Atualizações de mídia no Chrome 75
Previsão se a reprodução será suave e com baixo consumo de energia para mídia criptografada e compatibilidade com a dica do atributo "playsInline" do elemento de vídeo.
Atualização dos Web Components: mais tempo para fazer upgrade para as APIs v1
Os usuários do Web Components v0 têm mais tempo para fazer a atualização para a v1, mas certifique-se e teste.
The Chromium Chronicle #3: cobertura de código no Gerrit
Os testes são essenciais porque encontram bugs e regressões, aplicam projetos melhores e facilitam a manutenção do código. Neste mês, vamos aprender a realizar testes completos com o Gerrit.
Descontinuações e remoções no Chrome 76
Um resumo das descontinuações e remoções do Chrome 76 para ajudar você no planejamento.
Atualizar WebAPKs com mais frequência
A partir do Chrome 76, os WebAPKs serão atualizados com mais frequência.
Novidades do Chrome 75
O Chrome 75 já está sendo lançado. Existe uma nova maneira de reduzir a latência nos elementos da tela. Os apps da Web agora podem compartilhar arquivos com outros apps instalados usando a página de compartilhamento no nível do sistema. Todas as palestras do Google I/O estão no nosso canal do YouTube. E muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 75!
Novidades do DevTools (Chrome 76)
Preenchimento automático com valores CSS, uma nova IU para configurações de rede e muito mais.
Chromium Chronicle #2: Como combater os incômodos no teste
Os testes instáveis são um problema comum no Chrome. Eles afetam a produtividade de outros desenvolvedores e são desativados ao longo do tempo. Este mês, vamos aprender a combater a inconsistência dos testes.
No Chrome 76, você pode ocultar a minibarra de informações "Adicionar à tela inicial"
Adicionando mais controle à minibarra de informações para PWAs no Chrome 76.
Realidade aumentada com visualizador de modelos
Em fevereiro, lançamos o componente da Web de visualizador de modelos, que permite adicionar de forma declarativa um modelo 3D a uma página da Web. Agora, estamos anunciando o suporte para RA no Android com a adição do atributo ar.
Paint Holding: reduzindo o flash de branco em navegações de mesma origem.
Uma visão geral rápida do armazenamento de tinta. Um recurso do Chrome para reduzir o flash branco em navegações de mesma origem.
Evitar vários redirecionamentos de página
Saiba por que os redirecionamentos reduzem a velocidade de carregamento da sua página da Web e como evitá-los.
Reduzir os tempos de resposta do servidor
Saiba mais sobre a auditoria de tempo de resposta do servidor.
Primeira exibição de conteúdo
Saiba mais sobre a métrica "Primeira exibição de conteúdo" do Lighthouse e como medir e otimizar essa métrica.
Os links não têm texto descritivo
Saiba mais sobre a auditoria do Lighthouse "Os links não têm texto descritivo.
Usar formatos de vídeo para conteúdo animado
Saiba mais sobre a auditoria eficiente de conteúdo animado.
Reduza o impacto do código de terceiros
Saiba como o código de terceiros, como redes de publicidade e serviços de análise, afeta o desempenho do carregamento de página e como você pode otimizar o código de terceiros.
Primeira exibição significativa
Saiba mais sobre a métrica "Primeira exibição significativa" descontinuada do Lighthouse e como medir e otimizar essa métrica.
Usa o cache do aplicativo
Saiba como migrar sua página da Web do cache de aplicativo descontinuado para a API Cache.
Não usa HTTP/2 para todos os recursos
Saiba por que o HTTP/2 é importante para o tempo de carregamento da sua página e como ativar o HTTP/2 no seu servidor.
O foco do usuário não fica preso acidentalmente em uma região
Aprenda a melhorar a acessibilidade para usuários de teclado, impedindo que o foco fique preso em uma região da página.
Controles personalizados têm funções ARIA
Aprenda a melhorar a acessibilidade adicionando ARIA aos controles personalizados para que as tecnologias adaptativas possam interpretar.
A página não tem o doctype HTML, acionando assim o modo quirks
Saiba como garantir que sua página não acione o modo quirks em navegadores mais antigos.
Erros do navegador foram registrados no console
Saiba como identificar e corrigir erros do navegador.
Disponibilize recursos estáticos com uma política de cache eficiente
Saiba como armazenar em cache os recursos estáticos da sua página da Web pode melhorar o desempenho e a confiabilidade de visitantes recorrentes.
Impedir que os usuários colem dados em campos de entrada
Saiba como melhorar a experiência do usuário na tela de login do seu site permitindo que os usuários colem dados nos campos de entrada.
O documento não tem um hreflang válido
Saiba mais sobre o "documento não tem uma auditoria hreflang" válida do Lighthouse.
Latência de entrada estimada
Saiba mais sobre a métrica de latência de entrada estimada do Lighthouse e como medir e otimizá-la.
O foco do usuário é direcionado para o novo conteúdo adicionado à página
Aprenda a fazer com que as mudanças no estado do seu app da Web sejam compreensíveis para os usuários de tecnologia adaptativa, mudando o foco para o conteúdo recém-adicionado.
Falha no código de status HTTP da página
Saiba mais sobre a auditoria do "código de status HTTP HTTP malsucedido da página" do Lighthouse.
Marcações e medições da velocidade do usuário
Saiba como a API User Timing pode ajudar você a obter dados de desempenho reais para sua página da web.
Usa document.write().
Saiba como acelerar o tempo de carregamento da sua página ao evitar document.write().
Mostra imagens com proporção incorreta
Saiba como exibir imagens responsivas com a proporção correta.
Bibliotecas JavaScript detectadas
Saiba mais sobre a auditoria de diagnósticos do Lighthouse "Detected JavaScript Libraries".
Os controles personalizados têm rótulos associados
Saiba como melhorar a acessibilidade garantindo que todos os controles personalizados tenham marcadores que os usuários de tecnologia assistiva possam acessar.
Mantenha as contagens de solicitações baixas e os tamanhos de transferência pequenos
Saiba como altas contagens de recursos e grandes tamanhos de transferência afetam o desempenho da carga. Confira estratégias para reduzir o número de solicitações e os tamanhos de transferências.
Usar listeners passivos para melhorar o desempenho de rolagem
Saiba como melhorar a capacidade de resposta de rolagem da sua página evitando listeners de eventos passivos.
O documento não tem um rel=canonical válido
Saiba mais sobre o fato de o documento não ter uma auditoria rel=canonical" válida do Lighthouse.
Reduzir o tempo de execução do JavaScript
Saiba como a execução de JavaScript pode diminuir a performance da sua página e como ela pode ser acelerada.
Links para destinos de origem cruzada não são seguros
Saiba como vincular recursos com segurança em outro host.
Índice de velocidade
Saiba mais sobre a métrica "Índice de velocidade" do Lighthouse e como otimizá-la.
Primeira CPU inativa
Saiba mais sobre a métrica "Primeira CPU inativa" descontinuada do Lighthouse e como otimizá-la.
Inclui bibliotecas JavaScript de front-end com vulnerabilidades de segurança conhecidas
Aprenda a tornar sua página mais segura substituindo as bibliotecas JavaScript com vulnerabilidades conhecidas.
Eliminar recursos de bloqueio de renderização
Saiba mais sobre a auditoria de recursos de bloqueio de renderização.
Evitar payloads de rede muito grandes
Saiba como melhorar o tempo de carregamento da sua página da Web reduzindo o tamanho total do arquivo dos recursos que você veicula aos usuários.
As áreas de toque não estão dimensionadas corretamente
Saiba mais sobre a auditoria do "Áreas de toque não dimensionadas adequadamente" a auditoria do Lighthouse.
O documento não usa tamanhos de fonte legíveis
Saiba mais sobre a auditoria do Lighthouse. O documento não usa tamanhos de fonte legíveis.
Elementos interativos indicam a finalidade e o estado
Aprenda a melhorar a acessibilidade dos controles personalizados na sua página da Web, deixando a finalidade e os estados claros para todos os usuários.
Renderização de baixa latência com a dica dessincronizada
Os aplicativos de desenho baseados em stylus desenvolvidos para a web enfrentam problemas de latência porque uma página web precisa sincronizar atualizações gráficas com o DOM. A dica dessincronizada para contextos ignora o DOM para eliminar a latência.
Controles interativos são focalizáveis pelo teclado
Saiba como tornar os controles personalizados da sua página da Web focalizáveis para que os usuários de teclado possam acessá-los.
Minimizar o trabalho da linha de execução principal
Saiba mais sobre a thread principal do navegador e como você pode otimizar sua página da Web para reduzir o carregamento da thread principal e melhorar o desempenho.
Ativar a compactação de texto
Saiba como ativar a compactação de texto pode melhorar o desempenho de carregamento da página.
Solicita a permissão de notificação no carregamento da página
Aprenda a solicitar essa permissão de forma responsável para proporcionar uma boa experiência ao usuário.
Descontinuações e remoções no Chrome 75
Um resumo das descontinuações e remoções do Chrome 75 para ajudar você no planejamento.
A página tem uma ordem lógica de tabulação
Aprenda a facilitar a navegação dos usuários de teclado na sua página da Web colocando paradas de tabulação em uma ordem lógica.
A página está bloqueada para indexação
Saiba mais sobre a auditoria do Lighthouse. A página está bloqueada para indexação.
Solicita a permissão de geolocalização no carregamento de página
Aprenda a solicitar com responsabilidade a permissão de geolocalização para proporcionar uma boa experiência ao usuário.
O documento não tem uma metadescrição
Saiba mais sobre a auditoria do Lighthouse "O documento não tem uma metadescrição".
Evitar encadeamento de solicitações críticas
Saiba o que são cadeias de solicitação críticas, como elas afetam o desempenho da página da Web e como você pode reduzir o efeito.
O conteúdo fora da tela é ocultado da tecnologia assistiva
Aprenda a melhorar a acessibilidade para usuários de tecnologia assistiva ocultando conteúdo fora da tela de tecnologias assistivas.
Possível latência máxima na primeira entrada
Saiba mais sobre a métrica "Possível latência máxima na primeira entrada" descontinuada do Lighthouse e como medir e otimizar essa métrica.
Tempo para interação da página
Saiba mais sobre a métrica "Tempo para interação da página" do Lighthouse e como medir e otimizar essa métrica.
Elementos de ponto de referência HTML5 são usados para melhorar a navegação.
Saiba como melhorar a acessibilidade da sua página da Web fornecendo pontos de referência que os usuários do teclado podem usar para navegar.
Os dados estruturados são válidos
Saiba mais sobre a auditoria do Lighthouse "Os dados estruturados são válidos".
Novidades do Chrome 74
Bem a tempo para o Google I/O, o Chrome 74 está chegando! Ele adiciona suporte a campos de classes particulares, permite detectar quando o usuário solicitou uma experiência de movimento reduzida, adiciona suporte a eventos de transição CSS e muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 74!
Referência de recursos do console
Uma referência abrangente sobre todos os recursos e comportamentos relacionados à IU do Console no Chrome DevTools.
Observar valores JavaScript em tempo real com o Live Expressions
Se você perceber que está digitando várias vezes as mesmas expressões JavaScript no Console, experimente o Live Expressions.
Novidades do DevTools (Chrome 75)
Valores predefinidos significativos de preenchimento automático, limpar dados do site a partir do menu de comando e muito mais.
Chromium Chronicle no 1: práticas recomendadas para programação de tarefas
A equipe do Chrome tem o orgulho de apresentar a Chromium Chronicle, uma série mensal voltada especificamente para desenvolvedores do Chromium - os desenvolvedores que criam o navegador. Neste mês, veremos as práticas recomendadas para o agendamento de tarefas.
Obsoleto: visualizar dados de cache do aplicativo com o Chrome DevTools
Como visualizar os dados do cache de aplicativo no painel Application do Chrome DevTools.
O nó DOM selecionado no momento
Aprenda o atalho rápido do console para obter o nó DOM selecionado no momento.
Descontinuações e remoções no Chrome 74
Um resumo das descontinuações e remoções do Chrome 74 para ajudar você no planejamento.
Ver e mudar dados do IndexedDB
Como visualizar e mudar dados do IndexedDB com o painel "Application" e os snippets.
Ver e editar o armazenamento da sessão
Como visualizar e editar "sessionStorage" com o painel "Session Storage" e o console.
Ver e editar o armazenamento local
Como visualizar e editar "localStorage" com o painel do Armazenamento local e o console.
Novidades do Chrome 73
O Chrome 73 facilita a criação de conteúdo portátil com trocas HTTP assinadas. A mudança dinâmica de estilos fica muito mais fácil com folhas de estilo construtivas. Além disso, adiciona suporte a Progressive Web Apps no Mac, oferecendo suporte a PWAs em todas as plataformas de computadores e dispositivos móveis, facilitando a criação de apps instaláveis fornecidos pela Web. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 73!
KV Storage: o primeiro módulo integrado da Web
Uma introdução à nova API KV Storage, módulos integrados e mapas de importação.
Novidades do DevTools (Chrome 74)
Destaque os nós afetados por uma propriedade CSS, Lighthouse v4, visualizador de mensagens binárias WebSocket e muito mais.
Introdução à visualização e alteração do DOM
Como ver e pesquisar nós, editar nós, fazer referência a nós no console, interromper mudanças em nós e muito mais.
Equipe do ecossistema de desenvolvimento da Web - Encerramento de fevereiro
Resumo de fevereiro sobre o que está acontecendo na equipe do ecossistema de desenvolvedores da Web.
janela-da-caixa de trabalho
Um módulo que ajuda a registrar um service worker, gerenciar atualizações e responder a eventos de ciclo de vida.
Como substituir um caminho de acesso rápido no JavaScript do seu app por WebAssembly
Um dos principais benefícios do WebAssembly é o desempenho _previsível_ em todos os navegadores. Mas como transformar um caminho de acesso rápido escrito em JavaScript em WebAssembly?
Descontinuações e remoções no Chrome 73
Um resumo das descontinuações e remoções do Chrome 73 para ajudar você no planejamento.
Melhores resultados de correspondência com String.prototype.matchAll()
O Chrome 73 introduz o método String.prototype.matchAll(). Ele se comporta de maneira semelhante a match(), mas oferece uma maneira simples de iterar correspondências, especialmente quando você precisa acessar grupos de captura.
Como tornar a rolagem rápida por padrão
A capacidade de resposta de rolagem é fundamental para o engajamento do usuário com um site em dispositivos móveis, embora os listeners de eventos de rolagem geralmente causem problemas graves de desempenho de rolagem. Saiba como ajudamos usuários e desenvolvedores a serem rápidos por padrão.
Atualizações de mídia no Chrome 73
Suporte a chaves de mídia de hardware, verificação de política HDCP, testes de origem picture-in-picture e muito mais.
Modelos e componentes da Web extremamente rápidos - lit-html e LitElement
O lit-html e o LitElement levam modelos rápidos e leves e componentes interoperáveis para a Web moderna.
RTCQuicTransport chega a um teste de origem perto de você (Chrome 73)
O RTCQuicTransport é uma nova API de plataforma da Web que permite a troca de dados arbitrários com pares remotos usando o protocolo QUIC.
Como prototipar pacotes de pilhas para o Lighthouse
Em vez de mostrar apenas conselhos generalizados, os Stack Packs vão ampliar o Lighthouse para incluir mensagens adicionais para ferramentas específicas.
Novidades do Chrome 72
No Chrome 72, a criação de campos de classe pública em JavaScript agora está muito mais simples. Você pode ver se uma página foi ativada com a nova API User Activation, localizar listas fica muito mais fácil e fazer muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 72.
Como tornar a ativação do usuário consistente em todas as APIs
Na versão 72, o Chrome envia a ativação do usuário v2, que torna a disponibilidade da ativação do usuário completa para todas as APIs com controle de ativação, resolvendo muitas inconsistências de ativação do usuário.
API Shape Detection: uma imagem vale por mil palavras, rostos e códigos de barras
A API Shape Detection detecta rostos, códigos de barras e texto em imagens.
Como criar um dispositivo para WebUSB
Crie um dispositivo para aproveitar ao máximo a API WebUSB. Este artigo explica como criar um dispositivo para aproveitar ao máximo a API WebUSB. Para uma breve introdução à API, consulte Acessar dispositivos USB na Web. O Universal Serial Bus (USB)
Descontinuações e remoções no Chrome 72
Um resumo das descontinuações e remoções do Chrome 72 para ajudar no seu planejamento.
Usar a API Screen Wake Lock
Para evitar o consumo elevado da bateria, a maioria dos dispositivos entram no sono rapidamente quando ficam ociosos. Embora isso não seja um problema na maioria das vezes, há alguns aplicativos que precisam manter a tela ativada para realizar determinadas tarefas. A API Screen Wake Lock oferece uma maneira de impedir que o dispositivo escureça ou bloqueie a tela quando um app precisar continuar em execução.
Acompanhar elemento em foco
Abra o console, crie uma expressão em tempo real e defina a expressão como document.activeElement.
Selos para ícones de apps
A API App Badging permite que apps da Web instalados definam um selo em todo o aplicativo, mostrado em um local específico do sistema operacional associado ao aplicativo, como a estante ou a tela inicial. O selo facilita notificar sutilmente o usuário de que há alguma atividade nova que pode exigir atenção ou que pode ser usado para indicar uma pequena quantidade de informações, como uma contagem de não lidas.
Novidades do Chrome 71
O Chrome 71 facilita a exibição de valores de tempo relativos com a nova API Intl.RelativeTimeFormat(). Você pode especificar em qual lado do texto o sublinhado deve aparecer para textos que fluem verticalmente. Além disso, o uso da API de síntese de fala agora exige a ativação do usuário antes que seu computador comece a falar com você! Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 71!
Apresentamos a Busca em segundo plano
A busca em segundo plano permite processar downloads grandes, mesmo se o navegador for fechado.
Novidades do DevTools (Chrome 72)
Visualize métricas de desempenho, destaque nós de texto, copie o caminho JS para um nó DOM e atualize o painel "Auditorias".
Áudio da Web, política de reprodução automática e jogos
Em setembro de 2017, anunciamos uma mudança na forma como o áudio seria processado com a política de comportamento de reprodução automática no Chrome. A mudança na política foi lançada com o Chrome 66 Stable em maio de 2018. Após recebermos feedback
Status dos novos recursos
Os apps da Web precisam ser capazes de fazer tudo o que os apps específicos da plataforma podem. Descubra o status dos novos recursos para apps da Web.
Trocas de HTTP assinadas
As trocas assinadas permitem que os sites assinem conteúdo da Web da maneira que ele possa ser redistribuído e verificado com segurança de onde foi originalmente.
Descontinuações e remoções no Chrome 71
Um resumo das descontinuações e remoções do Chrome 71 para ajudar no planejamento.
Atualizações de áudio/vídeo no Chrome 70
Um resumo das atualizações de áudio/vídeo no Chrome 70: buffer e reprodução de cross-codec e cross-stream, Opus em MP4 com MSE e reprodução de conteúdo protegido permitida por padrão no Android.
Assistir ao vídeo usando o picture-in-picture
Controle o picture-in-picture para elementos de vídeo no seu site.
Novidades do Chrome 70
O Chrome 70 adiciona suporte a Progressive Web Apps para computador no Windows e Linux, suporte a credenciais de chave pública para a API Credential Management, permite que você dê um nome a workers dedicados e muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 70!
Ajustes em cache.addAll() e importScripts() serão lançados no Chrome 71
Algumas pequenas mudanças serão implementadas no cache.addAll(), no importScripts e no Chrome 71.
Problemas na marcação de tempo do Chrome 69
O Chrome 69 inclui uma mudança incorreta nas nossas métricas de tempo de exibição. A intenção era capturar mais do pipeline de renderização, mas isso resultou em alguns carimbos de data/hora imprecisos.
Novidades do DevTools (Chrome 71)
Destaque nós de DOM de expressões ao vivo, armazene nós como variáveis globais e muito mais.
Worklet de animação da Houdini's
O Animation Worklet permite criar animações imperativas que são executadas no frame rate nativo do dispositivo para essa suavidade extra e sem instabilidade. Assim, as animações ficam mais resilientes à instabilidade da linha de execução principal e podem ser vinculadas à rolagem em vez de tempo.
Controles do usuário para permissões do host: guia de transição
Diretrizes para atualizar suas extensões para lidar com as alterações na permissão do host de execução a partir do Chrome 70.
Análise detalhada de um navegador da Web moderno (parte 4)
Processamento de eventos de entrada com a linha de execução do compositor
Análise detalhada de um navegador da Web moderno (parte 3)
Funcionamento interno de um mecanismo de renderização do navegador
Atualizações de mídia no Chrome 70
Reprodução e buffer entre codec e cross-bytestream, Opus em MP4 com MSE e reprodução de conteúdo protegido permitida por padrão no Android.
Descontinuações e remoções no Chrome 70
Um resumo das descontinuações e remoções do Chrome 68 para ajudar no seu planejamento.
Análise detalhada de um navegador da Web moderno (parte 2)
Saiba como o navegador processa solicitações de navegação.
Acesso assíncrono a cookies HTTP
A API Cookie Store oferece acesso assíncrono a cookies HTTP e abre o cookie jar para os service workers.
Análise detalhada de um navegador da Web moderno (parte 1)
Saiba como o navegador transforma seu código em um site funcional, desde uma arquitetura de alto nível até as especificidades do pipeline de renderização.
Novidades do Chrome 69
O Chrome foi lançado pela primeira vez há dez anos. Muita coisa mudou desde então, mas nossa meta de construir uma base sólida para aplicativos da Web modernos não mudou! No Chrome 69, há suporte para ajuste de rolagem de CSS, suporte para entalhes, bloqueios da web e alguns novos recursos CSS4 interessantes. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 69!
Novidades do DevTools (Chrome 70)
Expressões em tempo real no console, destacar nós do DOM durante a avaliação rápida e muito mais.
Atualizações de mídia no Chrome 69
Um resumo das atualizações de mídia no Chrome 69: verificação de política AV1 e HDCP.
ReportingObserver: conheça a integridade do código
O ReportingObserver oferece aos desenvolvedores insights sobre o que o código está fazendo em tempo real. O ReportingObserver mostra informações sobre problemas, como descontinuações e intervenções, mensagens que antes só estavam disponíveis no Console do DevTools.
A velocidade agora é um fator da página de destino para a Pesquisa e o Google Ads
A velocidade agora é um fator de página de destino para a Pesquisa Google e o Google Ads.
Novidades no Chrome 68
O Chrome 68 traz mudanças no comportamento de "Adicionar à tela inicial" no Android para dar a você mais controle. A API de ciclo de vida da página informa quando a guia foi suspensa ou restaurada. A API Payment Handler possibilita que apps de pagamento baseados na Web ofereçam suporte à experiência de Payment Request. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 68!
Apresentação da NoState Prefetch
O Chrome 63 vem com o NoState Prefetch. NoState Prefetch é um mecanismo para buscar recursos antecipadamente que usa menos memória do que o processo de pré-renderização obsoleto.
PWACompat: o manifesto do app da Web para todos os navegadores
Use a biblioteca PWACompat para levar o manifesto do seu app da Web para todos os navegadores.
caixa de trabalho-navegação-pré-carregamento
Ative o pré-carregamento de navegação para receber uma resposta de rede mais rápida a solicitações de navegação.
Isolamento de sites para desenvolvedores da Web
O Chrome 67 para computador tem um novo recurso chamado Isolamento de sites\* ativado por padrão. Este artigo explica o que é o isolamento de sites, por que ele é necessário e por que os desenvolvedores da Web precisam estar cientes dele.
Testes com a latência na primeira entrada no relatório de UX do Chrome
Adicionamos a métrica experimental de latência na primeira entrada (FID, na sigla em inglês) ao relatório de experiência do usuário do Chrome.
Noções básicas sobre a cota de armazenamento
Um guia sobre como configurar o Workbox para evitar problemas de cota de armazenamento.
Introdução à política de recursos
A Política de recursos permite que os desenvolvedores ativem, desativem e modifiquem seletivamente o comportamento de determinadas APIs e recursos no navegador. É como o CSP, mas para recursos! Enviado no Chrome 60.
Realidade aumentada para a Web
A realidade aumentada permite posicionar e rastrear objetos virtuais em uma visualização do mundo real.
Chacmool: realidade aumentada no Chrome Canary
A Chacmool, uma demonstração educativa na Web, mostra como a RA baseada na Web pode criar uma experiência envolvente.
Perguntas frequentes sobre a migração para a descontinuação da instalação inline
Perguntas frequentes sobre a descontinuação das instalações inline das extensões do Chrome.
Descontinuações e remoções no Chrome 68
Um resumo das descontinuações e remoções do Chrome 68 para ajudar no seu planejamento.
Mudanças no comportamento da adição à tela inicial
A partir do Chrome 68 no Android, o comportamento "Adicionar à tela inicial" vai mudar para que você tenha mais controle sobre quando e como enviar solicitações ao usuário. Se o site atender aos critérios de adicionar à tela inicial, o Chrome não vai mais mostrar automaticamente esse banner. Em vez disso, você precisará chamar prompt() no evento salvo beforeinstallprompt para mostrar a solicitação de caixa de diálogo de adicionar à tela inicial para seus usuários.
Novidades do Chrome 67
O Chrome 67 leva os Progressive Web Apps para a área de trabalho. Foi adicionado suporte à API genérica de sensor, o que facilita o acesso a sensores do dispositivo, como o acelerômetro, o giroscópio e muito mais. Além disso, adiciona suporte para BigInts e facilita o tratamento de grandes números inteiros. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 67!
Novidades do DevTools (Chrome 68)
Avaliação rápida, dicas de argumentos, preenchimento automático de funções, Lighthouse 3.0 e muito mais.
Como ativar a autenticação forte com a WebAuthn
A versão Beta do Chrome 67 introduz a API Web Authentication (WebAuthn) para que os navegadores interajam e gerenciem credenciais baseadas em chave pública. Isso ativa a autenticação forte usando chaves de segurança removíveis e autenticadores de plataforma integrados, como leitores de impressão digital.
Como usar o Lighthouse para melhorar o desempenho do carregamento de páginas
Novas auditorias de desempenho para pré-carregamento, pré-conexão, GIFs e muito mais.
Anúncio do Lighthouse 3.0
Auditorias mais rápidas, menos variações, uma nova IU de relatórios, novas auditorias e muito mais.
Descontinuações e remoções no Chrome 67
Um resumo das descontinuações e remoções do Chrome 67 para ajudar você no planejamento. Nesta versão, descontinuação da fixação de chaves públicas, remoção do AppCache em contextos não seguros e mais remoções de prefixos.
Migrar para scripts em segundo plano orientados a eventos
Como migrar um script de segundo plano persistente para um modelo não persistente com base em eventos para melhorar o desempenho da extensão do Chrome.
Novidades no Chrome 66
O Chrome 66 facilita a manipulação de CSS com o novo objeto de modelo tipado de CSS. O acesso à área de transferência agora é assíncrono, há um novo contexto de renderização para elementos de tela e uma forma melhor de processar áudio usando JavaScript. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 66!
Novidades do DevTools (Chrome 67)
Pesquise em cabeçalhos de rede, copie solicitações como busca, audite páginas usando condições de computador e muito mais.
Editar e salvar arquivos em um espaço de trabalho
Aprenda a salvar as mudanças feitas no DevTools nos arquivos de origem.
Apresentar páginas da Web em telas anexadas secundárias
O Chrome 66 permite que páginas da Web usem uma tela conectada secundária por meio da API Apresentação e controlem o conteúdo dela por meio da API Apresentação Receiver.
Descontinuações e remoções no Chrome 66
Um resumo das descontinuações e remoções do Chrome 66 para ajudar no seu planejamento. Nessa versão, a segurança do service worker foi melhorada, mudanças nos valores de posição do CSS e muito mais.
Perguntas frequentes sobre o SmooshGate
O que o SmooshGate pode nos ensinar sobre o desenvolvimento de padrões e a plataforma Web? Este artigo fornece uma visão geral.
Proteja a privacidade do usuário
Diretrizes para garantir que a extensão do Chrome proteja a privacidade do usuário.
Proteja a privacidade do usuário
Diretrizes para garantir que a extensão do Chrome proteja a privacidade do usuário.
Novidades no Chrome 65
O Chrome 65 adiciona suporte à nova API CSS Paint, que permite gerar uma imagem de forma programática. É possível usar a Server Timing API para fornecer informações de tempo de desempenho do servidor por meio de cabeçalhos HTTP, e a nova propriedade "content" do CSS pode fazer as caixas desaparecerem. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 65!
Novidades do DevTools (Chrome 66)
Ignore o script no painel "Rede", ajuste automaticamente o zoom no Modo dispositivo e muito mais.
Atualizações do Lighthouse 2.8
Novas auditorias de desempenho e SEO, performance na primeira seção de relatórios e muito mais.
Descontinuações e remoções no Chrome 65
Um resumo das descontinuações e remoções do Chrome 65 para ajudar você no planejamento. Nessa versão, um lembrete sobre os certificados da Symantec, os downloads de origem cruzada estão bloqueados, e o documento document.all agora é somente leitura.
build do arquivo de trabalho
Um módulo que pode gerar um service worker, injetar um manifesto de pré-cache em um código existente ou criar um manifesto de pré-cache.
Migrar do sw-precache ou do sw-toolkit
Um guia para migrar do sw-precache ou sw-Toolbox para o Workbox.
Relatório de experiência do usuário do Chrome: nova dimensão de país
Lançamento de uma nova dimensão de país no relatório de experiência do usuário do Chrome.
Novidades no Chrome 64
O Chrome 64 adiciona suporte ao ResizeObservers, que envia notificações quando o retângulo de conteúdo de um elemento muda de tamanho. Os módulos agora podem acessar metadados específicos do host com import.metadata O bloqueador de pop-ups é forte e muito mais. Vamos nos aprofundar e ver as novidades para os desenvolvedores no Chrome 64!
Novidades do DevTools (Chrome 65)
Modificações locais, ferramentas de acessibilidade, auditorias de performance e SEO e muito mais.
Headless Chrome: uma resposta para sites JavaScript de renderização no lado do servidor
A Headless Chrome é uma solução simples para transformar sites JavaScript dinâmicos em páginas HTML estáticas.
Como desativar a supressão de ruído do hardware
Desativação experimental da supressão de ruído de hardware no Chrome 64.
workbox-webpack-plugin
Gere um service worker ou injete um manifesto de pré-cache usando a ferramenta de build do webpack.
O Chrome 64 vai suspender o uso da API chrome.loadTimes()
A API chrome.loadTimes() não padrão será descontinuada no Chrome 64 agora que existem equivalentes baseados em padrões para todos os recursos úteis.
Relatório de experiência do usuário do Chrome: chegando a um milhão de origens
Hoje, estamos anunciando um novo Relatório de experiência do usuário do Chrome com cobertura expandida de mais de 1 milhão de origens principais na Web.
Descontinuações e remoções no Chrome 64
Um resumo das descontinuações e remoções do Chrome 64 para ajudar você no planejamento. Nesta versão, há alterações na API de desempenho, remoção do suporte a várias raízes shadow e remoção de uma API WebKit.
O objeto de áudio agora está disponível por padrão
O Chrome 64 vem com um novo recurso muito aguardado na API Web Audio: o Audio Worklet
Como instalar extensões no Linux
Como empacotar, hospedar e atualizar arquivos crx de um servidor pessoal.
Auto-hospedagem para Linux
Como empacotar, hospedar e atualizar arquivos crx de um servidor pessoal para usuários do Linux.
Atualizações do Lighthouse 2.6
Novas auditorias de desempenho, uma reformulação da pontuação de acessibilidade, melhorias na experiência do usuário do relatório e correções de bugs.
Atualizações de mídia no Chrome 63/64
Reprodução de mídia previsível, HDR no Windows 10, reprodução off-line com licenças permanentes e muito mais estão esperando por você no Chrome 64.
A API Device Memory
A API Device Memory permite que os desenvolvedores ofereçam recursos diferentes para os usuários com base nos recursos de memória do dispositivo.
Novidades do Chrome 63
O Chrome 63 permite importar módulos JavaScript dinamicamente. Minha pergunta de programação de entrevista favorita é muito simples, com iterações e geradores assíncronos. Além disso, você pode substituir o comportamento padrão de rolagem de estouro do navegador com a propriedade CSS overscroll-behavior.
caixa de trabalho-transmissão-atualização
Envia mensagens para as páginas quando um cache é atualizado com uma nova resposta.
Novidades do DevTools (Chrome 63)
Depuração remota de vários clientes, notificações push com dados personalizados e espaços de trabalho 2.0.
workbox-cacheable-response
Restrinja quais solicitações são armazenadas em cache com base no código de status ou nos cabeçalhos de uma resposta.
roteamento da caixa de trabalho
Encaminha solicitações no service worker para estratégias de armazenamento em cache ou funções de callback específicas.
caixa de trabalho-sw
Oferece uma maneira de carregar o ambiente de execução do Workbox sem uma etapa de build.
sincronização-do-segundo plano-da-caixa de trabalho
Use a sincronização em segundo plano para fazer uma solicitação de rede de forma confiável, mesmo que o usuário esteja off-line.
data de validade da caixa de trabalho
As solicitações em cache foram removidas com base no número de itens ou na idade da solicitação.
solicitações-do-intervalo-da-caixa de trabalho
Este módulo oferece suporte para responder a uma solicitação "Range:" usando uma fração dos dados armazenados em cache anteriormente.
workbox-cli
Gere um service worker, injete um manifesto de pré-cache ou crie uma cópia local das bibliotecas do Workbox pela linha de comando.
pré-armazenamento em cache da caixa de trabalho
Pré-cache de um conjunto de arquivos com facilidade e gerencie as atualizações deles com eficiência.
estratégias de caixa de trabalho
Um conjunto de estratégias de armazenamento em cache no ambiente de execução que lidará com a resposta a uma solicitação, normalmente usado com o "roteamento do espaço de trabalho".
núcleo da caixa de trabalho
Alterar níveis de registro e nomes de cache. Contém o código compartilhado usado por todas as bibliotecas do Workbox.
Controle sua rolagem, personalizando efeitos de puxar para atualizar e estourar
Introdução à propriedade de comportamento de rolagem esticada do CSS.
Descontinuações e remoções no Chrome 63
Um resumo das descontinuações e remoções do Chrome 63 para ajudar no planejamento. Nessa versão, há um novo comportamento nas propriedades da interface, remoção de uma função webkit e uma mudança em RTCRtcpMuxPolicy.
Novidades no Chrome 62
O Chrome 62 aprimora a API de informações de rede com indicadores de qualidade de rede. O suporte a OpenType Variable Fonts foi encerrado. Agora você pode capturar e processar streams de mídia de HTMLMediaElements com a API Media Capture from DOM Elements.
Atualizações do Lighthouse 2.5
Cinco novas auditorias, o módulo Node autônomo do inicializador do Chrome e um novo guia de limitação.
Busca cancelável
Como cancelar buscas usando um novo primitivo da Web: o controlador de cancelamento.
Um evento para "Posição:fixa do CSS"
Uso de position - sticky e IntersectionObserver juntos para determinar quando os elementos se tornam fixos. Aplique efeitos de rolagem sem eventos de rolagem.
Sensores para a Web
Os sensores são usados em muitos aplicativos para ativar recursos avançados, como jogos que consideram a orientação ou a aceleração do dispositivo em que são executados. A API Generic Sensor oferece uma interface genérica para acessar esses dados de sensores na Web.
Descontinuações e remoções no Chrome 62
Um resumo das descontinuações e remoções do Chrome 62 para ajudar você no planejamento. Nela, há melhorias de segurança, mais descontinuações de webkit e muito mais.
Política de reprodução automática no Chrome
Conheça as práticas recomendadas para oferecer uma boa experiência aos usuários com as novas políticas de reprodução automática no Chrome.
Como explorar um cache de avanço e retorno no Chrome
O bfcache cria um cache que permite navegações instantâneas para páginas visitadas anteriormente.
Picture-in-picture (PiP)
Vamos discutir uma API da Web que permite que os sites criem uma janela de vídeo flutuante na área de trabalho.
Atualizações de mídia no Chrome 62
Reprodução off-line com licenças permanentes e Widevine L1 no Android, otimizações de faixa de vídeo, vídeo em tela cheia automática quando o dispositivo é girado, intervalo pesquisável personalizável em transmissões MS ao vivo, FLAC em MP4 com MSE agora!
Novidades do Chrome 61
O Chrome 61 agora tem suporte nativo a módulos JavaScript, unificando a forma como o JavaScript modular pode ser escrito. Agora você pode usar o compartilhamento de pontos do navegador para acionar a caixa de diálogo de compartilhamento nativa do Android A API WebUSB foi conectada, permitindo que os apps da Web acessem os dispositivos USB permitidos pelo usuário. E há muito mais.
Introdução ao visualViewport
A API de janela de visualização visual fornece detalhes sobre como o usuário aplica zoom e rola pela página.
Novidades do DevTools (Chrome 62)
Operadores de espera de nível superior no console, novos fluxos de trabalho de captura de tela, destaque da grade CSS e muito mais.
Descontinuações e remoções no Chrome 61
Um resumo das descontinuações e remoções do Chrome 61 para ajudar no planejamento. Nela, há melhorias de segurança, mais descontinuações de webkit e muito mais.
Estimar o espaço de armazenamento disponível
Navigator.storage.estimated() fornece informações sobre as restrições de armazenamento do seu aplicativo da web.
Atualizações de mídia no Chrome 61
Aqui estão as otimizações de faixa de vídeo em segundo plano e a tela cheia automática quando o dispositivo é girado.
Novidades no Chrome 60
Com o Chrome 60, agora é possível medir o tempo da primeira exibição e o tempo da primeira exibição de conteúdo com a API Paint Timings. Você pode controlar como as fontes são renderizadas com a propriedade CSS de exibição de fonte. O WebAssembly chegou e tem muito mais!
Próximos recursos de expressão regular
Uma visão geral dos novos recursos interessantes que chegam às expressões regulares do JavaScript, incluindo capturas nomeadas, a sinalização dotAll, escapes de propriedade Unicode e declarações Lookbehind.
Blog com transmissão ao vivo sobrecarregada: divisão de código
Implementamos a divisão de código e o agrupamento baseado em rotas, assim como o WebPack.
Eventos de entrada alinhados
Fornecer uma experiência do usuário tranquila é importante para a Web. Nas últimas versões do Chrome, diminuímos a latência de entrada nesses dispositivos.
DOMException: a solicitação play() foi interrompida
O que está acontecendo com "DOMException - a solicitação play() foi interrompida"?
Atualizações mais recentes na API de gerenciamento de credenciais
Atualizações mais recentes na API de gerenciamento de credenciais
Descontinuações e remoções no Chrome 60
Um resumo das descontinuações e remoções do Chrome 60 para ajudar você no planejamento. Nela, há melhorias de segurança, mais descontinuações de webkit e muito mais.
Introdução à API Budget
A API Budget permite que os desenvolvedores realizem ações em segundo plano sem notificar os usuários, o que possibilita casos de uso como push silencioso.
Novidades do Chrome 59
Com o Chrome 59, é possível executar o navegador em um ambiente automatizado sem interface do usuário nem periféricos. As notificações no macOS são mostradas diretamente pelo sistema de notificação nativo do macOS. Agora você pode capturar fotos em resolução máxima com a API de captura de imagem e muito mais!
Descontinuações e remoções no Chrome 59
Um resumo das descontinuações e remoções do Chrome 59 para ajudar você no planejamento.
Como migrar para o sistema de notificação nativo no macOS
A partir do Chrome 59, as notificações serão exibidas no macOS.
Novidades no Chrome 58
Com o Chrome 58, os Progressive Web Apps são mais imersivos com a tela: tela cheia. O IndexedDB 2.0 agora é compatível, e os iframes em sandbox têm mais opções. Pete LePage tem todos os detalhes e como você pode usar esses novos recursos para desenvolvedores no Chrome 58.
Política do Chromium em caixas de diálogo do JavaScript
Caixas de diálogo JavaScript síncronas e modais de aplicativo são frequentemente (e infelizmente) usadas para prejudicar usuários. Por isso, a equipe do Chromium recomenda que você não use caixas de diálogo JavaScript.
Análise detalhada de CSS: matrix3d() para ter uma barra de rolagem personalizada com perfeição
Com as matrizes de transformação personalizadas, é possível criar barras de rolagem personalizadas com perfeição.
Criar animações de expansão e recolhimento com bom desempenho
Ao criar efeitos de expansão e recolhimento, é possível usar transformações de escala para manter o desempenho da IU.
Atualizações de mídia no Chrome 58
Personalização de controles de mídia, reprodução automática de Progressive Web Apps adicionados à tela inicial, pausa da reprodução automática de vídeo silenciado quando invisível e consulta de mídia de gama de cores disponível.
Vamos atravessar os streams de mídia, Ray
Atualmente, ao usar Media Source Extensions (MSE) no Chrome, não é possível alternar entre streams criptografados e claros. A partir do Chrome 58, tudo isso muda.
Descontinuações e remoções no Chrome 58
Um resumo das descontinuações e remoções do Chrome 58 para ajudar você no planejamento.
Novidades do Chrome 57
Com o Chrome 57, agora você pode usar a função Display: Grid para layouts baseados em grade, a API de sessão de mídia para personalizar a tela de bloqueio e notificações com informações sobre a mídia que está sendo reproduzida e muito mais. Pete LePage tem todos os detalhes e como você pode usar esses novos recursos para desenvolvedores no Chrome 57!
Personalizar notificações de mídia e gerenciar playlists
Personalize notificações de mídia da Web e responda a eventos de mídia com a nova API Media Session.
Manifesto - gerenciadores de ação
Documentação de referência da propriedade action_Handlers do manifest.json.
Descontinuações e remoções de APIs no Chrome 57
Um resumo das descontinuações e remoções do Chrome 57 para ajudar no seu planejamento.
Mudanças na API Payment Request
No Chrome 56 e 57, há algumas mudanças na API Payment Request após as alterações nas especificações. Saiba o que são e faça alterações em suas implementações.
Grade CSS: o layout da tabela está de volta. Esteja lá e será quadrado
A grade CSS é um novo sistema de layout para a Web.
Novidades no Chrome 56
Com o Chrome 56, os apps da Web agora podem se comunicar com dispositivos Bluetooth de baixa energia que estiverem por perto usando a API Web Bluetooth. Posição do CSS: fixa; voltou, facilitando a criação de elementos que rolam normalmente até se fixarem no topo da janela de visualização. E o HTML5 por padrão está ativado para todos os usuários.
Como tornar a rolagem por toque rápida por padrão
A capacidade de resposta da rolagem é fundamental para o engajamento do usuário com um site em dispositivos móveis, embora os listeners de eventos de toque geralmente causem problemas graves no desempenho da rolagem. Saiba como ajudamos usuários e desenvolvedores a serem rápidos por padrão.
Referência da depuração do JavaScript
Conheça novos fluxos de trabalho de depuração nesta referência abrangente dos recursos de depuração do Chrome DevTools.
Como criar uma Web melhor com o Lighthouse
Novidades do Lighthouse. Reformulação, novas práticas recomendadas e um visualizador de relatórios on-line.
Redimensionamento da barra de URL
Ocultar a barra de URL não redimensiona mais páginas para dispositivos móveis.
Chrome DevTools: JavaScript CPU Profiling no Chrome 58
O recurso "Record JavaScript CPU Profile" mudou no Chrome 58.
Chrome DevTools: JavaScript CPU Profiling no Chrome 58
O perfil de CPU JavaScript gravado foi alterado no Chrome 58.
Descontinuações e remoções de APIs no Chrome 56
Um resumo das descontinuações e remoções do Chrome 56 para ajudar no planejamento.
Tirar fotos e controlar as configurações da câmera
A captura de imagens é uma API para controlar as configurações da câmera e tirar fotos.
Paralaxe com performance
Com um pouco de preocupação matemática, é possível ter efeitos de paralaxe que funcionam bem com as arquiteturas de navegadores.
Novidades no Chrome 55
Com o Chrome 55, você pode escrever um código baseado em promessas como se fosse síncrono, usando async e await. Os PointerEvents oferecem uma maneira unificada de processar todos os eventos de entrada O armazenamento permanente termina com o teste de origem.
Prepare-se para a Conferência de Desenvolvedores Chrome 2016
O Chrome Dev Summit 2016 será realizado na quinta-feira, nos dias 10 e 11 de novembro.
Como evitar o aviso de não segurança no Chrome
Em breve, o Chrome marcará páginas não seguras com campos de entrada de cartão de crédito e senha como "Não segura" na barra de URL.
DevTools Digest, outubro de 2016
Novos recursos do console, atualizações no bug do seletor de contexto e o novo user agent do navegador da UC.
Gerenciar hífens com CSS
O Chrome 55 implementa a propriedade hifens para controlar quando os hifens leves aparecem e como eles se comportam.
Descontinuações e remoções de APIs no Chrome 55
Um resumo das descontinuações e remoções do Chrome 56 para ajudar no planejamento.
Uma vez que um listener de eventos
O addEventListener agora oferece suporte a uma opção única, o que facilita a definição de eventos que são limpos depois.
Capturar um MediaStream de um elemento de tela, vídeo ou áudio
O método captureStream() permite que um MediaStream seja capturado de um elemento de tela, áudio ou vídeo, no Android e em computadores.
Opções de ação de toque
As ações de toque permitem que o desenvolvedor defina como um usuário pode interagir com um elemento. O Chrome agora tem maior suporte para opções de ação de toque no Chrome 55.
Apontar para o futuro
Os eventos de ponteiro unificam o modelo de entrada do ponteiro para o navegador, reunindo toques, canetas e mouses em um único conjunto de eventos.
O Auxclick está chegando ao Chrome 55
Um novo evento "auxclick" será acionado para cliques de botão do mouse não principais.
Novidades no Chrome 54
Com o Chrome 54, agora você pode criar sua própria tag HTML personalizada e fazer componentes da Web reutilizáveis com o Custom Elements v1. Agora é mais fácil enviar mensagens entre janelas ou guias abertas na mesma origem com a API BroadcastChannel. A experiência de mídia fica melhor no Android, e a busca externa já está disponível como um teste de origem.
Atualizações para developers.google.com/web
Os novos Fundamentos da Web: navegação aprimorada, novos conteúdos e muito mais!
Fazer varredura novamente de camadas compostas na mudança de escala
will-change - transformar significa animá-la rapidamente
Service Workers de origem cruzada - Experimentando com busca externa
Os serviços de terceiros podem começar a implantar os próprios gerenciadores de solicitações de rede.
CacheQueryOptions Chega ao Chrome 54
O conjunto completo de CacheQueryOptions é compatível, facilitando a localização das respostas em cache que você está procurando.
Opções de um PushSubscription
Agora é possível acessar as opções usadas ao inscrever um usuário no push.
DevTools Digest, setembro de 2016 - Boletim informativo de desempenho
Melhorias nas ferramentas de desempenho do DevTools nas últimas versões do Chrome.
API BroadcastChannel: um barramento de mensagens para a Web
A API BroadcastChannel pode ser usada para pub/sub simples entre janelas, guias, iframes ou workers.
Como intervir em document.write()
O Chrome está bloqueando alguns scripts que são adicionados usando document.write().
A API Web Animations alcança o marco entre navegadores
O Firefox 48 se junta ao Chrome no envio de uma implementação nativa da API Web Animations.
Descontinuações e remoções de APIs no Chrome 53
Um resumo das descontinuações e remoções do Chrome para ajudar no seu planejamento.
DevTools Digest, agosto de 2016
O que aconteceu com o painel "Recursos", os novos recursos e as atividades da comunidade.
Reprodução automática silenciada em dispositivos móveis: diga adeus aos truques de tela e GIFs animados.
A reprodução automática com o som desativado para vídeos está disponível no Android a partir do Chrome 53. Anteriormente, um elemento de vídeo exigia um gesto do usuário para iniciar a reprodução.
Melhorias na interoperabilidade por push na Web
As atualizações push na Web tiveram algumas atualizações nas versões recentes do Chrome. O GCM agora suporta o protocolo de push na Web e, se você usar VAPID, não será necessário se inscrever em um Projeto de desenvolvedor do Google e você receberá um endpoint do FCM.
Depurar Progressive Web Apps
Use o painel Application para inspecionar, modificar e depurar manifestos, service workers e caches de service workers.
Google Analytics off-line mais fácil
A biblioteca sw-offline-google-analytics tem tudo de que você precisa.
Complexidades de um botão de rolagem infinito
Rolagens infinitas são um padrão comum da IU. Aqui vamos explorar como implementar esse padrão de maneira conservadora de memória, com desempenho a 60 fps.
Adeus sessões curtas: uma proposta para o uso de service workers para melhorar o gerenciamento de cookies na Web
Introdução de um design de prova de conceito para manter sessões usando o service worker.
Armazenamento em cache do service worker, URLs de PlaybackRate e de Blob para áudio e vídeo no Chrome para Android
A partir da versão 52, o Chrome para Android usa a mesma pilha de mídia que o Chrome para computador, em vez de depender da implementação da plataforma subjacente. Isso permite o armazenamento em cache de mídia do service worker, taxas de reprodução variáveis, URLs de blob no Android, transmissão de MediaStream entre APIs e depuração entre plataformas.
O Flexbox recebe um novo comportamento para filhos em posição absoluta
O Flexbox recebe um novo comportamento para filhos em posição absoluta
ECDSA para WebRTC: mais segurança, privacidade e desempenho
A partir da versão 52, o Chrome usa o ECDSA por padrão, um algoritmo muito mais eficiente e seguro para a geração de chaves de certificado WebRTC. Além disso, RTCCertificates agora pode ser armazenado com IndexedDB.
Descontinuações e remoções de APIs no Chrome 52
Um resumo das descontinuações e remoções do Chrome para ajudar no seu planejamento.
Contenção de CSS no Chrome 52
A nova propriedade CSS Containment permite que os desenvolvedores limitem o escopo dos estilos, layout e pintura do navegador.
Observador de desempenho: acesso eficiente aos dados de desempenho
Uma novidade do Chrome 52 é a interface do Performance Observer, que oferece acesso mais eficiente e baseado em eventos aos dados da linha do tempo de desempenho.
DevTools Digest, setembro de 2016 - DevTools em 2016 e além
Grandes temas e tendências para o DevTools em 2016 e além.
Receba respostas imediatas por streaming
Comece a processar as respostas do service worker o mais rápido possível, graças ao ReadableStreams.
Como melhorar o desempenho de rolagem com listeners de eventos passivos
Novidade no Chrome 51, os listeners de eventos passivos oferecem um grande aumento no desempenho da rolagem.
API de geolocalização removida de origens não seguras no Chrome 50
A partir da versão 50, o Chrome não oferece mais suporte à API HTML5 Geolocation em conexões não seguras.
DevTools Digest - Mais potência com o novo menu de comando
Leia sobre o novo menu de comandos do DevTools e mais de 60 ações que possibilitam fluxos de trabalho super rápidos.
Descontinuações e remoções de APIs no Chrome 51
Um resumo das descontinuações e remoções do Chrome para ajudar no seu planejamento.
O que há de novo no KeyboardEvents? Chaves e códigos!
Dois novos atributos oferecem gerenciamento consistente de eventos de teclado para a Web.
Simplificar o fluxo de login com a API de gerenciamento de credenciais
Para oferecer uma experiência de usuário sofisticada, é importante ajudar os usuários a se autenticarem no seu site. Mas criar, lembrar e digitar senhas tende a ser complicado para os usuários finais, especialmente em dispositivos móveis
Tempo do experimento: fixação de rolagem
A ancoragem de rolagem impede que uma página da Web seja movida depois que você começar a ler o conteúdo.
Acessar dispositivos USB na Web
A API WebUSB torna o USB mais seguro e fácil de usar ao trazê-lo para a Web.
Um novo modo de dispositivo para dispositivos móveis de primeira geração
Saiba tudo sobre o Chrome DevTools' o novo e atualizado Device Mode apresentado no Chrome 49.
Como criar um dispositivo de IoT ativado para a Web com o Intel Edison
Atualmente, a Internet das Coisas está disponível para todo mundo, mas e se você pudesse criar um dispositivo de IoT acessado pelo navegador da Web? Neste artigo, veremos como fazer exatamente isso usando a Web física, Web Bluetooth e Node.js em execução em uma placa temática Intel® Edison Arduino.
Chrome oferece suporte a createImageBitmap() no Chrome 50
Suporte à decodificação de imagens em workers programados para o Chrome 50.
Métodos FormData para inspeção e modificação
No Chrome 50, agora é possível interagir com suas instâncias de FormData antes de enviá-las em sua jornada.
Descontinuações e remoções de APIs no Chrome 50
Um resumo das descontinuações e remoções de APIs no Chrome para ajudar no seu planejamento.
Mudanças na orientação do dispositivo serão lançadas para o Chrome 50
DeviceOrientationEvent usa graus relativos, e há um novo DeviceOrientationAbsoluteEvent.
Validação do DOMTokenList adicionada ao Chrome 50
Confira o suporte a vários recursos diretamente no código, disponível no Chrome 50.
Apague as dores de cabeça do gerenciamento de foco
O recurso de 'ponto de partida da navegação de foco sequencial' define onde começamos a procurar elementos focalizáveis para a navegação de foco sequencial ([Tab] ou [Shift-Tab]) quando não há uma área focada. Isso é muito útil para recursos de acessibilidade, como pular links e gerenciar o foco no documento.
Melhorias nas animações da Web no Chrome 50
Melhor compliance com as especificações e novos recursos do Chrome 50.
Adicionado suporte a Canvas toBlob() no Chrome 50
A compatibilidade com canvas.toBlob vai ser lançada no Chrome 50.
API Media Source: garantir automaticamente a reprodução contínua de segmentos de mídia na ordem anexada
A API Media Source permite que o JavaScript crie streams de mídia para reprodução. A partir do Chrome 50, é possível usar o modo de sequência SourceBuffer para garantir que os segmentos de mídia sejam automaticamente realocados na linha do tempo na ordem em que foram anexados, sem lacunas entre eles.
Melhorias nas notificações da Web no Chrome 50: ícones, eventos fechados, preferências de renotificação e carimbos de data/hora
O Chrome 50 tem vários novos recursos incríveis para Notificações. Confira um resumo.
Como priorizar seus recursos com o link rel="#39;preload'
O Chrome 50 adiciona suporte a rel="#39;preload' e suspende o uso de rel"></39;subresource'.
Criptografia de payload de push na Web
O push na Web agora oferece suporte a payloads. Descubra como aproveitar esse recurso novo e avançado.
HTMLMediaElement.play() retorna uma promessa.
Diga adeus à incerteza de reprodução automática. O play() agora retorna uma promessa.
Depuração remota turbinada, tarefas em sala de aula e nosso próprio show da madrugada?
Saiba tudo sobre a IU reformulada de "Inspect Devices", alterne classes com facilidade no painel de estilo corrigido e assista o piloto do DevTools Tonight.
Monitorar variáveis em "Origens"
O Chrome DevTools permite ver diversas variáveis facilmente por todo o aplicativo.
DevTools escuro, edição de @keyframe e preenchimento automático mais inteligente
Saiba como o DevTools faz você digitar menos com o preenchimento automático mais inteligente do Console, como editar regras @keyframe diretamente no painel Styles, como se divertir com variáveis personalizadas de CSS e como unir o lado escuro.
Atualizações de áudio da Web no Chrome 49
Um resumo de algumas das edições mais recentes da API Web Audio no Chrome.
Introdução aos proxies ES2015
Os proxies ES2015 (no Chrome 49 e versões posteriores) fornecem JavaScript com uma API de intercessão, o que nos permite interceptar ou interceptar todas as operações em um objeto de destino e modificar a forma como esse destino opera.
Rolagem suave no Chrome 49
Cansou da rolagem instável? Ótimo, porque o Chrome 49 vem com uma nova rolagem suave pronta para uso.
Variáveis CSS: por que é importante?
As variáveis CSS, mais precisamente conhecidas como propriedades personalizadas do CSS, serão lançadas no Chrome 49. Eles podem ser úteis para reduzir a repetição no CSS e também para efeitos avançados no tempo de execução, como troca de tema e possível extensão/polyfilling de futuros recursos do CSS.
Controlar o desempenho de fontes com o font-display
O novo descritor de exibição de fontes de @font-face permite que os desenvolvedores decidam como as fontes da Web vão ser renderizadas (ou substitutas), dependendo do tempo necessário para serem carregadas.
O VP9 agora está disponível no WebRTC
A partir do Chrome 48 no computador e no Android, o VP9 será um codec de vídeo opcional para videochamadas que usam WebRTC.
Gravar áudio e vídeo com o MediaRecorder
Com a API MediaRecorder, você pode gravar áudio e vídeo de um app da Web. Ela já está disponível no Firefox e no Chrome para Android e computador.
Ações de notificação no Chrome 48
Os usuários podem interagir com seu site sem abrir a página usando os botões de ação de notificação
Carimbos de data/hora de alta resolução para eventos
Descubra quando os eventos ocorrem com precisão de microssegundos, graças ao DOMHighResTimeStamp.
Fácil manipulação de URL com URLSearchParams
Acesso e manipulação simples de TURLSearchParams da string de consulta do URL.
Google Cast para Chrome no Android
O Chrome no Android agora permite que os sites para dispositivos móveis apresentem para dispositivos com Google Cast usando a API Apresentação e o SDK da Web do Google Cast.
Lançamento do painel de segurança no Chrome DevTools
Saiba tudo sobre o novo painel de segurança no Chrome DevTools.
Apresentamos a Sincronização em segundo plano
A sincronização em segundo plano é uma nova API da Web que permite adiar ações até que o usuário tenha uma conectividade estável. Isso é útil para garantir que o que o usuário queira enviar seja realmente enviado.
Resumo do DevTools (CDS Edition): um olhar sobre o futuro e a criação do perfil RAIL
Saiba como o DevTools está priorizando os dispositivos móveis com um novo e simplificado Modo de dispositivo que está sempre ativado. Use os botões de cores para adicionar cores aos seus seletores com rapidez e descubra o que vai ser lançado no DevTools em breve.
Carregamento instantâneo de apps da Web com uma arquitetura de shell de aplicativo
Atualmente, a arquitetura de shell do aplicativo é um método de criação de Progressive Web Apps, aproveitando uma variedade de tecnologias.
Resumo do DevTools: edições eficientes de elementos, depuração de service workers e sombras do Material Design
Use o novo menu de contexto do painel DOM para editar nós com eficiência. Depure service workers diretamente pelo painel Recursos. Escolha entre todas as tonalidades do Material Design no seletor de cores. Oculte as bibliotecas JS com mais facilidade.
Gerenciar o acionamento do toque para pesquisar
Entender quando e como o recurso Pesquisa por toque é acionado
Interação necessária para notificação: uma UX de notificação mais suave no computador
As notificações na área de trabalho serão dispensadas automaticamente depois de um curto período.
Resumo do DevTools - Reordenação de guias, Console em 2 e listeners de eventos de framework
Reorganize as guias do DevTools da melhor forma para você e veja exatamente onde os eventos da estrutura estavam vinculados.
Recursos do dispositivo de entrada
Um método mais simples para racionalizar a lógica do mouse e do toque para quando não houver PointerEvents.
Executar snippets do JavaScript
Snippets são scripts pequenos que você pode criar e executar dentro do painel Sources do Chrome DevTools. Eles podem ser acessados e executados em qualquer página. Quando você executa um snippet, ele é executado no contexto da página atualmente aberta.
Escolher câmeras, microfones e alto-falantes no app da Web
A interface MediaDevices dá acesso aos dispositivos de entrada e saída disponíveis para o navegador, incluindo câmeras, microfones e alto-falantes.
Extensão de registrador da EME
O EME Logger é uma extensão do Chrome que registra eventos e chamadas das extensões de mídia criptografada (EME, na sigla em inglês) para o console do DevTools.
Atualizações na API Service Worker Cache
O Chrome 46 trouxe novos métodos para caches, assim como o Chrome 47 e, provavelmente, o 48. Ele nunca para.
API History: restauração de rolagem
Atualização da API History para evitar saltos de rolagem desagradáveis
Descarte de guias no Google Chrome: um experimento de economia de memória
Reduzir o consumo de memória do Chrome é uma das prioridades da equipe este ano.
Como implementar a fixação de chaves públicas com relatórios HPKP
O Chrome 46 vem com um recurso chamado relatório HPKP, que pode ajudar você a implementar uma forma mais rigorosa de SSL no seu site.
Como usar o manifesto do app da Web para especificar uma cor de tema para todo o site
Defina uma cor do tema no manifesto e disponibilize a cor para todas as páginas do site quando ela for iniciada na tela inicial.
O filtro "Painel de rede" maior que o avançado e outros
Você sabia que o filtro no painel "Rede" é compatível com alguns rótulos interessantes de pesquisa personalizada?
DevTools Digest - Detalhes da linha do tempo agregados, paletas de cores e muito mais
Descubra quais scripts de terceiros causam problemas de desempenho com os Detalhes agregados na linha do tempo, como escolher cores consistentes com a nova paleta de cores e muito mais.
Dicas simples do teclado para usar no Painel de Estilos
Aprenda a navegar pelo Painel de estilo de forma eficaz com alguns truques úteis do teclado.
Nova versão do Material Design Lite - 1.0.4
Há uma nova versão do Material Design Lite, que traz várias correções de bugs e melhorias no processo de compilação.
Como usar o requestIdleCallback
A requestIdleCallback é a nova API de performance para programar o trabalho quando o navegador está inativo.
Usar imagens de pôster no conteúdo do plug-in
Agora o Chrome pode adicionar imagens de pôster personalizadas a elementos de objeto para melhorar a performance de carregamento percebida de plug-ins, como o Flash.
Editar HTML no painel do Console
O menu de contexto do nó DOM, que pode ser reconhecido pelo painel de elementos, também está presente no painel do console.
Duplique nós DOM com facilidade
Você pode mudar o DOM com facilidade sem precisar editar o HTML como uma string gigante.
O novo lar do DevTools
Nós nos mudamos para nossa nova página inicial em developers.google.com/web/tools/chrome- DevTools e temos novos tutoriais e dicas para você.
Editar CSS em tempo real nos códigos-fonte
Você sabia que é possível editar o CSS em tempo real nas origens e fazer com que ele atualize a página em tempo real?
Navegação estrutural do DOM aprimorada
Você sabia que o painel Elementos tem uma trilha de navegação?
DevTools Digest: tira de filme e um novo local para limitação
Conheça a nova funcionalidade de tira de filme e muito mais na primeira de muitas atualizações do resumo por e-mail do DevTools.
Descontinuações do MediaStream
A API MediaStream representa streams sincronizados de áudio ou vídeo. MediaStream.ended, MediaStream.label e MediaStream.stop() estão sendo descontinuados. Use MediaStream.active, MediaStreamTrack.label e MediaStreamTrack.stop() em vez disso.
Como se comunicar com dispositivos Bluetooth por JavaScript
A API Web Bluetooth permite que sites se comuniquem com dispositivos Bluetooth.
Adicionar um novo dispositivo personalizado como predefinição
Você emula frequentemente dispositivos de uma determinada dimensão? Nesse modo, é possível adicionar novas predefinições de dispositivos.
Medir o desempenho em um service worker
Se não for possível medir o desempenho das solicitações em um service worker, como isso melhora o desempenho? Agora você pode responder a essa pergunta com as mudanças recentes no Chrome.
Como usar rotationAngle e touchRadius
Um pequeno conjunto de alterações foi lançado no Chrome 45 para facilitar a criação de apps melhores baseados em toque para os desenvolvedores.
Notificações de reprodução de mídia para o Chrome no Android
Quando um áudio ou vídeo é reproduzido em uma página da Web, uma notificação com o título da página e um botão "Reproduzir/pausar" é exibida na bandeja de notificações e na tela de bloqueio. A notificação pode ser usada para pausar/retomar a reprodução ou retornar à página que está reproduzindo a mídia.
Atalho para selecionar a próxima ocorrência
No editor do painel Sources, você pode selecionar a próxima ocorrência com o Cmd + D.
Inspecionar e acionar consultas de mídia CSS
O Device Mode tem um inspetor de consultas de mídia integrado que permite um design responsivo mais fácil.
Definir um ponto de interrupção com base em uma determinada condição
Ao definir um ponto de interrupção, você pode torná-lo condicional com base no resultado de uma expressão.
Selecione e execute um bloco de código no painel Sources
Use o atalho Ctrl + Shift + E para executar um bloco de código destacado no painel Origens.
Percorra rapidamente os painéis do DevTools
Você pode usar Cmd+] (ou Cmd+[) para navegar pelos painéis nas DevTools.
Imprimir um stack trace rápido no console
É possível usar console.trace() para obter um stack trace rápido e fácil para entender melhor o fluxo de execução do código.
Acionar uma pseudoclasse em um elemento
Já tentou depurar os efeitos de CSS ao passar o cursor, mas não conseguiu manter o mouse no elemento? Veja como fazer isso.
Pesquisa ampla do projeto com escopo de arquivo opcional
Aprenda os comandos secretos para pesquisar como um profissional no DevTools.
Grupos de cores da rede
Saiba quais cores correspondem a qual tipo de recurso para facilitar a identificação dos recursos.
Visualizar valores JavaScript in-line durante a depuração
Saiba como visualizar os valores das variáveis JavaScript no DevTools durante a depuração.
Editar/visualizar recursos rapidamente no painel Elementos
Editar/visualizar recursos rapidamente no painel Elementos
Extensões de origem de mídia para áudio
As extensões de origem de mídia (MSE, na sigla em inglês) fornecem mais armazenamento em buffer e controle de reprodução para os elementos de áudio e vídeo HTML5. Embora tenha sido desenvolvido originalmente para facilitar o Dynamic Adaptive Streaming over HTTP em players de vídeo baseados em HTTP (DASH), o MSE pode ser usado para áudio, especificamente para reprodução sem lacunas.
Notificar você sobre alterações nas notificações
Duas novas APIs foram adicionadas ao Chrome 44. Assim, fica mais fácil trabalhar e personalizar o uso de notificações com push.
Copiar imagem como URI de dados
Clique com o botão direito do mouse em uma visualização de imagem no painel Recursos para copiá-la como um URI de dados (codificado em base 64).
Editor de easing
Selecione uma propriedade CSS de easing para uma visualização animada e visual do comportamento.
Edição rápida de tags de elementos
Clique duas vezes no nome da tag de abertura de um nó no painel Elementos para editá-lo.
Algumas melhorias na interface e em recursos da ferramenta de seletor de cores
A ferramenta de seleção de cores do DevTools está recebendo um upgrade. Atualmente no Chrome Canary
Solicitações de rede inacabadas
Use o filtro de rede avançado Is:running para ver as solicitações de rede inacabadas (por exemplo, solicitações em execução).
Clique no comando para adicionar vários cursores ao painel de origens
Saiba como editar vários cursores no painel de origens do DevTools.
Ver seletores correspondentes
Quando você visualiza um seletor no painel de estilos, as partes do seletor separadas por vírgula ficam coloridas de forma diferente dependendo se correspondem ou não ao nó DOM selecionado.
Usar o teclado para navegar pela pilha de chamadas
Como definir um ponto de interrupção e navegar pela pilha de chamadas com atalhos de teclado.
O nó DOM selecionado no momento
Aprenda o atalho rápido do console para obter o nó DOM selecionado no momento.
Monitorar rapidamente eventos no painel do console
É possível registrar todos os eventos enviados para um objeto usando o método monitorEvents(object [, eventos]) da API Command Line.
Acessar e depurar listeners de eventos
Acesse e depure listeners de eventos no DevTools com estes comandos de console.
Pausar automaticamente em qualquer exceção
No DevTools, é possível pausar automaticamente em qualquer exceção (especialmente útil para exceções não capturadas).
Repetir uma solicitação de rede em cURL
Aprenda a depurar uma solicitação de rede na linha de comando.
Preenchimento automático para a notação de colchete
Você sabia que é possível preencher automaticamente a notação de colchete no painel "Origens"?
Ver e alterar seus pontos de interrupção DOM
Como visualizar e alterar pontos de interrupção do DOM com o painel "Breakpoints" no DevTools.
Rolar elementos na janela de visualização
Se um elemento que você estiver inspecionando estiver fora da área de visualização, veja como exibi-lo na janela de visualização.
Como acionar pseudoclasses
Aprenda a acionar pseudoclasses, como ":active", para depurar corretamente seu CSS.
Tiras de filme no painel "Rede"
Navegue visualmente pelo painel de rede e confira as capturas de tela feitas durante o carregamento da página
Expandir propriedades de abreviação de CSS
No painel de estilos, é possível expandir propriedades de abreviação CSS, como flex ou padding, e ver todas as propriedades definidas para você.
Pesquisar a árvore do DOM por seletor de CSS
Ao navegar pelo DOM com o painel "Elementos", tente pesquisar nós via CMD/Ctrl+F pelos seletores de CSS.
Encaminhamento de portas
O encaminhamento de portas do DevTools permite que até mesmo URLs do localhost funcionem em dispositivos móveis.
Receba notificações de erros de JS enquanto digita
Se você receber um erro no painel do console, clique nele para revelar a linha do painel Sources em que aparece uma indicação do erro.
Gravação fácil da linha do tempo
Tente desencaixar o DevTools em uma janela separada para que o botão de gravação fique próximo à parte da página em que você precisa realizar uma ação
Ir para um número de linha em uma coluna específica
Aprenda a pular para números de linha específicos no painel "Origens".
Vídeo de alto desempenho com decodificação de hardware
O suporte a vídeo de hardware traz uma decodificação eficiente para plug-ins, bem como para vídeo HTML5. Os usuários de Flash devem alternar do estilo antigo de Vídeo para o objeto StageVideo.
Acesse facilmente listeners de eventos
Saiba como mostrar a definição da função de um listener de eventos registrado em qualquer nó.
Atualização forçada
Com o DevTools aberto, clique e mantenha pressionado o botão "Atualizar" para ver mais opções.
Modificações locais
As modificações locais permitem ver quais mudanças foram feitas (via DevTools) em determinados arquivos de origem.
Percorrer a edição de locais
O histórico de posição do cursor é preservado no painel Sources, permitindo que você navegue pelos locais de edição anteriores com Alt+(para trás) ou Alt+(para frente)
Copiar a resposta de um recurso de rede para a área de transferência
Além de copiar os cabeçalhos de solicitação/resposta de um recurso de rede, você também pode copiar a própria resposta.
Execute uma seleção de coluna arrastando
Para selecionar uma coluna no editor do painel Sources, mantenha Alt enquanto arrasta o mouse.
Edição rápida de tags de elementos
Clique duas vezes no nome da tag de abertura de um nó no painel Elementos para editá-lo.
Copiar imagem como URI de dados
Clique com o botão direito do mouse em uma visualização de imagem no painel Recursos para copiá-la como um URI de dados (codificado em base 64).
Ver seletores correspondentes
Quando você visualiza um seletor no painel de estilos, as partes do seletor separadas por vírgula ficam coloridas de forma diferente dependendo se correspondem ou não ao nó DOM selecionado.
Monitorar rapidamente eventos no painel do console
É possível registrar todos os eventos enviados para um objeto usando o método monitorEvents(object [, eventos]) da API Command Line.
Clique no comando para adicionar vários cursores ao painel de origens
Saiba como editar vários cursores no painel de origens do DevTools.
Alternar o estado da base do DevTools com um atalho do teclado
Use o Cmd + Shift + D para alternar o estado de base do DevTools entre os dois últimos estados usados recentemente.
Alternar o estado da base do DevTools com um atalho do teclado
Use o Cmd + Shift + D para alternar o estado de base do DevTools entre os dois últimos estados usados recentemente.
Solicitações de rede inacabadas
Use o filtro de rede avançado Is:running para ver as solicitações de rede inacabadas (por exemplo, solicitações em execução).
Editor de easing
Selecione uma propriedade CSS de easing para uma visualização animada e visual do comportamento.
Capitalização automática para dispositivos móveis
Outra frustração dos usuários com entradas de texto está sendo removida.
Recortar e copiar comandos
O suporte aos comandos de recortar e copiar permite recortar e copiar programaticamente o texto selecionado para a área de transferência dos usuários.
Depurar seu código original em vez de implantado com mapas de origem
Mantenha o código do lado do cliente legível e depurável mesmo depois de combinar, minificar ou compilar.
Referência da API Console Utilitários
Uma referência das funções de conveniência disponíveis no Console do Chrome DevTools.
Depuração remota de WebViews
Depure WebViews nos seus apps Android usando as Ferramentas para Desenvolvedores do Chrome.
Atributos do DOM agora na cadeia do protótipo
O Chrome está cada vez mais alinhado à especificação. Verifique seus sites caso esteja usando a lógica do WebKit para propagação de atributos
Emular e testar outros navegadores
Seu trabalho não acaba com a garantia de que seu site funciona bem no Chrome e no Android. Embora o Device Mode possa simular diversos outros dispositivos, como iPhones, recomendamos que você confira soluções de emulação para outros navegadores.
Depurar dispositivos Android remotamente
Depure remotamente conteúdo ativo de um dispositivo Android em um computador Windows, Mac ou Linux.
API Permissions para a Web
A API Permissions oferece um local central para verificar o status das permissões de uma API.
Conceitos simplificados na nomenclatura de animações da Web
Em resposta ao feedback dos desenvolvedores, alguns recursos futuros das animações da Web estão sendo renomeados.
O novo lar do DevTools
Nós nos mudamos para um novo lar em developer.google.com/web, com tutoriais novos e excelentes para você.
DevTools Timeline – Agora apresentando a história completa
Fizemos upgrade do painel Timeline para o Chrome DevTools para dar aos desenvolvedores mais informações sobre o desempenho do site em tempo de execução.
Gerenciando o armazenamento off-line HTML5
Como armazenar dados do lado do cliente no seu app do Chrome para que ele funcione off-line.
Como criar sites semânticos com Web Components e JSON-LD
Adicione a marcação schema.org aos seus componentes e torne-os compatíveis com mecanismos de pesquisa.
O que é a janela de visualização virtual?
A janela de visualização virtual separa o layout da janela de visualização.
Como conseguir o literal com strings de modelo ES6
Literais de strings de modelo com expressões incorporadas. Estamos esperando por isso há muito tempo. Literalmente
Preservar o estado durante as mutações do DOM com moveBefore()
Mover nós pelo DOM sem perder o estado crítico
Conferência de Desenvolvedores do Chrome 2014 - Polymer - State of the Union
O estado da União de Polímeros.
Solicitação de instalação de app nativo
Os banners nativos de instalação de apps permitem que os usuários instalem seu app nativo de maneira rápida e fácil no dispositivo deles pela app store, sem sair do navegador.
Controle de reprodução de animações da Web no Chrome 39
Saiba mais sobre a reprodução de animações na Web
Fundamentos do desenvolvimento da Web para dispositivos móveis
Visão rápida de alguns dos esforços da equipe do Chrome para ajudar os desenvolvedores a dar os primeiros passos no desenvolvimento da Web e iterar em seus sites.
Feedback do desenvolvedor necessário: API Frame Timing
Uma nova API está sendo desenvolvida para ajudar a medir a quantidade de quadros por segundo, mas ela precisa do seu feedback.
Suporte a cores de tema no Chrome 39 para Android
Use a cor do tema para definir a cor da barra de ferramentas no Chrome para Android.
Etapa 6: exportar tudo para o sistema de arquivos
Como gravar no sistema de arquivos usando o app do Chrome.
Etapa 5: adicionar imagens da Web
Como adicionar imagens ao seu app do Chrome usando o XHR e o ObjectURL.
Etapa 1: criar e executar um app do Chrome
Como criar, instalar, executar e depurar um app básico do Chrome.
Etapa 3: adicionar alarmes e notificações
Como ativar seu app do Chrome em intervalos especificados e usar notificações.
Etapa 2: importar um app da Web existente
Como adaptar um app da Web existente para a plataforma de apps do Chrome.
Enviar dados de beacon no Chrome 39
O Chrome 39 implementa a API Beacon, que permite enviar pequenas solicitações HTTP assíncronas durante os eventos de descarregamento de páginas.
Toque com precisão para gestos precisos
Os TouchEvents foram alterados no Chrome para retornar valores flutuantes, em vez de inteiros, de acordo com as densidades de tela variáveis. Isso leva a um feedback mais detalhado durante os gestos lentos.
Coleta e iteração, do jeito ES6
Mapas, conjuntos e para...de iteração são recursos do ES6 que podem mudar a maneira como você trabalha com coleções de dados.
Conversão mais fácil de ArrayBuffer em string com a API Codificação
A API Codificação nativa oferece uma maneira direta de converter entre dados binários brutos e strings JavaScript.
Mudanças no áudio da Web na versão m36
Descrição do trabalho de limpeza dos padrões de áudio da Web no Chrome 36
Elemento de caixa de diálogo enviado no Chrome 37 Beta
O Chrome Beta tem suporte nativo para elementos
A compatibilidade com blobs do IndexedDB foi transferida para o Chrome Dev
Um recurso muito esperado para o Chrome, o suporte a Blobs no IndexedDB está disponível no Chrome Dev.
Automatizar a medição de desempenho na Web
Use a PSI para incluir métricas de desempenho da Web no seu processo de build.
Animações da Web: elemento.animate() agora está no Chrome 36
As animações da Web definem um modelo para oferecer suporte a animação e sincronização na plataforma da Web. O elemento.animate() é o primeiro desses elementos no Chrome.
Um toque mais compatível e suave
Você e seus usuários querem aplicativos da Web para dispositivos móveis que reajam e rolem suavemente ao toque. O desenvolvimento deles deve ser fácil, mas, infelizmente, a maneira como navegadores da Web para dispositivos móveis reagem a eventos de toque durante a rolagem é um detalhe de implementação na especificação do [TouchEvent](https://www.w3.org/TR/touch-events/).
Executar apps do Chrome em dispositivos móveis com o Apache Cordova
Um guia sobre como usar o Apache Cordova para configurar o app do Chrome para execução em dispositivos Android e iOS.
Como depurar JavaScript assíncrono com o Chrome DevTools
Um recurso poderoso que torna o JavaScript único é a capacidade de trabalhar de forma assíncrona usando funções de callback. A atribuição de callbacks assíncronos permite escrever código orientado a eventos, mas também torna o rastreamento de bugs
Acessar a grade CSS
O layout de grade de CSS é um novo módulo CSS3 que fornece novos primitivos de layout que são ideais para aplicativos da Web.
Mudanças na hospedagem do Chrome 33
Detalhes sobre as mudanças na hospedagem das extensões do Chrome iniciadas na versão 33.
Aplicativos da WebView para desenvolvedores da Web
Um tutorial que ensina como usar o Yeoman, o Gradle e o Grunt para criar um aplicativo da Web.
Tutorial: migrar para o Manifest V2
Diretrizes sobre como migrar do manifesto v1 para o manifesto v2.
Fluxo de trabalho da WebView
Um tutorial que ensina como usar o Yeoman, o Gradle e o Grunt para criar um aplicativo da Web.
Resumo mensal de Yeoman
Um resumo mensal com notícias de alta qualidade sobre projetos, geradores e artigos do Yeoman.
Substituir as configurações do Chrome
Como substituir as configurações do Chrome usando uma extensão.
Substituir as configurações do Chrome
Como substituir as configurações do Chrome usando uma extensão.
Yo Polymer – Um breve tour pelas ferramentas dos componentes da Web
Um tour rápido dos componentes da Web, do Polymer e das ferramentas de front-end da empresa.
Apps da Web que falam: introdução à API Speech Synthesis
Introdução ao recurso de síntese da API Web Speech.
Chrome Dev Summit - Resumo da plataforma da Web aberta
Os recursos da Open Web Platform estão acelerando em um ritmo nunca visto antes. Na Chrome Dev Summit, falamos sobre como estamos trabalhando para melhorar a Blink, a Segurança e a Mídia para a plataforma.
Conferência de Desenvolvedores do Chrome: componentes encapsulados e reutilizáveis da Polymer
O Polymer é uma porta de entrada para o futuro dos componentes da Web. Saiba mais sobre os componentes da Web e o Polymer na Conferência de Desenvolvedores do Chrome
Chrome Dev Summit - Resumo sobre dispositivos móveis
Este é o primeiro de uma série de relatórios sobre a Conferência de Desenvolvedores do Chrome. Havia uma grande ênfase no desenvolvimento para dispositivos móveis e entre dispositivos, então vamos começar.
Resumo mensal de Yeoman
Um resumo regular de artigos, vídeos e palestras de autoria da comunidade Yeoman.
O novo mecanismo de animação da Web em blink impulsiona animações e transições CSS
Uma implementação do Web Animations 1.0 está usando o Blink para alimentar as animações e transições CSS.
Atraso de 300 ms ao tocar, sumiu
Cada interação de clique em navegadores para dispositivos móveis é prejudicada com um atraso de 300 ms, mas isso ocorre no Chrome 32 para sites otimizados para dispositivos móveis.
Manifesto para áreas de armazenamento
Documentação de referência para a propriedade de armazenamento do manifest.json.
Manifesto para armazenamento gerenciado
Documentação de referência para a propriedade de armazenamento do manifest.json.
Resumo de novembro do Chrome DevTools
O Chrome DevTools é muito rápido e queremos chamar sua atenção para algumas novas funcionalidades e melhorias que introduzimos em alguns componentes. Ou seja, vamos discutir algumas mudanças na interface, a criação de perfis do JS em alta resolução e
Resumo mensal de Yeoman
Um resumo regular de artigos, vídeos e palestras de autoria da comunidade Yeoman.
O cenário da automação de desenvolvimento de front-end (Apresentações)
Saiba como melhorar sua produtividade de front-end com ferramentas para automação do fluxo de trabalho.
Entrada de áudio ao vivo de áudio da Web - agora no Android
O Chrome para Android (v31.0.1650+) acaba de receber suporte para entrada de áudio pela API Web Audio.
O layout do Flexbox não é lento
Boas notícias! O flexbox novo é 2,3 vezes mais rápido do que o antigo
Respostas do DevTools - Que fonte é essa?
Já se perguntou qual fonte está sendo usada para renderizar texto? Não se surpreenda mais com o Chrome DevTools revela tudo.
elemento de caixa de diálogo - modais facilitados
Você já criou sua própria caixa de diálogo modal? Em breve, você não vai precisar mais nunca mais; as caixas de diálogo estão se tornando parte da plataforma da web.
externally_connectable
Documentação de referência para a propriedade external_connectable do manifest.json.
externally_connectable
Documentação de referência para a propriedade external_connectable do manifest.json.
Transparência Alfa no vídeo do Chrome
O WebM acabou de adicionar transparência Alfa, e o suporte para ela chegou ao Chrome 31.
Revoluções do Chrome DevTools 2013
À medida que a complexidade e a funcionalidade dos aplicativos da Web cresceram, o Chrome DevTools também cresceu. Nesta recapitulação da palestra de Paul Irish no Google I/O 2013, Chrome DevTools Revolutions 2013, você vai conhecer os recursos mais
As sintaxes sourceMappingURL e sourceURL foram alteradas
As sintaxes sourceMappingURL e sourceURL foram alteradas
Manifesto - nome e nome curto
Documentação de referência para as propriedades name e short_name do manifest.json.
Manifesto – versão mínima do Chrome
Documentação de referência para a propriedademinimum_chrome_version do manifesto.json.
Manifesto - Recursos acessíveis na Web
Documentação de referência para a propriedade web_unique_resources do manifesto.json.
Manifesto - URL da página inicial
Documentação de referência para a propriedade initial_url do manifest.json.
Manifesto – localidade padrão
Documentação de referência para a propriedade default_locale do manifesto.json.
Manifesto – módulos Nacl
Documentação de referência para a propriedade nacl_modules do manifesto.json.
Manifesto - URL da página inicial
Documentação de referência para a propriedade initial_url do manifest.json.
Manifest V2 – Versão [descontinuada]
Documentação de referência da propriedade de versão do manifest.json.
Manifesto – navegação anônima
Documentação de referência da propriedade de navegação anônima do manifest.json.
Manifesto - Recursos acessíveis na Web
Documentação de referência para a propriedade web_unique_resources do manifesto.json.
Manifesto - Off-line ativado
Documentação de referência para a propriedade offline_enabled do manifest.json.
Manifesto – localidade padrão
Documentação de referência para a propriedade default_locale do manifesto.json.
Manifesto – navegação anônima
Documentação de referência da propriedade de navegação anônima do manifest.json.
Aplicativos de quiosque
Documentação de referência para a propriedade kiosk_enabled do manifest.json.
Manifesto - gerenciadores de arquivos
Documentação de referência para a propriedade file_handlers do manifesto.json.
Introdução aos filtros personalizados (também conhecidos como sombreadores de CSS)
Introdução aos filtros personalizados (também conhecidos como sombreadores de CSS)
O que são extensões?
Uma visão geral da finalidade das extensões do Chrome e como elas são desenvolvidas.
Como criar perfis de tempos de pintura longos com o modo de pintura contínua no DevTools'
Como criar perfis de tempos de pintura longos com o modo de pintura contínua no DevTools'
WebRTC - Demonstração do RTCDataChannel, mudanças na API... e o Chrome se comunica com o Firefox
WebRTC - Demonstração do RTCDataChannel, mudanças na API... e o Chrome se comunica com o Firefox
Abreviação de plano de fundo CSS chegando aos navegadores WebKit para dispositivos móveis
Abreviação de plano de fundo CSS chegando aos navegadores WebKit para dispositivos móveis
Apps da Web baseados em voz: introdução à API Web Speech
Voice Driven Web Apps - Introdução à API Web Speech
Imagens de plano de fundo baseadas em telas
Como alimentar um plano de fundo CSS usando Canvas ou Webgl
A Política de Segurança de Conteúdo 1.0 é oficialmente incrível
A Política de Segurança de Conteúdo 1.0 é oficialmente incrível
Declarar permissões
Uma visão geral dos valores válidos da propriedade de permissões no manifest.json.
Globo interativo com sombreadores de CSS e o Google Maps
Globo interativo com sombreadores de CSS e o Google Maps
Padrões de correspondência
Como entender os padrões de correspondência de URL nas extensões do Chrome.
OAuth 2.0: autenticar usuários com o Google
Instruções detalhadas sobre como criar uma extensão que acesse os contatos do Google de um usuário com a API Google People, a API Chrome Identity e o OAuth2.
Formato do arquivo de manifesto
Uma visão geral das propriedades manifest.json de uma extensão do Chrome.
Tutorial: Google Analytics
Instruções detalhadas sobre como acompanhar o uso da sua extensão com o Google Analytics.
Chrome Web Store
Como hospedar sua extensão na Chrome Web Store e atualizar uma extensão hospedada nela.
XMLHttpRequest de origem cruzada
Como implementar o XHR de origem cruzada na extensão do Google Chrome.
Formatos das mensagens de localização
Documentação de referência sobre o formato do arquivo messages.json para as Extensões do Chrome.
OAuth2: autenticar usuários com o Google
Instruções detalhadas sobre como criar uma extensão que acesse os contatos do Google de um usuário com a API Google People, a API Chrome Identity e o OAuth2.
Formato do arquivo de manifesto
Uma visão geral das propriedades manifest.json que podem ser usadas na extensão do Chrome.
Declarar permissões e avisar os usuários
Como implementar permissões para proteger os usuários e a extensão.
Solicitações de rede de origem cruzada
Implemente solicitações de rede de origem cruzada na sua extensão do Chrome.
Substituir páginas do Chrome
Como substituir o gerenciador de favoritos, o histórico e as páginas "Nova guia" do Chrome na extensão.
Padrões de correspondência
Como a correspondência de padrão de script de conteúdo e permissão do host funciona, com exemplos.
Visão geral da arquitetura
Uma explicação de alto nível sobre a arquitetura de software das extensões do Chrome.
Versão do manifesto
A propriedade manifest_version de manifest.json indica qual versão da especificação de manifesto é destinada a uma extensão do Chrome.
Substituir páginas do Chrome
Como substituir o gerenciador de favoritos, o histórico e as páginas "Nova guia" do Chrome na extensão.
Usar o Google Analytics 4
Instruções detalhadas sobre como acompanhar o uso da extensão com o Google Analytics 4.
Visão geral do desenvolvimento de extensões
Uma visão geral dos recursos e componentes da extensão do Chrome.
Estender o DevTools
Como criar uma extensão do Chrome que adiciona funcionalidade ao Chrome DevTools.
Opções alternativas de distribuição de extensões
Como distribuir extensões do Google Chrome fora da Chrome Web Store.
Arquitetura de MVC
Informações gerais do modelo de arquitetura do software do controlador de visualização de modelo.
Política de Segurança de Conteúdo
Informações gerais sobre a CSP para apps do Chrome e como obedecer a ela.
Usar métodos de instalação alternativos
Como instalar as extensões do Chrome usando o JSON de preferências ou o registro do Windows.
Gerenciar eventos com scripts de segundo plano
Como responder a acionadores (eventos) do navegador de um script em segundo plano da extensão do Chrome.
Mudanças de empilhamento chegando à posição:elementos fixos
Mudanças de empilhamento chegando aos elementos position:fix
Defenda seus destinos! Posição - aderência ao WebKit
Defenda seus destinos! Posição - aderência ao WebKit
Quando os milissegundos não são suficientes: performance.now
Quando os milissegundos não são suficientes: performance.now
a lista de dados para entradas de intervalo/cor oferece algumas opções padrão
a lista de dados para entradas de intervalo/cor oferece algumas opções padrão
Perguntas frequentes rápidas sobre input[type=date] no Google Chrome
Perguntas frequentes rápidas sobre input[type=date] no Google Chrome
A opção de arrastar e soltar uma pasta no Chrome já está disponível
A opção de arrastar e soltar uma pasta no Chrome já está disponível
Como escrever um livro viável usando regiões CSS e transformações 3D
Como escrever um livro viável usando regiões CSS e transformações 3D
Política de Segurança de Conteúdo
A Política de Segurança de Conteúdo pode reduzir significativamente o risco e o impacto de ataques de scripting em vários locais em navegadores mais recentes.
Não crie blobs, construa-os
As alterações recentes na especificação da API File incluem um novo construtor para Blob, o que basicamente torna o BlobBuilder irrelevante.
A inspeção de frame do Websocket agora no Chrome DevTools
Adicionar capacidade de inspeção aos dados que passam pela rede em WebSockets
a lista de dados está disponível no Chrome Canary
Usando `datalist`, seu app pode definir uma lista de resultados sugeridos que os usuários podem selecionar. Ele pode selecionar uma opção da lista ou inserir um texto de formato livre.
Como processar uploads de arquivos XHR2 em PHP
Um exemplo de código de servidor para ilustrar como processar uploads de arquivos
Protothon WebRTC
Em 24 de março, o Google realizou o primeiro evento para desenvolvedores WebRTC do mundo, o WebRTC Protothon.
API requestAnimationFrame - agora com precisão de menos de um milissegundo
Em breve, haverá uma mudança em parte da API equestAnimationFrame.
Maior desempenho do DOM - O WebKit's innerHTML é 240% mais rápido
O engenheiro do Chrome Kentaro Hara fez sete otimizações de código no WebKit, melhorando o desempenho do Safari (JavaScriptCore) e do Chrome (V8).
Resumo dos recursos internos do navegador da Web
A maioria dos recursos que explica o funcionamento interno dos navegadores
Colocar uma página inteira off-line usando a API FileSystem HTML5
A API FileSystem permite armazenar arquivos e hierarquias de pasta programaticamente no sistema de arquivos local (sandbox) e, posteriormente, adicionar/atualizar/remover recursos individuais conforme necessário
Introdução aos mapas de origem JavaScript
Você já quis manter o código do lado do cliente legível e, mais importante, depurável mesmo depois de combiná-lo e minificá-lo, sem afetar o desempenho? Agora você pode fazer isso com a magia dos mapas de origem. Os mapas de origem são uma maneira de
Otimização do JavaScript
O JavaScript é relativamente rápido, mas pode ser mais rápido a qualquer momento. Leia mais sobre como otimizar o desempenho do seu JavaScript.
Novo recurso experimental: folhas de estilo com escopo
Recentemente, o Chromium implementou um novo recurso do HTML5: folhas de estilo com escopo.
Resumo da demonstração da API WebGL e Web Audio
Veja algumas demonstrações legais da API WebGL e Web Audio que eu vi nas últimas semanas.
SwiftShader leva software de renderização 3D para o Chrome
O SwiftShader é um renderizador de software 3D usado no Chrome 18 que permite usar CSS 3D e WebGL mesmo em GPUs listadas na lista de bloqueio.
Fazer com que o Gmail gerencie todos os links mailto com o registerProtocoloHandler
Graças ao Navigator.register ProtocolHandler(), você pode conectar o Gmail como seu cliente de e-mail padrão para todos os links mailto.
Chrome para Android - Acelerando a Web para dispositivos móveis
O Google Chrome para Android (Beta) é baseado no projeto de código aberto Chromium e traz muitos dos recursos HTML5 mais recentes que os desenvolvedores do Google Chrome já conhecem e adoram.
API Pointer Lock Leva jogos QPS para o navegador
A API Pointer Lock possibilita escrever jogos de tiro em primeira pessoa para a Web.
O áudio HTML5 e a API de áudio da Web são melhores amigos
O createMediaElementSource() permite combinar HTML5 com a capacidade de visualização, filtro e processamento da API Web Audio.
Eliminação de XHRs síncronos
Atenção! A especificação XMLHttpRequest2 foi alterada recentemente para proibir o envio de uma solicitação síncrona quando XMLHttpRequest.responseType está definido.
Perguntas frequentes sobre o áudio da Web
Esta rápida atualização é uma tentativa de abordar algumas das perguntas mais frequentes a fim de tornar sua experiência com a API de áudio da Web mais agradável.
Apresentamos o exemplo do player de vídeo
O exemplo de player de vídeo é um app da Web de player de vídeo de código aberto criado com a mesma arquitetura dos apps 60 Minutes e RedBull.tv.
Efeitos de filtro CSS no WebKit
A Adobe tem trabalhado duro para levar essa tecnologia incrível para o CSS. Estou me referindo ao CSS Filter Effects 1.0, que o WebKit começou a implementar.
Objetos transferíveis: ultrarrápida
Com objetos transferíveis, os dados são transferidos de um contexto para outro. Ele não gera nenhuma cópia, o que melhora significativamente o desempenho do envio de dados para um worker.
Usar a precisão média no WebGL quando possível
Aviso dos nossos amigos do Opera, que estão testando o WebGL no hardware OpenGL ES 2.0.
Ferramentas para desenvolvedores do Chrome para velocidade
Como usar as Ferramentas do desenvolvedor no Chrome para aumentar a velocidade dos apps
Fazer streaming de vídeo usando a API MediaSource
A API MediaSource estende o "HTMLMediaElement" para permitir que o JavaScript gere streams de mídia para reprodução.
Resumo da demonstração do WebGL
Aqui estão algumas novas demonstrações incríveis do WebGL de toda a Web para mostrar o que seu navegador pode realmente fazer.
Ferramentas de cache de apps e geradores automáticos
O cache do aplicativo ajuda você a executar seu aplicativo da Web off-line, acelera significativamente o tempo de inicialização e reduz a conta da largura de banda.
Como definir o escopo em transações IndexedDB
O IndexedDB é um padrão da Web em evolução para o armazenamento de quantidades significativas de dados estruturados no navegador.
Deixe seu conteúdo se comunicar: API Fullscreen
A API Fullscreen permite que os aplicativos da Web informem programaticamente qualquer conteúdo da página para entrar no modo de visualização de tela cheia do navegador, a partir do JavaScript
WebSockets atualizados com a versão mais recente no Chrome Canary
A API WebSocket foi revisada para a versão mais recente (13) no Chrome Canary
Acompanhar as novidades do HTML5 e do suporte ao navegador
Na verdade, acompanhar esses recursos pode ser um desafio, mas somente se você não souber onde procurar.
Fazer uma viagem com o Three.js
Cada vez mais desenvolvedores vêm criando novas demonstrações em 3D, independentemente de já serem especialistas em OpenGL ou aventureiros que começaram a brincar com ela.
Cupom da nova conferência de jogos para desenvolvedores de jogos HTML5
Impedir que eu conclua meus relatórios de TPS aprendendo a criar jogos HTML5 e WebGL no New Game.
Vídeos de 7 minutos - dicas do console JavaScript e APIs DOM novas
Suba de nível no Console JavaScript no Chrome DevTools.
Workers ♥ ArrayBuffer
O Chrome 13 e o FF5 oferecem suporte ao envio de um `ArrayBuffer` (ou matriz tipada) de/para um web worker.
O que há de diferente no novo protocolo WebSocket
A especificação do protocolo WebSocket foi atualizada recentemente para resolver questões de segurança anteriores e é bastante estável
Como depurar a API Filesystem
O sistema de arquivos HTML5 é uma API poderosa. O poder traz complexidade. Com complexidade, vem mais frustrações de depuração.
Procurar arquivos locais com a API File System
Se você tiver um objeto File, será possível procurá-lo e ler blocos sem ler todo o arquivo na memória.
Não perca um frame: use a API de visibilidade da página + vídeo HTML5
A API Page Visibility pode ser usada para verificar se a guia atual está visível ou não.
Anúncio do New Game, a conferência para desenvolvedores de jogos HTML5
Participe do New Game, que será realizado de 1 a 2 de novembro de 2011 em São Francisco, Califórnia.
Usar imagens de vários domínios no WebGL
A especificação WebGL tem uma atualização importante sobre como solicitar imagens entre domínios.