Descubra o Chrome
Chrome Extensions
Aprenda a desenvolver extensões do Chrome.
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
Guia de migração completa do Chrome no Android
Criar experiências da Web completas
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.
- Chrome
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.
- Chrome DevTools
Avançar na análise de rede com o Chrome DevTools
Avançar na análise de rede com o Chrome DevTools.
- Chrome DevTools
- Chrome
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.
- Chrome
Popover = dica
Descubra o novo modo de pop-up que simplifica as dicas de ferramentas e outros elementos flutuantes.
- Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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ê
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Chrome DevTools
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
- Extensões do Chrome
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
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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Chrome
Dimensions
Documentação técnica sobre as dimensões do CrUX.
- Relatório de UX do Chrome
Docs
Os exemplos de código, os guias e as referências de API necessários para o que você estiver criando.
Chrome for Developers
Ajudamos você a criar, crescer e inovar na Web.
- Chrome
Extensões / Começar
Tudo o que você precisa saber sobre as extensões do Chrome
- Extensões do Chrome
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
Chrome 134 Beta
Conheça os recursos mais recentes do Chrome.
- Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
Novidades do Chrome 133
O Chrome 133 está sendo lançado agora! Há alguns recursos CSS novos e muito mais para descobrir.
- Chrome
Chrome 133
CSS avançado attr(), text-box-trim, consultas de contêiner de scroll-state e muito mais.
- Chrome
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
- Chrome
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
- Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
- 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.
Notas da versão
Saiba mais sobre as mudanças no Chrome que afetam os desenvolvedores
- Chrome
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.
- Extensões do Chrome
- Chrome
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.
- Chrome
- Chaves de acesso
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.
- Chrome
Dicas do DevTools
Dicas do DevTools
- Chrome DevTools
Mídia
Melhore a inclusão de imagens, vídeos e muito mais nos seus sites e apps da Web.
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á.
- Chrome
- Chaves de acesso
scroll-state() do CSS
Como consultas de contêiner, mas para consultas travadas, fixadas e com transbordamento.
- Chrome
Chrome 133 Beta
Conheça os recursos mais recentes do Chrome.
- Chrome
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.
- Chrome
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
- Chrome DevTools
- Chrome
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.
- Chrome
CSS text-box-trim
Use o espaço acima e abaixo do conteúdo de texto para alcançar o equilíbrio óptico.
- Chrome
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
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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- 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.
- Chrome
- Chrome DevTools
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
- Extensões do Chrome
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
- Extensões do Chrome
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ê
- Extensões do Chrome
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.
- Extensões do Chrome
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
Mitigar clickjacking com XFO ou CSP
Saiba como mitigar ataques de clickjacking.
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.
- Chrome
- WebGPU
Novidades das extensões do Chrome
Mudanças recentes na plataforma, na documentação e na política das extensões do Chrome
- Extensões do Chrome
WebGPU
Aprenda a usar a WebGPU com guias, demonstrações e as notícias mais recentes
Crie com o Chrome
Confira o que está incluído nas versões beta e estáveis mais recentes do Chrome.
Pagamentos
Saiba como usar as APIs Payment mais recentes no Chrome
Privacidade e segurança
Saiba mais sobre os recursos de privacidade e segurança 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
Web no Android
Saiba mais sobre os recursos do Chrome para desenvolver apps da Web no Android.
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
- Extensões do Chrome
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
- Extensões do Chrome
Farol
Automatize auditorias de desempenho na Web com o Lighthouse
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
- Extensões 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
- Extensões do Chrome
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
- Extensões do Chrome
Suporte ao navegador
Uma visão geral dos recursos da Guia personalizada e da disponibilidade deles no navegador.
Identidade
Saiba mais sobre os recursos de identidade do Chrome, como a Autenticação na Web.
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
- Extensões do Chrome
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
Visão geral da WebView
O componente WebView é baseado no projeto de código aberto 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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
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.
- Chrome
- Chrome DevTools
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.
- Chrome DevTools
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.
- Chrome
- Chrome DevTools
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 DevTools
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
- Extensões do Chrome
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
API Prompt
Descubra as infinitas possibilidades da API Prompt nas extensões do Chrome.
Extensões e IA
Saiba como desenvolver extensões com IA
- Extensões do Chrome
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 DevTools
- Chrome
Chrome DevTools
Descubra e confira as últimas notícias e casos de uso de assistentes de IA
- Chrome DevTools
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.
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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:
- Extensões do Chrome
chrome.documentScan
Use a API chrome.documentScan para descobrir e recuperar imagens de scanners de documentos anexados.
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
Ferramentas CrUX
Documentação técnica sobre ferramentas CrUX.
- Relatório de UX do Chrome
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,
- Extensões do Chrome
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 é
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
- 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
- Extensões do Chrome
Chaves de acesso
Uma substituição mais fácil e segura das senhas.
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
Beta do Chrome 132
Conheça os recursos mais recentes do Chrome.
- Chrome
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.
- Chrome
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
- Chrome
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.
Assistência de IA para fontes
Entender os recursos do seu site com a ajuda da IA
- Chrome DevTools
Assistência de IA para performance
Entenda os perfis de performance com a ajuda da IA
- Chrome DevTools
Assistência de IA para rede
Entenda o tráfego de rede do seu site com a ajuda da IA
- Chrome DevTools
API Signal para chaves de acesso no Chrome para computador
Apresentação da API Signal para chaves de acesso no Chrome para computador
- Chaves de acesso
- Chrome
Painel de assistência de IA
Entenda como um site funciona com a ajuda da IA
- Chrome DevTools
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chaves de acesso
- Chrome
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.
- Chrome
Resumir com a IA integrada
Transforme artigos longos, documentos complexos ou até mesmo conversas de chat animadas em resumos concisos e perspicazes.
CSS e interface
Encontre recursos sobre tópicos como tipografia, cor e layout.
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.
- Chrome DevTools
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.
- Chrome
- 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.
- Chrome DevTools
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.
- Chrome
Personalizar DevTools
Veja uma lista de maneiras de personalizar o Chrome DevTools: mudar tema, posicionamento, ordem do painel, idioma e muito mais.
- Chrome DevTools
Referência de selos
Alterne várias sobreposições e acelere a navegação na árvore do DOM com selos.
- Chrome DevTools
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".
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome
Analisar o desempenho do ambiente de execução
Saiba como avaliar o desempenho do ambiente de execução no Chrome DevTools.
- 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.
- Chrome
Modo headless do Chrome
O modo headless do Chrome agora é mais útil para os desenvolvedores, aproximando-o do modo "headful" normal do Chrome.
- Chromium
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
- Chrome
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.
Chrome 131 Beta
Descubra os recursos que estão chegando ao Chrome com a versão Beta mais recente.
- Chrome
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.
- Extensões do Chrome
Assistência de IA para a estilização
Entenda como um site é estilizado com a ajuda da IA no DevTools.
- Chrome 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
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!
- Chrome
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.
- Chrome
- 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
Inovações de IA
Referência da guia "Inovações de IA".
- Chrome DevTools
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
Inspecionar atividade de rede
Um tutorial sobre os recursos de rede mais usados no Chrome DevTools.
- Chrome DevTools
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.
- Extensões do Chrome
- Chrome
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.
- Chrome
Acesso à rede privada em espera
O lançamento do Acesso à rede privada (PNA, na sigla em inglês) está em espera.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
WebAuthn: emular autenticadores
Emular autenticadores e depurar a WebAuthn no Chrome DevTools.
- Chrome DevTools
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
- Chrome
- Extensões do Chrome
Pesquisa: encontre textos em todos os recursos carregados
Encontre texto em todos os recursos carregados com o painel Pesquisar.
- Chrome DevTools
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.
- Chrome
- Chrome DevTools
Referência de recursos
Uma referência abrangente dos recursos do painel do Gravador do Chrome DevTools.
- 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.
- 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.
- Chrome DevTools
Armazenamento em cache sem mistério: inspecionar, limpar e desativar caches
Inspecione e solucione problemas de cache com o DevTools.
- Chrome DevTools
- Chrome
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.
Painel "Camadas": explore as camadas do seu site
Inspecione as camadas que compõem seu site.
- Chrome DevTools
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.
- Chrome DevTools
- Chrome
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.
- Chrome DevTools
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.
- Chrome
Chrome 130 Beta
Teste seu site com os recursos e as mudanças da versão Beta mais recente do Chrome.
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- Chrome
Novidades da WebGPU (Chrome“129)
Suporte a HDR com modo de mapeamento de tons de tela, suporte a subgrupos expandidos e muito mais.
- Chrome
- WebGPU
Painel de desempenho: analise o desempenho do seu site
Analise o desempenho de carga e de tempo de execução do seu site
- Chrome DevTools
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.
- Chrome
Atualizações de Bluetooth RFCOMM na Web Serial
Aprenda a detectar quando uma porta serial RFCOMM Bluetooth está disponível com a Web Serial.
- Chrome
Pedido de feedback de desenvolvedor: seleção personalizável
Uma prévia do novo recurso de seleção personalizável.
- Chrome
Congelar a tela e inspecionar elementos que desaparecem
Congele elementos no DOM para que você possa inspecionar com o DevTools.
- Chrome DevTools
- Chrome
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
- Chrome
Picture-in-picture para qualquer elemento, não apenas <video>
Mostre conteúdo HTML arbitrário em uma janela sempre ativada.
Notas da versão
Detalhes sobre as mudanças mais recentes no conjunto de dados do CrUX.
- Relatório de UX do Chrome
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.
- Chrome DevTools
Alterações: acompanhe suas alterações de HTML, CSS e JavaScript
Acompanhar alterações em HTML, CSS e JavaScript.
- Chrome DevTools
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.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome DevTools
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
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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:
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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",
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
Lighthouse: otimize a velocidade do site
Com o Chrome Lighthouse, seus sites carregam mais rápido.
- Chrome DevTools
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do 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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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",
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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 é
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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:
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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,
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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,
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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(),
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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 é
- Extensões do Chrome
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:
- Extensões do Chrome
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.
- Extensões do Chrome
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.
- Chrome
Personalize seus dados de desempenho com a API de extensibilidade
Personalizar dados de desempenho com a API de extensibilidade
- Chrome DevTools
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
- Extensões do Chrome
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:
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Extensões do Chrome
Chrome DevTools
Depure e otimize seus aplicativos da Web com o Chrome DevTools.
- Chrome DevTools
Criar um app com a WebGPU
Aprenda a criar um app com WebGPU para a Web e plataformas específicas.
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- 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 DevTools
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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
- Extensões do Chrome
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.
- Chrome
Eventos de ajuste de rolagem
Introdução de dois novos eventos JavaScript: scrollSnapChange e rollingSnapChange.
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- Chrome
Blog
Últimas notícias da equipe de relações com desenvolvedores do Chrome
- Chrome
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.
- Chrome
Participe do experimento de IA integrada do Chrome
Atualização sobre a IA integrada, a API Prompt e os planos de IA do Chrome.
- 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.
- Chrome
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.
- Chrome
API CrUX
Aprenda a criar solicitações e analisar respostas da API CrUX.
- Relatório de UX do Chrome
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.
- Relatório de UX do Chrome
Linhas <rubi> quebráveis; e a propriedade ruby-align do CSS
Elemento ruby quebrável de linha e propriedade ruby-align de CSS
- Chrome
Painel Network: analisar a carga e os recursos da rede
Analisar a carga e os recursos da rede
- Chrome DevTools
Exemplos
Há exemplos para as extensões do Chrome disponíveis no GitHub (link em inglês).
- Extensões do Chrome
Publicar o app
TODO
- Extensões do Chrome
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
Atualização: páginas de eventos e páginas de plano de fundo
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.
- Chrome
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.
- Chrome
- 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.
- Chrome
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
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.
- Chrome
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.
- Chrome
Referência de recursos de rede
Uma referência abrangente dos recursos do painel "Rede" do Chrome DevTools.
- Chrome DevTools
Preferências
Referência da guia "Preferências".
- Chrome DevTools
Painel do Gravador: registre e meça o fluxo do usuário
Analise e registre os fluxos de usuários.
- 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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome DevTools
- Chrome
Modo de inspeção: analisar rapidamente as propriedades do elemento
Inspecionar elementos no seu app da Web
- Chrome DevTools
Referência dos recursos de desempenho
Uma referência sobre todas as formas de gravar e analisar o desempenho no Chrome DevTools.
- 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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
- Extensões do Chrome
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).
- Chrome
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.
- Chrome
- 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.
- Chrome
Chrome 127 Beta
Faça o download da versão Beta para testar os recursos mais recentes do Chrome.
- Chrome
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
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.
- Chrome
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.
- Chrome
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
Chrome UX Report
Documentação técnica sobre métricas do CrUX.
- Relatório de UX do Chrome
Monitor de protocolo: visualizar e enviar solicitações de CDP
Monitorar solicitações e respostas de CDP.
- Chrome DevTools
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
- Chrome
- Chrome DevTools
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.
- Chrome DevTools
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.
- Chrome
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".
- Chrome DevTools
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.
- Chrome DevTools
- Chrome
Depurar o JavaScript
Aprenda a usar o Chrome DevTools para encontrar e corrigir bugs de JavaScript.
- Chrome DevTools
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.
- Chrome
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 DevTools
Painel de fonte rápida
Visualizar arquivos de origem e ter acesso a outras ferramentas.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- WebGPU
Novidades nos frameworks do JavaScript (maio de 2024)
Este documento oferece breves destaques dos acontecimentos recentes no ecossistema de frameworks JavaScript.
- Chrome
Painel do monitor de desempenho
Analise o desempenho do tempo de execução do seu site em tempo real.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
Compatibilidade com SVG para a API Async Clipboard
A API Async Clipboard agora pode lidar com imagens SVG.
- Chrome
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
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.
- Chrome
Dicas do DevTools: substituir e simular respostas de rede
Saiba como substituir e simular respostas de rede com o DevTools.
- Chrome
- Chrome 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.
- Chrome
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.
- Chrome DevTools
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.
- Chrome
Entenda melhor os erros e avisos com os insights do console
Entenda melhor os erros e avisos no Console com o Gemini.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
Implemente testes na sua empresa com o Chrome
Saiba como superar desafios com testes em ambientes corporativos
- Chrome
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.
- Chrome
- Chrome DevTools
Estudos de caso de :has()
Descubra como o Policybazaar e a Tokopedia se beneficiam do uso de :has().
- Chrome
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.
- Chrome
Novidades da WebGPU (Chrome 125)
Subgrupos em desenvolvimento e renderizados em uma fatia de textura 3D.
- Chrome
- WebGPU
Estudos de caso de animações com rolagem
Descubra os benefícios das animações de rolagem com Policybazaar, redBus e Tokopedia.
- Chrome
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.
- Chrome
Estudos de caso de consultas de contêiner
Saiba mais sobre os benefícios das consultas de contêiner da redBus e da Tokopedia.
- Chrome
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
- Chrome
Uma proposta alternativa para alvenaria do CSS
Uma proposta para definir alvenaria e grade em especificações diferentes.
- Chrome
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.
- Extensões do Chrome
Estudos de caso da Popover
A Tokopedia usa a API Popover para reduzir a quantidade de código no aplicativo.
- Chrome
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.
- Chrome
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.
- Extensões do Chrome
WebAudio: visualizar métricas da API WebAudio
Conferir as métricas da API WebAudio no painel WebAudio
- Chrome DevTools
Chrome 125 Beta
Posicionamento de âncora no CSS, funções em etapas do CSS, API Compute Pressure e muito mais.
- Chrome
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.
Limitação
Referência da guia de limitação.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
Preenchimento automático: inspecionar e depurar endereços salvos
Inspecione e depure endereços salvos no Chrome com o painel de preenchimento automático.
- Chrome DevTools
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.
- Chrome
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".
- Chrome DevTools
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.
Não usa HTTPS
Saiba como proteger seu site com HTTPS.
Chrome 124
O Chrome 124 será lançado em 16 de abril de 2024 com setHTMLUnsafe, transmissões em WebSockets e muito mais.
- Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome
CrUX no BigQuery
Saiba como o conjunto de dados do CrUX no BigQuery é estruturado.
- Relatório de UX do Chrome
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
- Chrome
- Extensões do Chrome
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.
- Chrome
- 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.
- Relatório de UX do Chrome
Guias do CrUX
Aprenda a usar o CrUX com guias fáceis de seguir
- Relatório de UX do Chrome
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.
- Chrome DevTools
- Chrome
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.
- Chrome
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".
- Chrome DevTools
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.
- Chrome
Solicitações de rede: teste seu site bloqueando solicitações de rede
Teste como seu site lida com recursos ausentes.
- Chrome DevTools
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome 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.
- Chrome
- Chrome DevTools
Visão geral do painel Elementos
Faça alterações no DOM instantaneamente.
- Chrome DevTools
Pausar o código com pontos de interrupção
Saiba mais sobre todas as maneiras de pausar seu código no Chrome DevTools.
- 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.
- Chrome
- WebGPU
Acessar e alterar CSS
Aprenda a usar o Chrome DevTools para visualizar e mudar o CSS de uma página.
- Chrome DevTools
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.
- Chrome DevTools
Referência de recursos CSS
Descubra novos fluxos de trabalho para visualização e alteração de CSS no Chrome DevTools.
- 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.
- Chrome
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.
- Chrome
Visão geral do painel do aplicativo
Obtenha informações vitais sobre seu aplicativo da web diretamente do navegador.
- Chrome DevTools
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.
- Chrome
Internacionalizar a interface
Use a API chrome.i18n para renderizar sua interface em vários idiomas.
- Extensões do Chrome
Visão geral da nova página
Conheça os recursos mais recentes do Chrome DevTools
- Chrome DevTools
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.
- Extensões do Chrome
Novidades no DevTools (Chrome 123)
Um easter egg, emulação de página focada em elementos > Estilos, nova auditoria do Lighthouse e muito mais.
- Chrome
- Chrome DevTools
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.
- Chrome
- Extensões do Chrome
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
- Chrome
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
Chrome 123 Beta
A função CSS light-dark(), alinhamento de conteúdo para blocos, propriedade de dimensionamento de campo e evento pagereveal.
- Chrome
Atalhos do teclado
A documentação canônica para atalhos de teclado do Chrome DevTools.
- Chrome DevTools
Simular dispositivos móveis com o modo dispositivo
Use dispositivos virtuais no modo de dispositivo do Chrome para criar sites mobile-first.
- Chrome DevTools
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.
- Chrome
Alterações na herança ::backdrop do CSS
A partir do Chrome 122, o elemento "::backdrop" herda propriedades do elemento de origem.
- Chrome
Configurar ícones de extensão
Uma extensão precisa de pelo menos um ícone para representá-la na barra de ferramentas.
- Extensões do Chrome
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.
- Chrome
Chrome Extensions
A confirmar
- Extensões do Chrome
Migrar para o Manifesto V3
Um guia para converter extensões Manifest V2 em extensões Manifest V3.
- Extensões do Chrome
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.
- Extensões do Chrome
Usar WebHID
A API WebHID, que expõe dispositivos compatíveis com interface humana (HID) à Web, está disponível nas extensões.
- Extensões do Chrome
Novidades da WebGPU (Chrome 122)
Modo de compatibilidade em desenvolvimento, aumentar o limite maxVertexAttributes e atualizações da Dawn.
- Chrome
- 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.
- Extensões do Chrome
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.
- Chrome DevTools
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
- Extensões do Chrome
Diretrizes de aviso de permissão
Como os avisos de permissão funcionam nas extensões do Chrome.
- Extensões do Chrome
Declarar permissões
Uma visão geral dos valores válidos da propriedade de permissões no manifest.json.
- Extensões do Chrome
Usar push da Web
Guia explicativo sobre como usar o envio da Web com as extensões do Chrome
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome DevTools
- Chrome
Responder a comandos
Responda a combinações personalizadas de teclas em uma extensão.
- Extensões do Chrome
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
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.
- Chrome
Personalizar o Gravador com extensões
Personalize e integre o Gravador instalando extensões.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
Acionar ações na omnibox
Acionar ações na omnibox.
- Extensões do Chrome
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.
- Chrome
- 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
- Chrome
Testar o Web Bluetooth com o Puppeteer
Use o Puppeteer para testar recursos que usam a API Web Bluetooth no Chrome.
- 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
- Extensões do Chrome
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.
- Chrome
- WebGPU
Modo de escrita vertical do CSS para elementos de controle de formulário
O Chrome adiciona outro recurso internacional de CSS.
- Chrome
Implementar uma ação
Responda a um clique na barra de ferramentas de um usuário.
- Extensões do Chrome
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.
- Chrome
Dicas do DevTools: como criar cores
Saiba como criar cores com apenas alguns cliques.
- Chrome
- Chrome DevTools
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.
- Chrome DevTools
Dicas do DevTools: como depurar a prioridade de busca
Saiba como depurar a prioridade de busca.
- Chrome
- Chrome DevTools
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.
- Chrome
Criar um menu de contexto
Implemente um pop-up, que é uma janela que permite que os usuários invoquem recursos de extensão.
- Extensões do Chrome
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.
- Extensões do Chrome
Adicionar um pop-up
Implemente um pop-up, que é uma janela que permite que os usuários invoquem recursos de extensão.
- Extensões do Chrome
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
Acordeão exclusivo
Cria um acordeão exclusivo com vários elementos `` que têm o mesmo `name`.
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.
- Chrome
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.
- Chrome DevTools
- Chrome
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
Fique por dentro das mudanças mais recentes da WebGPU.
- WebGPU
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.
- Chrome
- 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.
- Chrome
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.
- Chrome DevTools
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).
- Chrome
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.
- Chrome DevTools
- Chrome
Dicas do DevTools: como depurar o bfcache
Aprenda a depurar o bfcache e a carregar a página instantaneamente.
- Chrome
- Chrome DevTools
Mais detalhes do frame
Mais detalhes do frame.
- Chrome DevTools
Dicas do DevTools: o que é DOM? HTML versus DOM
Saiba como depurar o DOM com o DevTools.
- Chrome
- Chrome DevTools
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.
- Chrome
Ver, adicionar, editar e excluir cookies
Saiba como acessar, adicionar, editar e excluir cookies HTTP de uma página usando o Chrome DevTools.
- 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.
- Chrome
Apresentamos quatro novos recursos internacionais no CSS
O Chrome está adicionando quatro novos recursos internacionais de CSS.
- Chrome
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.
Lista de ignorados
Referência da guia Lista de ignorados.
- Chrome DevTools
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.
- Chrome
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
- Chrome
- Extensões do Chrome
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.
- Chrome
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
- Extensões do Chrome
- Chrome
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.
- Chrome
Atualização de sintaxe flexível de aninhamento de CSS
Aninhamento de antecedência ativado no Chrome 120.
- Chrome
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.
- Chrome
- Chrome DevTools
Captura do ecossistema WebGPU
Saiba como o ecossistema WebGPU se estende além dos realms JavaScript, C++ e Rust.
- Chrome
- 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.
- Chrome
Novidades do Chrome 120 para extensões
Um resumo das mudanças importantes no Chrome 120 para desenvolvedores de extensões do Chrome.
- Chrome
- 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.
- Extensões 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.
- Chrome
file_handlers
Documentação de referência para a propriedade file_handlers do manifesto.json.
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
O CSS prefere-reduzir-transparência
Otimizar e ajustar para usuários que preferem uma IU opaca.
- Chrome
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.
- Chrome
- WebGPU
Quebra de texto CSS: bastante
Ative o ajuste de texto otimizado para maior beleza acima da velocidade.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
Serial por Bluetooth na Web
A API Web Serial adicionou suporte aos serviços Bluetooth RFCOMM.
- Chrome
Testes de ponta a ponta das extensões do Google Chrome
Como criar testes completos para extensões.
- Extensões do Chrome
Extensões do Chrome de teste de unidade
Como criar testes de unidade para extensões.
- Extensões do Chrome
Testar extensões do Chrome com o Puppeteer
Como escrever um teste automatizado para extensões do Chrome usando o Puppeteer.
- Extensões do Chrome
Sintaxe de cores relativa de CSS
Crie novas cores com base em canais e valores de outras cores.
- Chrome
Registre um bug de extensão
Como informar bugs de extensões ou problemas com a documentação.
- Extensões do Chrome
Encontrar e seguir um bug
Verifique se um bug ou uma solicitação de recurso já foi informado.
- Extensões do Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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
Chrome 119 Beta
O Chrome 119 Beta oferece a sintaxe de cores relativa do CSS, novas pseudoclasses e muito mais.
- Chrome
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.
- Chrome
- Extensões do Chrome
- Chrome DevTools
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.
- Chrome
- 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.
- Chrome
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.
- Chrome
Somos o Chrome for Developers
Comemorando o 15o aniversário do Chrome e nosso papel como um parceiro confiável e útil para desenvolvedores.
- Chrome
Da WebGL para a WebGPU
Veja algumas dicas para desenvolvedores WebGL que estão migrando para a WebGPU.
- Chrome
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 DevTools
- Chrome
Chrome 118 Beta
Estilos com escopo para CSS, outros recursos de mídia, contêineres de rolagem com foco no teclado e muito mais.
- Chrome
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.
- Chrome
Transição de apps do Chrome
Como migrar seu aplicativo empacotado ou hospedado do Google Chrome.
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.
- Chrome
- WebGPU
Google Summer of Code e Extensões do Chrome
Experiência e conselhos sobre a participação no Google Summer of Code.
- Chrome
- Extensões do Chrome
Publicar sua extensão
Orientações para publicar uma nova extensão do Manifesto V3
- Extensões do Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
Novidades do Lighthouse 11
O Lighthouse 11 chegou com novas mudanças de acessibilidade e atualizações de auditoria
- Chrome
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.
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- Extensões do Chrome
- Chrome
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
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.
- Chrome
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.
- Chrome
Manifesto - scripts de conteúdo
Documentação de referência da propriedade "content_scripts" do manifest.json.
- Extensões do Chrome
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.
- Chrome
Novidades da WebGPU (Chrome'116)
Integração com o WebCodecs, melhorias na reprodução de vídeo e muito mais.
- Chrome
- 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.
- Chrome
Dicas do DevTools: pontos de interrupção e logpoints
Use pontos de interrupção e logpoints para depurar com facilidade.
- Chrome
- Chrome DevTools
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
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome DevTools
Usar WebSockets em service workers
Instruções passo a passo sobre como se conectar a um WebSocket na sua extensão do Chrome.
- Extensões 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.
- Chrome
Dicas do DevTools: armazenamento local e da sessão
Use Aplicativo > Armazenamento local e Armazenamento de sessão para depurar pares de chave-valor.
- Chrome DevTools
- Chrome
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
- Chrome
- Chrome DevTools
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.
- Extensões do Chrome
Novidades da WebGPU (Chrome 115)
Extensões de idioma WGSL compatíveis, suporte experimental para Direct3D 11 e muito mais.
- Chrome
- 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.
- Chrome for Testing
- Chrome
Depurar o WebAssembly C/C++
Aprenda a usar o Chrome DevTools para encontrar e corrigir bugs no C/C++ WebAssembly.
- Chrome DevTools
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
- Chrome
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
- Chrome
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
Chrome 115 Beta
Várias palavras-chave para a propriedade de exibição CSS, WGSLLanguageFeatures para WebGPU, upgrades de HTTPS e muito mais.
- Chrome
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.
- Chrome
Novidades da WebGPU (Chrome 114)
otimização de JavaScript e muito mais.
- Chrome
- WebGPU
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
- Chrome
- Chrome DevTools
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.
- Chrome
O Chrome desativa a modificação de document.domain
Caso seu site dependa da configuração de document.domain, você precisa fazer nada.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Extensões do Chrome
- 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.
- Chrome
- Chrome DevTools
Manifesto - plano de fundo
Documentação de referência da propriedade de segundo plano do manifest.json.
- Extensões do Chrome
Apresentação da API popover
Aprenda a criar dicas, menus e muito mais com a nova API de popover.
- Chrome
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.
- Chrome
O que há de novo no Aurora?
Saiba o que a equipe do Chrome Aurora tem feito ultimamente e o planejamento para 2023.
- Chrome
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.
- Chrome
Cronograma de descontinuação do Web SQL atualizado
O Web SQL foi completamente removido no Chromium 119.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
WebDriver BiDi: atualização de status de 2023
Este artigo mostra uma visão geral das novidades do WebDriver BiDi em 2023.
- Chrome
Prepare-se para o Google I/O
Crie sua própria agenda e prepare-se para o Google I/O.
- Chrome
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
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Extensões do Chrome
Chrome 114 Beta
balanceamento de título do CSS, CHIPS, evento de rolagem e pop-up.
- Chrome
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.
- Extensões do Chrome
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.
- Extensões do Chrome
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.
- Chrome
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.
- Extensões do Chrome
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.
- Chrome
Novidades da WebGPU (Chrome'113)
A WebGPU é fornecida no Chrome com integração com WebCodecs na avaliação de origem.
- Chrome
- 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.
- Chrome DevTools
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.
- Chrome
- Chrome DevTools
Consulta de mídia de atualização de CSS
Adapte a IU aos recursos de taxa de atualização da tela.
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.
Avaliar o engajamento do usuário
Como medir o engajamento do usuário em guias personalizadas.
Adicionar interatividade personalizada
Como adicionar ações personalizadas a guias personalizadas.
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.
Vamos começar
Como iniciar uma guia personalizada no seu app Android.
Personalizar a UI
Como fazer uma guia personalizada combinar com a aparência do seu app.
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.
- Chrome
Uma retrospectiva no tempo: a evolução da automação de testes
Uma jornada pela evolução da automação de testes na Web.
- Chrome
Gravação de áudio e captura de tela
Como gravar áudio ou vídeo em uma guia, janela ou tela.
- Extensões do Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome DevTools
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
- Chrome
- Chrome DevTools
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.
- Chrome
- WebGPU
Chrome 113 Beta
Novos recursos de mídia CSS, a função de easing linear() e WebGPU.
- Chrome
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.
- Chrome
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.
- Chrome
Processar eventos com service workers
Saiba como criar e depurar um worker de serviço de extensão.
- Extensões do Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome
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
- Chrome
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.
- Chrome
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
Chrome 112 Beta
Aninhamento de CSS, animação-composição e um parâmetro de envio para o construtor FormData.
- Chrome
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.
- Chrome
Migrar para um service worker
Um service worker permite que as extensões sejam executadas apenas quando necessário, economizando recursos.
- Extensões do Chrome
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.
- Extensões do Chrome
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.
- Chrome
- Chrome DevTools
Atualizar o manifesto
O arquivo manifest.json requer um formato um pouco diferente para o Manifesto V3 e para o Manifesto V2.
- Extensões do Chrome
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.
- Extensões do Chrome
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.
- Extensões do Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Mensagens nativas
Troque mensagens com apps nativos da sua extensão do Chrome.
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
- Chrome DevTools
Receber ajuda com as extensões do Chrome
Onde recorrer para receber ajuda com questões não abordadas pela documentação.
- Extensões do Chrome
Dispositivos
Referência da guia "Dispositivos".
- Chrome DevTools
Experimentos
Referência da guia "Experimentos".
- Chrome DevTools
Novidades do DevTools (Chrome 111)
Depuração de cores em alta definição, UX aprimorada de ponto de interrupção e muito mais.
- Chrome
- Chrome DevTools
Espaço de trabalho
Referência da guia Workspace.
- Chrome DevTools
Atalhos
Referência da guia Atalhos.
- Chrome DevTools
Visão geral das configurações
Visão geral das configurações.
- Chrome DevTools
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
Chrome 111 Beta
Novos tipos de cores e espaços de cor CSS, funções trigonométricas de CSS e a API View Transitions.
- Chrome
Novidades do Lighthouse 10
O Lighthouse 10 chegou com novas pontuações e auditorias.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Relatório de UX do Chrome
Novidades do DevTools (Chrome 110)
Limpar o painel de desempenho ao atualizar, visualizar e destacar o código no Gravador e muito mais.
- Chrome DevTools
- Chrome
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á
- Chrome
Chromium Chronicle #32: atente-se à lacuna de patches
Saiba como os desenvolvedores do Chromium podem reduzir a chance de exploração de n dias.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
CSS color-mix()
Misture cores em qualquer um dos espaços de cor suportados diretamente do CSS.
- Chrome
Dicas do DevTools: depuração do PWA
Depurar Progressive Web Apps com o DevTools.
- Chrome
- Chrome DevTools
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
Novidades no DevTools
Fique por dentro das mudanças mais recentes do DevTools.
- Chrome DevTools
Documentos fora da tela no Manifesto V3
Apresentamos a API Offscreen Documents para o desenvolvimento de extensões do Google Chrome.
- Chrome
- Extensões do 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.
- Chrome
Controle seus limites com a letra inicial CSS
Diga adeus a soluções alternativas interessantes para estilizar suas tampas de suspensão.
- Chrome
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
- Chrome
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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
- Chrome
Como buscar favicons
Como criar o favicon de um site.
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
- Chrome DevTools
Dicas do DevTools: como depurar APIs do Project Fugu
Usar o DevTools para depurar as APIs do Project Fugu.
- Chrome DevTools
- Chrome
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.
- Chromium
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.
- Chrome
Entender as variações do Chrome
Um mecanismo para o Chrome testar novos recursos do navegador
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
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.
- Chrome
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.
- Extensões do Chrome
- Chrome
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.
- Chrome
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
Dicas do DevTools: Device Mode
Simule dispositivos mobule com o Device Mode no DevTools.
- Chrome
- Chrome DevTools
Chrome 109 Beta
MathML, foco condicional para getDisplayMedia(), sistema de arquivos privados de origem no Android e muito mais.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Chrome DevTools
Encontrar CSS inválido, modificado, inativo e outros
Descubra problemas com propriedades CSS rapidamente.
- Chrome DevTools
Manifesto - oauth2
Documentação de referência da propriedade oauth2 do manifest.json.
- Extensões do Chrome
Painel CrUX
Como usar o painel do CrUX para visualizar os dados do BigQuery CrUX
- Relatório de UX do Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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
Chrome 108 Beta
Novas unidades de janela de visualização CSS, API Federated Credential Management, fontes variáveis COLRv1 e muito mais.
- Chrome
Manifesto: input_components
Documentação de referência da propriedade input_components do manifesto.json.
- Extensões do Chrome
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.
- Chrome
Novidades do DevTools (Chrome 108)
Dicas sobre propriedades CSS inativas, novos seletores de XPath e texto no Gravador e muito mais.
- Chrome DevTools
- Chrome
Dicas para DevTools: diferentes maneiras de abrir DevTools
Descubra todas as maneiras de abrir o Chrome DevTools.
- Chrome
- 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.
- Chrome
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.
- Chrome
Deixe seu site mais legível
Encontre e corrija textos de baixo contraste com o DevTools.
- Chrome DevTools
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
- Chrome
Dicas do DevTools: descobrir e corrigir texto de baixo contraste
Aprenda a usar o Chrome DevTools para descobrir e corrigir textos de baixo contraste.
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
Ajudar a escolher uma sintaxe para os resultados da pesquisa de aninhamento de CSS
Confira os resultados de 7.590 opiniões de desenvolvedores.
- Chrome
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
- Extensões 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.
- Chrome
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.
- Chrome
Executar scripts em todas as páginas
Saiba como adicionar novos elementos automaticamente a páginas da Web.
- Extensões do Chrome
Injete scripts na guia ativa
Aprenda a simplificar o estilo da página atual.
- Extensões do Chrome
Extensão Hello World
Crie sua primeira extensão do Chrome "Hello World".
- Extensões do Chrome
Gerenciar guias
Saiba como organizar as guias usando grupos de guias.
- Extensões do Chrome
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
Manifesto - Autor
Documentação de referência da propriedade de nome do autor do manifest.json.
- Extensões do Chrome
Chrome 107 Beta
Adições à API Screen Capture, à interpolação de propriedades do modelo de grade CSS e muito mais.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
- Chrome
Mais detalhes sobre a transição para o Manifesto V3
Novos detalhes sobre o plano de mover extensões para o Manifesto V3
- Chrome
- Extensões do Chrome
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.
- Chrome
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."
- Chrome
Novidades do DevTools (Chrome 107)
Personalize atalhos do teclado, destaque objetos C/C++ no Memory Inspector e muito mais.
- Chrome DevTools
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- Chrome
Pop-ups: eles estão ressurgindo!
Um padrão problemático facilitado muito com a chegada de novas APIs integradas à plataforma.
- Chrome
Estender o Memory Inspector para depuração C/C++
Saiba como melhoramos a depuração de apps C/C++ WebAssembly com o Memory Inspector
- Chrome
Descontinuações e remoções no Chrome 106
Um resumo das descontinuações e remoções no Chrome 106 para ajudar no planejamento.
- Chrome
Dicas do DevTools: como inspecionar e depurar o flexbox CSS
Aprenda a usar o Chrome DevTools para inspecionar, modificar e depurar layouts Flexbox CSS.
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome DevTools
- Chrome
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?
- Chrome
Remover o envio push de servidor HTTP/2 do Chrome
O push de servidor HTTP/2 será desativado por padrão no Chrome 106
- Chrome
Dicas do DevTools: como inspecionar a grade CSS
Aprenda a usar o Chrome DevTools para visualizar e mudar layouts de grade CSS.
- Chrome
- Chrome DevTools
Os navegadores podem otimizar o carregamento de recursos de terceiros?
Promover mudanças para um melhor carregamento de recursos de terceiros na Web
- Chrome
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.
- Chrome
- Chrome DevTools
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.
- Chrome DevTools
- Chrome
Descontinuações e remoções no Chrome 105
Um resumo das descontinuações e remoções do Chrome 105 para ajudar no planejamento.
- Chrome
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"
- Chrome
- Chrome DevTools
Mudanças noNavigateEvent no Chrome 105
A API Navigation recebe dois novos métodos emNavigateEvent: intercept() substitui transitionwhile() e scroll() substitui resetScroll().
- Chrome
@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!"
- Chrome
: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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- Extensões do Chrome
- Chrome
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.
- Chrome
Suporte à camada superior no Chrome DevTools
Descubra a camada superior e saiba como o Chrome DevTools implementou o suporte a ela.
- Chrome
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
- 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.
- Chrome DevTools
- Chrome
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 DevTools
- Chrome
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.
- Chrome
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.
- Chrome
Inspecionar e depurar consultas de contêiner CSS
Aprenda a usar o Chrome DevTools para inspecionar, modificar e depurar consultas de contêiner CSS.
- Chrome DevTools
Dicas do DevTools: como inspecionar consultas de contêiner CSS
Inspecione e depure consultas de contêiner CSS com o DevTools.
- Chrome
- Chrome DevTools
Descontinuações e remoções no Chrome 104
Um resumo das descontinuações e remoções no Chrome 104 para ajudar no planejamento.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
- Chrome
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!
- Chrome
Referência de recursos de acessibilidade
Uma referência abrangente sobre os recursos de acessibilidade do Chrome DevTools.
- Chrome DevTools
Como e por que criamos insights de performance
Como e por que criamos o painel de insights de desempenho.
- Chrome
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.
- Chrome
Suporte à ferramenta Interaction to Next Paint (INP)
Suporte à interação com a próxima exibição nas ferramentas de desempenho do Chrome.
- 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
- Chrome
Como acelerar a LCP com a pré-busca entre sites
Uma introdução a tecnologias disponíveis.
- Chrome
Novidades do DevTools (Chrome 102)
Novo painel de insights de desempenho, atalhos para emular temas claros e escuros, entre outros.
- Chrome
- Chrome DevTools
Como depurar o WebAssembly mais rápido
Como tornamos a depuração do WebAssembly mais rápida para aplicativos grandes.
- Chrome
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.
- Chrome
Visualizar as propriedades de objetos DOM
Visualizar e filtrar propriedades de objetos DOM.
- Chrome DevTools
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.
- Chrome DevTools
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!
- Chrome
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.
- Chrome
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.
- Chromium
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.
- Chrome DevTools
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.
- Chrome DevTools
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.
- Chrome
Visão geral da guia "Renderização"
Descubra um conjunto de opções que afetam a renderização de conteúdo da Web.
- Chrome DevTools
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.
- Chrome
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.
- Chrome DevTools
- Chrome
Descontinuações e remoções no Chrome 101
Um resumo das descontinuações e remoções do Chrome 101 para ajudar no planejamento.
- Chrome
Descontinuações e remoções no Chrome 102
Um resumo das descontinuações e remoções no Chrome 102 para ajudar no planejamento.
- Chrome
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".
- Chrome DevTools
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!
- Chrome
Comemore o Chrome 100 com o #100CoolWebMoments
Estamos comemorando o lançamento do Chrome versão 100 com um ciclo de memória.
- Chrome
Novidades do DevTools (Chrome 100)
Confira e edite @supports em regras, renomeie e personalize o seletor de gravação e muito mais.
- Chrome
- Chrome DevTools
Descontinuações e remoções no Chrome 100
Um resumo das descontinuações e remoções do Chrome 100 para ajudar no planejamento.
- Chrome
Sempre foi você, Canvas2D
A API ao lado está de cara nova.
- Chrome
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!
- Chrome
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.
- Chrome
Novidades do DevTools (Chrome 99)
Limitação de solicitações WebSocket, novo painel da API Reporting, estilo do console e muito mais.
- Chrome
Inspecionar e depurar layouts Flexbox CSS
Aprenda a usar o Chrome DevTools para inspecionar, modificar e depurar layouts Flexbox CSS.
- Chrome DevTools
Descontinuações e remoções no Chrome 99
Um resumo das descontinuações e remoções do Chrome 99 para ajudar você no planejamento.
- Chrome
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.
- 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.
- Chrome
Í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.
- Chrome
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."
- Chrome
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.
- Chrome
Novidades do DevTools (Chrome 98)
Árvore de acessibilidade de página inteira, mudanças mais precisas na guia "Mudanças" e muito mais.
- Chrome
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.
- Chrome
Descontinuações e remoções no Chrome 98
Um resumo das descontinuações e remoções do Chrome 98 para ajudar no seu planejamento.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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!
- Chrome
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.
- Chrome
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.
Integrações de framework
Uma referência rápida de frameworks e plug-ins que se integram ao Workbox
Pré-armazenamento em cache com o Workbox
Aprenda a pré-armazenar em cache os recursos em um service worker com o Workbox.
Conheça os recursos do Workbox
Conheça algumas formas de usar 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.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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".
- Chrome DevTools
Tema escuro automático
Gerar automaticamente um tema escuro para sites com tema claro.
- Chrome
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.
Como remover service workers com bugs
Como corrigir um service worker que está causando problemas.
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Extensões do Chrome
- Chrome
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.
Visão geral do service worker
Uma visão geral dos 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.
- Chrome
Transição das extensões do Chrome para o Manifesto V3
Compartilhando detalhes sobre o plano para mover extensões para o Manifesto V3
- Extensões do Chrome
- Chrome
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!
- Chrome
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.
- Chrome
Como modernizar a infraestrutura de CSS no DevTools
Como pesquisamos e atualizamos a infraestrutura do CSS no DevTools.
- Chrome
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.
- Chromium
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.
- Chrome
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.
- Chrome
Descontinuações e remoções no Chrome 93
Um resumo das descontinuações e remoções do Chrome 93 para ajudar você no planejamento.
- Chrome
Descontinuações e remoções no Chrome 94
Um resumo das descontinuações e remoções no Chrome 94 para ajudar você no planejamento.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chromium
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.
- Chrome
Ferramentas de grade CSS no DevTools
Como projetamos e implementamos o suporte a ferramentas de grade CSS no DevTools.
- Chrome DevTools
- Chrome
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.
- Chrome
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.
Isolamento de origem cruzada
Visão geral do isolamento de origem cruzada para extensões
- Extensões do Chrome
Política de abertura de origem cruzada
Documentação de referência para a propriedade cross_origin_opener_policy do manifest.json.
- Extensões do Chrome
Política de abertura de origem cruzada
Documentação de referência para a propriedade cross_origin_opener_policy do manifest.json.
- Extensões do Chrome
Descontinuações e remoções no Chrome 91
Um resumo das descontinuações e remoções do Chrome 91 para ajudar no planejamento.
- Chrome
Política do incorporador de origem cruzada
Documentação de referência para a propriedade cross_origin_embedder_policy do manifest.json.
- Extensões do Chrome
Política do incorporador de origem cruzada
Documentação de referência para a propriedade cross_origin_embedder_policy do manifest.json.
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Arquitetura RenderNG
Conheça os componentes da arquitetura RenderingNG e como o pipeline de renderização flui por eles.
- Chromium
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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.
- 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.
- Chrome
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
- Chrome
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.
- Chrome
Inspecionar layouts de grade CSS
Aprenda a usar o Chrome DevTools para visualizar e mudar as grades CSS.
- Chrome DevTools
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.
- Extensões do Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Descontinuações e remoções no Chrome 90
Um resumo das descontinuações e remoções do Chrome 90 para ajudar você no planejamento.
- Chrome
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.
- Chrome
Referência da API VersionHistory
Informações de referência técnica sobre a API VersionHistory.
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.
- Chrome
Exemplos da API VersionHistory
Exemplo de uso da API do serviço da Web VersionHistory.
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!
- Chrome
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.
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- Chrome
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.
- Chrome
Formatar e estilizar mensagens no console
Saiba como formatar e estilizar mensagens no console.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
Como melhorar o tempo de inicialização do DevTools
Reduzir a sobrecarga de desempenho do DevTools no envio de mensagens no front-end.
- Chrome
Descontinuações e remoções no Chrome 89
Um resumo das descontinuações e remoções do Chrome 89 para ajudar você no planejamento.
- Chrome
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.
- Chrome
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.
- Chrome
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.
Como migrar o Puppeteer para o TypeScript
Como migramos o Puppeteer para o TypeScript.
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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?
- Chrome
Como depurar o WebAssembly com ferramentas modernas
Visão geral detalhada da nova experiência de depuração do WebAssembly no Chrome DevTools.
- Chrome
Atualização da arquitetura do DevTools: migração para o Web Components
Por que e como migrar o Chrome DevTools para o Web Components.
- Chrome
Descontinuações e remoções no Chrome 88
Um resumo das descontinuações e remoções do Chrome 88 para ajudar no seu planejamento.
- Chrome
Este é o novo developer.chrome.com!
Anúncio da reformulação do site e um resumo dos nossos planos para 2021.
- Chrome
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.
Adicionar seu app à Play Store
Adicionar o TWA à Play Store
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.
- Chrome
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.
- Chromium
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Sobre o Manifest V2
Documentação para desenvolvedores de extensões do Chrome.
- Extensões do Chrome
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.
- 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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
Migrar do Workbox v5 para v6
Um guia para migrar do Workbox v5 para a v6.
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.
- Chrome
Descontinuações e remoções no Chrome 86
Um resumo das descontinuações e remoções do Chrome 86 para ajudar no planejamento.
- Chrome
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!
- Chrome
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
- Chrome
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
- Chrome
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.
- Chrome
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!
- Chrome
Como usar guias personalizadas com o Android 11
Como usar guias personalizadas com o Android 11
- Chrome
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.
- Chrome
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.
- Relatório de UX do Chrome
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.
- Relatório de UX do Chrome
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.
- Relatório de UX do Chrome
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.
- Chrome
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!
- Chrome
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
- Chrome
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.
Lidar com intervenções pesadas de anúncios
Lidar com intervenções pesadas de anúncios
- Chrome
Problemas: encontrar e corrigir problemas
Use o painel "Problemas" para encontrar e corrigir problemas no seu site.
- Chrome DevTools
Novidades do DevTools (Chrome 84)
A nova guia "Issues", informações de acessibilidade na dica do modo de inspeção e muito mais.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
Novidades do DevTools (Chrome 83)
Emule deficiências de visão de cores, emule localidades, depuração COOP e COEP e muito mais.
- Chrome
Descontinuações e remoções no Chrome 81
Um resumo das descontinuações e remoções do Chrome 81 para ajudar no planejamento.
- Chrome
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.
- Chrome
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.
- Chrome
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.
Guia de integração
Aprenda a usar Atividades confiáveis na Web no seu app Android.
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!
- Chrome
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.
- Chrome
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.
- Chrome
Migrar do Workbox v4 para v5
Um guia para migrar do Workbox v4 para a v5.
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?
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome DevTools
Novidades do DevTools (Chrome 78)
Lighthouse 5.2 no painel Auditorias e Maior exibição de conteúdo no painel Desempenho.
- Chrome
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.
Guia de início rápido
Um guia para começar a criar uma Atividade confiável básica e básica na Web.
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.
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
Novidades do DevTools (Chrome 77)
Copie estilos de elementos, veja mudanças de layout e muito mais.
- Chrome
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.
- Chrome
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.
- Chrome
Descontinuações e remoções no Chrome 76
Um resumo das descontinuações e remoções do Chrome 76 para ajudar você no planejamento.
- Chrome
Atualizar WebAPKs com mais frequência
A partir do Chrome 76, os WebAPKs serão atualizados com mais frequência.
- Chrome
LayoutNG
Um novo mecanismo de layout para o Chromium
- Chrome
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!
- Chrome
Novidades do DevTools (Chrome 76)
Preenchimento automático com valores CSS, uma nova IU para configurações de rede e muito mais.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
Dimensionar as imagens corretamente
Saiba mais sobre a auditoria de imagens responsivas.
Usa APIs descontinuadas
Saiba como remover e substituir APIs descontinuadas da sua página da Web.
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.
Remover CSS não usado
Saiba mais sobre a auditoria unused-css-rules.
O documento usa plug-ins
Saiba mais sobre a auditoria do Lighthouse. O documento usa plug-ins.
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.
Pré-conexão às origens necessárias
Saiba mais sobre a auditoria de usos-rel-preconnect.
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.
Compactar CSS
Saiba mais sobre a auditoria de CSS não reduzido.
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.
Veicular imagens em formatos modernos
Saiba mais sobre a auditoria de uses-webp-images.
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.
robots.txt não é válido
Saiba mais sobre a auditoria do Lighthouse "robots.txt não é válido.
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.
Adiar imagens fora da tela
Saiba mais sobre a auditoria de imagens fora da tela.
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.
- Chrome
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.
A ordem visual da página segue a ordem DOM
Saiba mais sobre a auditoria visual de ordem-segue-o.
Codificar as imagens com eficiência
Saiba mais sobre a auditoria de imagens otimizadas para usos.
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.
- Chrome
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".
Pré-carregar solicitações de chave
Saiba mais sobre a auditoria de use-rel-preload.
Minificar JavaScript
Saiba mais sobre a auditoria de JavaScript não reduzido.
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!
- Chrome
Registrar mensagens no console
Saiba como registrar mensagens no console.
- Chrome DevTools
Referência de recursos do console
Uma referência abrangente sobre todos os recursos e comportamentos relacionados à IU do Console no Chrome DevTools.
- 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.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
Ver dados em cache
Como visualizar dados em cache no painel Application do Chrome DevTools.
- Chrome DevTools
Ver dados do Web SQL
Como visualizar dados Web SQL pelo painel Application do Chrome DevTools.
- Chrome DevTools
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.
- Chrome DevTools
O nó DOM selecionado no momento
Aprenda o atalho rápido do console para obter o nó DOM selecionado no momento.
- Chrome
Descontinuações e remoções no Chrome 74
Um resumo das descontinuações e remoções do Chrome 74 para ajudar você no planejamento.
- Chrome
Ver e mudar dados do IndexedDB
Como visualizar e mudar dados do IndexedDB com o painel "Application" e os snippets.
- Chrome DevTools
Ver e editar o armazenamento da sessão
Como visualizar e editar "sessionStorage" com o painel "Session Storage" e o console.
- Chrome DevTools
Ver e editar o armazenamento local
Como visualizar e editar "localStorage" com o painel do Armazenamento local e o console.
- Chrome DevTools
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!
- Chrome
KV Storage: o primeiro módulo integrado da Web
Uma introdução à nova API KV Storage, módulos integrados e mapas de importação.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
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.
- Chrome
Migrar do Workbox v3 para a v4
Um guia para migrar do Workbox v3 para a v4.
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?
- Chrome
Descontinuações e remoções no Chrome 73
Um resumo das descontinuações e remoções do Chrome 73 para ajudar você no planejamento.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Desativar o JavaScript
Abra o menu de comando e execute o comando "Desativar JavaScript".
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
Novidades do DevTools (Chrome 73)
Logpoints, dicas detalhadas no modo de inspeção e muito mais.
- Chrome
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.
- Chrome
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.
- Chrome
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.
Abrir o Chrome DevTools
Todas as maneiras de abrir o Chrome DevTools.
- Chrome DevTools
Acompanhar elemento em foco
Abra o console, crie uma expressão em tempo real e defina a expressão como document.activeElement.
- Chrome DevTools
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!
- Chrome
Apresentamos a Busca em segundo plano
A busca em segundo plano permite processar downloads grandes, mesmo se o navegador for fechado.
- Chrome
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".
- Chrome
Á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
- Chrome
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.
- Chrome
Descontinuações e remoções no Chrome 71
Um resumo das descontinuações e remoções do Chrome 71 para ajudar no planejamento.
- Chrome
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.
- Chrome
Assistir ao vídeo usando o picture-in-picture
Controle o picture-in-picture para elementos de vídeo no seu site.
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensões do Chrome
Análise detalhada de um navegador da Web moderno (parte 4)
Processamento de eventos de entrada com a linha de execução do compositor
- Chrome
Análise detalhada de um navegador da Web moderno (parte 3)
Funcionamento interno de um mecanismo de renderização do navegador
- Chrome
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.
- Chrome
Descontinuações e remoções no Chrome 70
Um resumo das descontinuações e remoções do Chrome 68 para ajudar no seu planejamento.
- Chrome
Análise detalhada de um navegador da Web moderno (parte 2)
Saiba como o navegador processa solicitações de navegação.
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
Mais cancelamento de eco nativo
Mais suporte ao cancelamento de eco nativo
- Chrome
Padrão de design da worklet de áudio
Padrão de design da worklet de áudio
- Chrome
Realidade aumentada para a Web
A realidade aumentada permite posicionar e rastrear objetos virtuais em uma visualização do mundo real.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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!
- Chrome
Novidades do DevTools (Chrome 68)
Avaliação rápida, dicas de argumentos, preenchimento automático de funções, Lighthouse 3.0 e muito mais.
- Chrome
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.
Guia de migração do Lighthouse v3
Como migrar do Lighthouse v2 para a v3.
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.
- Chrome
Anúncio do Lighthouse 3.0
Auditorias mais rápidas, menos variações, uma nova IU de relatórios, novas auditorias e muito mais.
- Chrome
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.
- Chrome
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.
- Extensões do Chrome
Executar o JavaScript no console
Saiba como executar o JavaScript no console.
- Chrome DevTools
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!
- Chrome
Alcance o pico do desempenho
Diretrizes para criar uma extensão do Chrome de alto desempenho.
- Extensões do Chrome
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.
- Chrome
Editar e salvar arquivos em um espaço de trabalho
Aprenda a salvar as mudanças feitas no DevTools nos arquivos de origem.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
Cancelamento de eco nativo do macOS
Como usar o cancelamento de eco nativo do macOS no Chrome
- Chrome
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.
- Chrome
Proteja a privacidade do usuário
Diretrizes para garantir que a extensão do Chrome proteja a privacidade do usuário.
- Extensões do Chrome
Proteja a privacidade do usuário
Diretrizes para garantir que a extensão do Chrome proteja a privacidade do usuário.
- Extensões do Chrome
Projetar a interface do usuário
Diretrizes de IU e design para as extensões do Chrome.
- Extensões do Chrome
Migrar do Workbox v2 para a v3
Um guia sobre a migração do Workbox v2 para a v3.
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!
- Chrome
Proteja-se
Como proteger sua extensão do Chrome.
- Extensões do Chrome
Proteja-se
Como proteger sua extensão do Chrome.
- Extensões do Chrome
Novidades do DevTools (Chrome 66)
Ignore o script no painel "Rede", ajuste automaticamente o zoom no Modo dispositivo e muito mais.
- Chrome
Atualizações do Lighthouse 2.8
Novas auditorias de desempenho e SEO, performance na primeira seção de relatórios e muito mais.
- Chrome
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.
- Chrome
Derretimento/Espectro
Implicações para os desenvolvedores da Web e as mitigações do Chrome.
- Chrome
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.
- 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!
- Chrome
API CSS Paint
A API CSS Paint da Houdini permite desenhar imagens CSS programaticamente.
- Chrome
Novidades do DevTools (Chrome 65)
Modificações locais, ferramentas de acessibilidade, auditorias de performance e SEO e muito mais.
- Chrome
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.
Novidades do DevTools (Chrome 64)
Monitor de desempenho, barra lateral e agrupamentos do console.
- Chrome
Como desativar a supressão de ruído do hardware
Desativação experimental da supressão de ruído de hardware no Chrome 64.
- Chrome
Atualização sobre anúncios melhores
Uma atualização sobre anúncios melhores.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
Como instalar extensões no Linux
Como empacotar, hospedar e atualizar arquivos crx de um servidor pessoal.
- Extensões do Chrome
Auto-hospedagem para Linux
Como empacotar, hospedar e atualizar arquivos crx de um servidor pessoal para usuários do Linux.
- Extensões do Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
workbox-google-analytics
Suporte para repetição de interações off-line do Google Analytics.
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.
- Chrome
Remoção de ::shadow e /deep/ no Chrome 63
Diga adeus aos seletores de CSS que não contêm detalhes.
- Chrome
A cota de armazenamento em buffer foi excedida
Há várias maneiras de lidar com o QuotaOveredError.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Como animar um desfoque
São necessários alguns truques para animar um desfoque de maneira eficiente.
- Chrome
Mudanças da WebVR no Chrome 62
Saiba o que está mudando na API WebVR.
- Chrome
Busca cancelável
Como cancelar buscas usando um novo primitivo da Web: o controlador de cancelamento.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Atualizações de áudio/vídeo no Chrome 61
Um resumo das atualizações de áudio e vídeo no Chrome 61.
- Chrome
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.
- Chrome
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!
- Chrome
Novidades do DevTools (Chrome 61)
Novos recursos e mudanças serão lançados no DevTools no Chrome 61.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
DOMException: a solicitação play() foi interrompida
O que está acontecendo com "DOMException - a solicitação play() foi interrompida"?
- Chrome
Testes automatizados com a Headless Chrome
Testes automatizados com a Headless Chrome
- Chrome
Atualizações mais recentes na API de gerenciamento de credenciais
Atualizações mais recentes na API de gerenciamento de credenciais
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
Novidades do DevTools (Chrome 60)
Novos recursos e mudanças serão lançados no DevTools no Chrome 60.
- Chrome
Descontinuações e remoções no Chrome 59
Um resumo das descontinuações e remoções do Chrome 59 para ajudar você no planejamento.
- Chrome
Começar a usar a Headless Chrome
Começar a usar a Headless Chrome
- Chrome
Como migrar para o sistema de notificação nativo no macOS
A partir do Chrome 59, as notificações serão exibidas no macOS.
- Chrome
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.
- Chrome
Novidades do DevTools (Chrome 59)
Novos recursos e mudanças chegando ao DevTools no Chrome 59.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Descontinuações e remoções no Chrome 58
Um resumo das descontinuações e remoções do Chrome 58 para ajudar você no planejamento.
- Chrome
Atualizações de áudio/vídeo no Chrome 58
Um resumo das atualizações de áudio e vídeo no Chrome 58.
- Chrome
Guias em segundo plano no Chrome 57
Guias em segundo plano no Chrome 57
- Chrome
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!
- Chrome
Novidades do DevTools (Chrome 58)
Novos recursos e mudanças chegando ao DevTools no Chrome 58.
- Chrome
Atualização do Lighthouse em janeiro de 2017
Novidades do Lighthouse 1.5.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
Redimensionamento da barra de URL
Ocultar a barra de URL não redimensiona mais páginas para dispositivos móveis.
- Chrome
Chrome DevTools: JavaScript CPU Profiling no Chrome 58
O recurso "Record JavaScript CPU Profile" mudou no Chrome 58.
- Chrome
Chrome DevTools: JavaScript CPU Profiling no Chrome 58
O perfil de CPU JavaScript gravado foi alterado no Chrome 58.
- Chrome
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.
- Chrome
position:sticky está de volta no Chrome
position:sticky. Está de volta!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
O Auxclick está chegando ao Chrome 55
Um novo evento "auxclick" será acionado para cliques de botão do mouse não principais.
- Chrome
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.
- Chrome
Atualizações para developers.google.com/web
Os novos Fundamentos da Web: navegação aprimorada, novos conteúdos e muito mais!
- Chrome
Introdução ao Lighthouse
Saiba como configurar o Lighthouse para auditar seus apps da Web.
Fazer varredura novamente de camadas compostas na mudança de escala
will-change - transformar significa animá-la rapidamente
- Chrome
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.
- Chrome
CacheQueryOptions Chega ao Chrome 54
O conjunto completo de CacheQueryOptions é compatível, facilitando a localização das respostas em cache que você está procurando.
- Chrome
Opções de um PushSubscription
Agora é possível acessar as opções usadas ao inscrever um usuário no push.
- Chrome
DevTools Digest, setembro de 2016 - Boletim informativo de desempenho
Melhorias nas ferramentas de desempenho do DevTools nas últimas versões do Chrome.
- 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.
- Chrome
Como intervir em document.write()
O Chrome está bloqueando alguns scripts que são adicionados usando document.write().
- Chrome
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.
- Chrome
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.
- Chrome
DevTools Digest, agosto de 2016
O que aconteceu com o painel "Recursos", os novos recursos e as atividades da comunidade.
- Chrome
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.
- Chrome
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.
- Chrome
Depurar Progressive Web Apps
Use o painel Application para inspecionar, modificar e depurar manifestos, service workers e caches de service workers.
- Chrome DevTools
Google Analytics off-line mais fácil
A biblioteca sw-offline-google-analytics tem tudo de que você precisa.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
O Flexbox recebe um novo comportamento para filhos em posição absoluta
O Flexbox recebe um novo comportamento para filhos em posição absoluta
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
DevTools Digest, setembro de 2016 - DevTools em 2016 e além
Grandes temas e tendências para o DevTools em 2016 e além.
- Chrome
Receba respostas imediatas por streaming
Comece a processar as respostas do service worker o mais rápido possível, graças ao ReadableStreams.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
O que há de novo no KeyboardEvents? Chaves e códigos!
Dois novos atributos oferecem gerenciamento consistente de eventos de teclado para a Web.
- Chrome
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
- Chrome
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.
- Chrome
Acessar dispositivos USB na Web
A API WebUSB torna o USB mais seguro e fácil de usar ao trazê-lo para a Web.
Visão geral
Comece a usar as ferramentas para desenvolvedores da Web integradas do Google Chrome.
- Chrome DevTools
Referência da API Console
Use a API Console para gravar mensagens no Console.
- Chrome DevTools
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.
- Chrome
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
Chrome oferece suporte a createImageBitmap() no Chrome 50
Suporte à decodificação de imagens em workers programados para o Chrome 50.
- Chrome
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.
- Chrome
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.
- Chrome
Mudanças na orientação do dispositivo serão lançadas para o Chrome 50
DeviceOrientationEvent usa graus relativos, e há um novo DeviceOrientationAbsoluteEvent.
- Chrome
Validação do DOMTokenList adicionada ao Chrome 50
Confira o suporte a vários recursos diretamente no código, disponível no Chrome 50.
- Chrome
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.
- Chrome
Melhorias nas animações da Web no Chrome 50
Melhor compliance com as especificações e novos recursos do Chrome 50.
- Chrome
Adicionado suporte a Canvas toBlob() no Chrome 50
A compatibilidade com canvas.toBlob vai ser lançada no Chrome 50.
- Chrome
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.
- Chrome
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.
- Chrome
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'.
- Chrome
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.
- Chrome
HTMLMediaElement.play() retorna uma promessa.
Diga adeus à incerteza de reprodução automática. O play() agora retorna uma promessa.
- Chrome
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.
- Chrome
Monitorar variáveis em "Origens"
O Chrome DevTools permite ver diversas variáveis facilmente por todo o aplicativo.
- Chrome DevTools
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.
- Chrome
Atualizações de áudio da Web no Chrome 49
Um resumo de algumas das edições mais recentes da API Web Audio no Chrome.
- 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.
- Chrome
Rolagem suave no Chrome 49
Cansou da rolagem instável? Ótimo, porque o Chrome 49 vem com uma nova rolagem suave pronta para uso.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
Carimbos de data/hora de alta resolução para eventos
Descubra quando os eventos ocorrem com precisão de microssegundos, graças ao DOMHighResTimeStamp.
- Chrome
Fácil manipulação de URL com URLSearchParams
Acesso e manipulação simples de TURLSearchParams da string de consulta do URL.
- Chrome
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.
- Chrome
Introdução aos Progressive Web Apps
Saiba como começar a criar Progressive Web Apps
- Chrome
Lançamento do painel de segurança no Chrome DevTools
Saiba tudo sobre o novo painel de segurança no Chrome DevTools.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Recursos de animações da Web
Recursos e muito mais para a API Web Animations
Gerenciar o acionamento do toque para pesquisar
Entender quando e como o recurso Pesquisa por toque é acionado
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
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.
- Chrome
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.
- Chrome
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.
- Chrome
API History: restauração de rolagem
Atualização da API History para evitar saltos de rolagem desagradáveis
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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?
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Como usar o requestIdleCallback
A requestIdleCallback é a nova API de performance para programar o trabalho quando o navegador está inativo.
- Chrome
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.
- Chrome
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.
- Chrome
Duplique nós DOM com facilidade
Você pode mudar o DOM com facilidade sem precisar editar o HTML como uma string gigante.
- Chrome
Cinco truques para usar no painel do console
Cinco truques para usar no painel do console
- Chrome
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ê.
- Chrome
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?
- Chrome
Navegação estrutural do DOM aprimorada
Você sabia que o painel Elementos tem uma trilha de navegação?
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome DevTools
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Percorra rapidamente os painéis do DevTools
Você pode usar Cmd+] (ou Cmd+[) para navegar pelos painéis nas DevTools.
- Chrome
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.
- Chrome
Quem inspeciona o inspetor?
Você sabia que é possível inspecionar seu DevTools com o DevTools?
- Chrome
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.
- Chrome
Pesquisa ampla do projeto com escopo de arquivo opcional
Aprenda os comandos secretos para pesquisar como um profissional no DevTools.
- Chrome
Grupos de cores da rede
Saiba quais cores correspondem a qual tipo de recurso para facilitar a identificação dos recursos.
- Chrome
Visualizar valores JavaScript in-line durante a depuração
Saiba como visualizar os valores das variáveis JavaScript no DevTools durante a depuração.
- Chrome
Editar/visualizar recursos rapidamente no painel Elementos
Editar/visualizar recursos rapidamente no painel Elementos
- Chrome
event_rules
Documentação de referência da propriedade event_rules do manifest.json.
- Extensões do Chrome
event_rules
Documentação de referência da propriedade event_rules do manifest.json.
- Extensões do Chrome
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.
- Chrome
- Extensões do Chrome
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.
- Chrome
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).
- Chrome
Editor de easing
Selecione uma propriedade CSS de easing para uma visualização animada e visual do comportamento.
- Chrome
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.
- Chrome
Alt + Clique para expandir todos os nós filhos
Alt + Clique para expandir todos os nós filhos
- Chrome
- Chrome DevTools
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
- Chrome
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).
- Chrome
Clique no comando para adicionar vários cursores ao painel de origens
Saiba como editar vários cursores no painel de origens do DevTools.
- Chrome
Revelar no painel de elementos
Revele nós DOM no painel de elementos do console.
- Chrome
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.
- Chrome
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.
- Chrome
O nó DOM selecionado no momento
Aprenda o atalho rápido do console para obter o nó DOM selecionado no momento.
- Chrome
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.
- Chrome
Acessar e depurar listeners de eventos
Acesse e depure listeners de eventos no DevTools com estes comandos de console.
- Chrome
Pausar automaticamente em qualquer exceção
No DevTools, é possível pausar automaticamente em qualquer exceção (especialmente útil para exceções não capturadas).
- Chrome DevTools
- Chrome
Mudar valores de CSS rapidamente
Mudar valores CSS rapidamente com o teclado ou a roda do mouse
- Chrome
Repetir uma solicitação de rede em cURL
Aprenda a depurar uma solicitação de rede na linha de comando.
- Chrome
Preenchimento automático para a notação de colchete
Você sabia que é possível preencher automaticamente a notação de colchete no painel "Origens"?
- Chrome
- Chrome DevTools
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.
- Chrome
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.
- Chrome
Como acionar pseudoclasses
Aprenda a acionar pseudoclasses, como ":active", para depurar corretamente seu CSS.
- Chrome
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
- Chrome
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ê.
- Chrome
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.
- Chrome
Encaminhamento de portas
O encaminhamento de portas do DevTools permite que até mesmo URLs do localhost funcionem em dispositivos móveis.
- Chrome
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.
- Chrome
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
- Chrome
Manifesto - Impressoras USB
Documentação de referência da propriedade usb_printers do manifest.json.
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".
- Chrome
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.
- Chrome
Acesse facilmente listeners de eventos
Saiba como mostrar a definição da função de um listener de eventos registrado em qualquer nó.
- Chrome
Destaques de declarações granulares
Conferir a instrução executada com destaque granular.
- Chrome
Atualização forçada
Com o DevTools aberto, clique e mantenha pressionado o botão "Atualizar" para ver mais opções.
- Chrome
Modificações locais
As modificações locais permitem ver quais mudanças foram feitas (via DevTools) em determinados arquivos de origem.
- Chrome
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)
- Chrome
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.
- Chrome
Execute uma seleção de coluna arrastando
Para selecionar uma coluna no editor do painel Sources, mantenha Alt enquanto arrasta o mouse.
- Chrome
Snippets predefinidos
Como executar snippets de código predefinidos em qualquer página da Web.
- Chrome
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.
- Chrome
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).
- Chrome
Revelar no painel Elementos
Revele nós do DOM no painel Elementos do Console.
- Chrome
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.
- Chrome
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.
- Chrome
Clique no comando para adicionar vários cursores ao painel de origens
Saiba como editar vários cursores no painel de origens do DevTools.
- Chrome
Alt + Clique para expandir todos os nós filhos
Alt + Clique para expandir todos os nós filhos
- Chrome DevTools
- Chrome
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.
- Chrome
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.
- Chrome
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).
- Chrome
Editor de easing
Selecione uma propriedade CSS de easing para uma visualização animada e visual do comportamento.
- Chrome
Capitalização automática para dispositivos móveis
Outra frustração dos usuários com entradas de texto está sendo removida.
- Chrome
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.
- Chrome
Ver recursos da página
Organize recursos por frame, domínio, tipo ou outros critérios.
- Chrome DevTools
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.
- Chrome DevTools
Referência da API Console Utilitários
Uma referência das funções de conveniência disponíveis no Console do Chrome DevTools.
- Chrome DevTools
Depuração remota de WebViews
Depure WebViews nos seus apps Android usando as Ferramentas para Desenvolvedores do Chrome.
- Chrome DevTools
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
- Chrome
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.
- Chrome DevTools
Depurar dispositivos Android remotamente
Depure remotamente conteúdo ativo de um dispositivo Android em um computador Windows, Mac ou Linux.
- Chrome DevTools
API Permissions para a Web
A API Permissions oferece um local central para verificar o status das permissões de uma API.
- Chrome
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.
- Chrome
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ê.
- Chrome
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.
- Chrome
Notificações push na Web aberta
As mensagens push e as notificações estão chegando ao Chrome 42.
- Chrome
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.
- Chrome
O que é a janela de visualização virtual?
A janela de visualização virtual separa o layout da janela de visualização.
- Chrome
Chrome Dev Summit 2014 - Vamos criar alguns apps com o Polymer
Como criar apps usando a Polymer.
- Chrome
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
- Chrome
Preservar o estado durante as mutações do DOM com moveBefore()
Mover nós pelo DOM sem perder o estado crítico
- Chrome
image-render:pixelado
Pixelação da nação. Agora no Chrome 41
- Chrome
Conferência de Desenvolvedores do Chrome 2014 - Polymer - State of the Union
O estado da União de Polímeros.
- Chrome
Módulos compartilhados
Como compartilhar código entre extensões do Chrome.
- Extensões do Chrome
Módulos compartilhados
Como compartilhar código entre extensões do Chrome.
- Extensões do Chrome
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.
- Chrome
Mensagens nativas
Como trocar mensagens com aplicativos nativos do app Chrome.
Controle de reprodução de animações da Web no Chrome 39
Saiba mais sobre a reprodução de animações na Web
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Criar um app Todo Chrome
Uma introdução ao codelab.
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 4: abrir links externos com um WebView
Como mostrar conteúdo externo da Web no app do Chrome.
Etapa 1: criar e executar um app do Chrome
Como criar, instalar, executar e depurar um app básico do Chrome.
Etapa 7: publicar o app
Como publicar seu app do Chrome na Chrome Web Store.
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.
Geradores: os bits retorcidos
Uma análise detalhada dos geradores ES6.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
Elemento de caixa de diálogo enviado no Chrome 37 Beta
O Chrome Beta tem suporte nativo para elementos
- Chrome
Resumo do DevTools: Chrome 35
Atualizações nas Ferramentas para desenvolvedores no Chrome 35
- Chrome
Usar a API Notifications
Mostrar notificações para usuários da Extensão do Chrome
- Extensões do Chrome
API de notificações avançadas
Como mostrar notificações aos usuários da extensão do Google Chrome.
- Extensões do Chrome
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.
- Chrome
Automatizar a medição de desempenho na Web
Use a PSI para incluir métricas de desempenho da Web no seu processo de build.
- Chrome
Mecanismos de jogos
Mecanismos de jogos recomendados para apps do Chrome.
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.
- 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/).
- Chrome
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
- Chrome
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.
- Chrome
Manifesto - Bluetooth
Documentação de referência da propriedade do Bluetooth do manifest.json.
Bluetooth
Como se comunicar com dispositivos Bluetooth pelo app Chrome.
Mudanças na hospedagem do Chrome 33
Detalhes sobre as mudanças na hospedagem das extensões do Chrome iniciadas na versão 33.
- Extensões do Chrome
Perguntas frequentes
Perguntas frequentes sobre as extensões do Chrome.
- Extensões do Chrome
WebView com pixels perfeitos
Como criar interfaces de WebView perfeitas.
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.
Dicas e sugestões
Dicas e truques para melhorar seu aplicativo da WebView.
Como começar
Instruções detalhadas sobre como criar uma extensão do Chrome.
- Extensões do Chrome
Tutorial: migrar para o Manifest V2
Diretrizes sobre como migrar do manifesto v1 para o manifesto v2.
- Extensões do Chrome
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 do DevTools
Atualizações nas ferramentas para desenvolvedores no Chrome 33
- Chrome
chrome.location
Documentação de referência da API chrome.location.
- Extensões do Chrome
Resumo mensal de Yeoman
Um resumo mensal com notícias de alta qualidade sobre projetos, geradores e artigos do Yeoman.
- Chrome
Substituir as configurações do Chrome
Como substituir as configurações do Chrome usando uma extensão.
- Extensões do Chrome
Substituir as configurações do Chrome
Como substituir as configurações do Chrome usando uma extensão.
- Extensões do Chrome
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.
- Chrome
Apps da Web que falam: introdução à API Speech Synthesis
Introdução ao recurso de síntese da API Web Speech.
- Chrome
Chrome Dev Summit: resumo das plataformas
Plataformas
- Chrome
soquetes
Documentação de referência da propriedade de soquetes do manifest.json.
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.
- Chrome
Chrome Dev Summit: resumo do desempenho
O desempenho é importante
- Chrome
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
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.
- Chrome
Resumo mensal de Yeoman
Um resumo regular de artigos, vídeos e palestras de autoria da comunidade Yeoman.
- Chrome
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.
- Chrome
Resumo do DevTools de dezembro de 2013
A atualização mais recente para mudanças no Chrome DevTools.
- Chrome
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.
- Chrome
Terminal do DevTools
Como usar o terminal no DevTools
- Chrome
Manifesto para áreas de armazenamento
Documentação de referência para a propriedade de armazenamento do manifest.json.
- Extensões do Chrome
Manifesto para armazenamento gerenciado
Documentação de referência para a propriedade de armazenamento do manifest.json.
- Extensões do Chrome
Chrome DevTools para dispositivos móveis
Screencast e emulação
- Chrome
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
- Chrome
Resumo mensal de Yeoman
Um resumo regular de artigos, vídeos e palestras de autoria da comunidade Yeoman.
- Chrome
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.
- Chrome
Dispositivos seriais
Como se comunicar com dispositivos seriais pelo seu app do Chrome.
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.
- Chrome
O layout do Flexbox não é lento
Boas notícias! O flexbox novo é 2,3 vezes mais rápido do que o antigo
- Chrome
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.
- Chrome
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.
- Chrome
url_handlers
Documentação de referência para a propriedade url_Handlers do manifest.json.
externally_connectable
Documentação de referência para a propriedade external_connectable do manifest.json.
- Extensões do Chrome
externally_connectable
Documentação de referência para a propriedade external_connectable do manifest.json.
- Extensões do Chrome
Analytics
Como integrar o Google Analytics ao seu app do Chrome.
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.
- Chrome
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
- Chrome
As sintaxes sourceMappingURL e sourceURL foram alteradas
As sintaxes sourceMappingURL e sourceURL foram alteradas
- Chrome
Manifesto - Versão
Documentação de referência da propriedade de versão do manifest.json.
- Extensões do Chrome
Manifesto - Sandbox
Documentação de referência sobre a propriedade do sandbox do manifest.json.
- Extensões do Chrome
Manifesto - nome e nome curto
Documentação de referência para as propriedades name e short_name do manifest.json.
- Extensões do Chrome
Manifesto – descrição
Documentação de referência da propriedade de descrição do manifest.json.
- Extensões do Chrome
Manifesto - ícones
Documentação de referência para a propriedade de ícones do manifest.json.
- Extensões do Chrome
Manifesto – versão mínima do Chrome
Documentação de referência para a propriedademinimum_chrome_version do manifesto.json.
- Extensões do Chrome
Manifesto - chave
Documentação de referência sobre a propriedade da chave do manifest.json.
- Extensões do Chrome
Manifesto - Recursos acessíveis na Web
Documentação de referência para a propriedade web_unique_resources do manifesto.json.
- Extensões do Chrome
Manifesto - URL da página inicial
Documentação de referência para a propriedade initial_url do manifest.json.
- Extensões do Chrome
Manifesto – localidade padrão
Documentação de referência para a propriedade default_locale do manifesto.json.
- Extensões do Chrome
Manifesto – módulos Nacl
Documentação de referência para a propriedade nacl_modules do manifesto.json.
- Extensões do Chrome
Manifesto - requisitos
Documentação de referência para a propriedade de requisitos do manifest.json.
- Extensões do Chrome
Manifesto - Sandbox
Documentação de referência sobre a propriedade do sandbox do manifest.json.
- Extensões do Chrome
Manifesto - URL da página inicial
Documentação de referência para a propriedade initial_url do manifest.json.
- Extensões do Chrome
Manifesto - chave
Documentação de referência sobre a propriedade da chave do manifest.json.
- Extensões do Chrome
Manifest V2 – Versão [descontinuada]
Documentação de referência da propriedade de versão do manifest.json.
- Extensões do Chrome
Manifesto – navegação anônima
Documentação de referência da propriedade de navegação anônima do manifest.json.
- Extensões do Chrome
Manifesto - Recursos acessíveis na Web
Documentação de referência para a propriedade web_unique_resources do manifesto.json.
- Extensões do Chrome
Manifesto - Off-line ativado
Documentação de referência para a propriedade offline_enabled do manifest.json.
- Extensões do Chrome
Manifesto – localidade padrão
Documentação de referência para a propriedade default_locale do manifesto.json.
- Extensões do Chrome
Manifesto – navegação anônima
Documentação de referência da propriedade de navegação anônima do manifest.json.
- Extensões do Chrome
Manifesto - ícones
Documentação de referência para a propriedade de ícones do manifest.json.
- Extensões do Chrome
Manifesto - requisitos
Documentação de referência para a propriedade de requisitos do manifest.json.
- Extensões do Chrome
Manifesto - short_name
Documentação de referência da propriedade short_name do manifesto.json.
- Extensões do Chrome
Versão do manifesto
Documentação de referência da propriedade manifest_version do manifest.json.
- Extensões do Chrome
Manifesto – descrição
Documentação de referência da propriedade de descrição do manifest.json.
- Extensões do Chrome
Manifesto - nome
Documentação de referência da propriedade "name" do manifest.json.
- Extensões do Chrome
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.
Manifesto - app
Documentação de referência da propriedade do app do manifest.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)
Como visualizar conceitos do shadow DOM
Como visualizar conceitos do shadow DOM
- Chrome
O que são extensões?
Uma visão geral da finalidade das extensões do Chrome e como elas são desenvolvidas.
- Extensões do Chrome
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'
- Chrome
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
- Chrome
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
- Chrome
Apps da Web baseados em voz: introdução à API Web Speech
Voice Driven Web Apps - Introdução à API Web Speech
- Chrome
Compartilhamento de tela com WebRTC
Compartilhamento de tela com WebRTC
- Chrome
Imagens de plano de fundo baseadas em telas
Como alimentar um plano de fundo CSS usando Canvas ou Webgl
- Chrome
O WebRTC chega ao Firefox, Android e iOS
O WebRTC chega ao Firefox, Android e iOS
- Chrome
Criar apps com o AngularJS
Um guia sobre a criação de apps do Chrome com a AngularJS.
Responda à mudança com Object.observe
Responda à mudança com Object.observe
- Chrome
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
- Chrome
Criar apps com o Sencha Ext JS
Como criar apps do Chrome com o framework Sencha Ext JS.
Declarar permissões
Uma visão geral dos valores válidos da propriedade de permissões no manifest.json.
- Extensões do Chrome
Globo interativo com sombreadores de CSS e o Google Maps
Globo interativo com sombreadores de CSS e o Google Maps
- Chrome
A permissão "activeTab"
Como usar a permissão "activeTab" na extensão do Chrome.
- Extensões do Chrome
A permissão ActiveTab
Como usar a permissão "activeTab" na extensão do Chrome.
- Extensões do Chrome
Padrões de correspondência
Como entender os padrões de correspondência de URL nas extensões do Chrome.
- Extensões do Chrome
Oferecer opções aos usuários
Como permitir que os usuários personalizem sua extensão.
- 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.
- Extensões do Chrome
Formato do arquivo de manifesto
Uma visão geral das propriedades manifest.json de uma extensão do Chrome.
- Extensões do Chrome
Tutorial: Google Analytics
Instruções detalhadas sobre como acompanhar o uso da sua extensão com o Google Analytics.
- Extensões do Chrome
O que são temas?
Diretrizes sobre como criar um tema.
- Extensões do Chrome
O que são temas?
Diretrizes sobre como criar um tema.
- Extensões do Chrome
Chrome Web Store
Como hospedar sua extensão na Chrome Web Store e atualizar uma extensão hospedada nela.
- Extensões do Chrome
XMLHttpRequest de origem cruzada
Como implementar o XHR de origem cruzada na extensão do Google Chrome.
- Extensões do 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.
- 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.
- Extensões do Chrome
Depurar extensões
Instruções para depurar extensões do Chrome.
- Extensões do Chrome
Formato do arquivo de manifesto
Uma visão geral das propriedades manifest.json que podem ser usadas na extensão do Chrome.
- Extensões do Chrome
Declarar permissões e avisar os usuários
Como implementar permissões para proteger os usuários e a extensão.
- Extensões do Chrome
Solicitações de rede de origem cruzada
Implemente solicitações de rede de origem cruzada na sua extensão do Chrome.
- Extensões 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.
- Extensões do Chrome
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.
- Extensões do Chrome
Transmissão de mensagens
Como transmitir mensagens entre extensões e scripts de conteúdo.
- Extensões do Chrome
Oferecer opções aos usuários
Como permitir que os usuários personalizem sua extensão.
- Extensões do Chrome
Entrada de áudio da Web ao vivo ativada
Entrada de áudio da Web ao vivo ativada
- Chrome
Visão geral da arquitetura
Uma explicação de alto nível sobre a arquitetura de software das extensões do Chrome.
- 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.
- Extensões 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.
- Extensões do Chrome
Transmissão de mensagens
Como transmitir mensagens entre extensões e scripts de conteúdo.
- Extensões do Chrome
Extensões de depuração
Instruções detalhadas sobre como depurar extensões do Chrome.
- Extensões do Chrome
Como usar eval em extensões do Chrome
Como usar o eval() em uma extensão do Chrome.
- Extensões do Chrome
Usar o Google Analytics 4
Instruções detalhadas sobre como acompanhar o uso da extensão com o Google Analytics 4.
- Extensões do Chrome
Usar eval() em iframes em sandbox
Como usar o eval() em uma extensão do Chrome.
- Extensões do Chrome
Suporte à acessibilidade
Como tornar sua extensão do Chrome acessível.
- Extensões do Chrome
Dispositivos USB
Como se comunicar com dispositivos USB no app Chrome.
Atualização automática
Como ativar a atualização automática do seu app do Chrome.
Visão geral do desenvolvimento de extensões
Uma visão geral dos recursos e componentes da extensão do Chrome.
- Extensões do Chrome
Comunicações de rede
Como usar TCP e UDP no seu app do Chrome.
Acessibilidade (a11y)
Como tornar a extensão do Chrome Manifest V2 acessível.
- Extensões do Chrome
Notificações avançadas com o webKit
Como implementar notificações na extensão do Chrome.
- Extensões do Chrome
Estender DevTools
Como criar uma extensão do Chrome que adicione recursos ao Chrome DevTools.
- Extensões do Chrome
Autenticação do usuário
Como autenticar usuários no seu app do Chrome.
Conteúdo externo
Como apresentar conteúdo externo no app do Chrome.
Priorização off-line
Como criar apps do Chrome que funcionam off-line.
Versão do manifesto
Documentação de referência da propriedade manifest_version do manifest.json.
Scripts de conteúdo
Uma explicação sobre scripts de conteúdo e como usá-los na extensão do Chrome.
- Extensões do Chrome
Estender o DevTools
Como criar uma extensão do Chrome que adiciona funcionalidade ao Chrome DevTools.
- Extensões do Chrome
Opções alternativas de distribuição de extensões
Como distribuir extensões do Google Chrome fora da Chrome Web Store.
- Extensões do Chrome
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.
Ciclo de vida do app do Chrome
Uma visão geral do ciclo de vida dos apps do Chrome.
Scripts de conteúdo
Uma explicação sobre scripts de conteúdo e como usá-los na extensão do Chrome.
- Extensões do Chrome
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.
- Extensões do Chrome
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.
- Extensões do Chrome
Criar seu primeiro app
Um tutorial sobre como criar um app básico do Chrome.
APIs Web
Os apps do Chrome podem usar todas as APIs disponíveis para sites.
Arquitetura de apps do Chrome
Uma visão geral da arquitetura de software dos apps do Chrome.
APIs Storage
Como gerenciar o armazenamento no seu app do Chrome.
Mudanças de empilhamento chegando à posição:elementos fixos
Mudanças de empilhamento chegando aos elementos position:fix
- Chrome
Defenda seus destinos! Posição - aderência ao WebKit
Defenda seus destinos! Posição - aderência ao WebKit
- Chrome
Integrar input[type=file] à API Filesystem
Integrar input[type=file] à API Filesystem
- Chrome
Quando os milissegundos não são suficientes: performance.now
Quando os milissegundos não são suficientes: performance.now
- Chrome
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
- Chrome
Perguntas frequentes rápidas sobre input[type=date] no Google Chrome
Perguntas frequentes rápidas sobre input[type=date] no Google Chrome
- 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
- Chrome
Como avaliar o desempenho gráfico do navegador
Como medir o desempenho gráfico do navegador.
- Chrome
Chegou! xhr.send(ArrayBufferViews)
Chegou! xhr.send(ArrayBufferViews)
- Chrome
Aproveitando a aceleração de GPU no canvas 2D
Aproveitando a aceleração de GPU no canvas 2D
- Chrome
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
- Chrome
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.
Como converter ArrayBuffer em uma string
Como converter ArrayBuffer em uma string
- Chrome
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.
- Chrome
A inspeção de frame do Websocket agora no Chrome DevTools
Adicionar capacidade de inspeção aos dados que passam pela rede em WebSockets
- Chrome
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.
- Chrome
Como processar uploads de arquivos XHR2 em PHP
Um exemplo de código de servidor para ilustrar como processar uploads de arquivos
- Chrome
Protothon WebRTC
Em 24 de março, o Google realizou o primeiro evento para desenvolvedores WebRTC do mundo, o WebRTC Protothon.
- Chrome
API requestAnimationFrame - agora com precisão de menos de um milissegundo
Em breve, haverá uma mudança em parte da API equestAnimationFrame.
- Chrome
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).
- Chrome
Resumo dos recursos internos do navegador da Web
A maioria dos recursos que explica o funcionamento interno dos navegadores
- Chrome
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
- Chrome
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
- Chrome
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.
- Chrome
Novo recurso experimental: folhas de estilo com escopo
Recentemente, o Chromium implementou um novo recurso do HTML5: folhas de estilo com escopo.
- Chrome
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.
- Chrome
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.
- Chrome
Detectar mudanças no DOM com observadores de mutação
Uma introdução aos observadores de mutação.
- Chrome
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
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.
- Chrome
API Pointer Lock Leva jogos QPS para o navegador
A API Pointer Lock possibilita escrever jogos de tiro em primeira pessoa para a Web.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Ferramentas para desenvolvedores do Chrome para velocidade
Como usar as Ferramentas do desenvolvedor no Chrome para aumentar a velocidade dos apps
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Vídeos de 7 minutos - dicas do console JavaScript e APIs DOM novas
Suba de nível no Console JavaScript no Chrome DevTools.
- Chrome
Workers ♥ ArrayBuffer
O Chrome 13 e o FF5 oferecem suporte ao envio de um `ArrayBuffer` (ou matriz tipada) de/para um web worker.
- Chrome
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
- Chrome
insertAdjacentHTML em qualquer lugar
Como inserir conteúdo em um documento HTML
- Chrome
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.
- Chrome
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.
- Chrome
Bibliotecas/polyfills HTML5: meados de julho
Mais bibliotecas incríveis surgindo por todo o lugar
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bibliotecas HTML5: final de junho
Algumas bibliotecas incríveis surgiram recentemente.
- Chrome
API de visibilidade da página - Eu chamei sua atenção?
Felizmente, a nova API Page Visibility permite que seu app descubra se está visível ou não.
- Chrome
Contras no HTML5 + API Web Audio
Graças ao poder do GWT, do HTML5 e da API de áudio da Web, podemos criar o criador do código de trapaça favorito de todos, Contra.
- Chrome
Navigator.onLine no canal Chrome Dev
Com as APIs off-line em HTML5, não há desculpa para não fornecer uma experiência off-line impecável para os usuários.
- Chrome
Bem-vindo a updates.html5rocks.com
Com o objetivo de fornecer informações mais rápidas aos desenvolvedores, criamos este "HTML5 Update Stream" para destacar coisas legais que valem a pena compartilhar.
- Chrome
Como auditar seu app da Web para aumentar a velocidade
Um app da Web rápido é um app da Web bem-sucedido. Seu trabalho como desenvolvedor não está concluído até que você tenha otimizado o desempenho real e percebido do app. Além de ser a coisa certa a fazer para garantir que os usuários tenham uma
- Chrome DevTools
- Chrome
Introdução às Ferramentas para desenvolvedores do Chrome, parte um
O Google Chrome é um navegador da web avançado e avançado, pioneiro no que é possível para aplicativos na web. O Google trabalhou muito para oferecer aos usuários finais uma experiência de navegação muito rápida, estável e avançada. O Google também
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Workbox
- Extensões do Chrome
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Extensões do Chrome
- Workbox
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Workbox
- Extensões do Chrome
Policies
Extension policies
- Workbox
- Extensões do Chrome
How NRK uses scroll-driven animations to bring stories to life
Learn how scroll-driven and scroll-triggered animations enhance storytelling articles
- Chrome
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Relatório de UX do Chrome
- Workbox
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Workbox
- Extensões do Chrome
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Writer and rewriter APIs available for early preview
EPP participants can now prototype with write and rewrite APIs in Chrome.
- Chrome
Chrome to sync passkeys on Google Password Manager between desktop and Android
Chrome on desktop will soon be able to create passkeys in Google Password Manager (GPM) and synchronize them across those platforms in addition to Android.
- Chrome
- Chaves de acesso
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Extensões do Chrome
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Extensões do Chrome
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Workbox
- Extensões do Chrome
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Extensões do Chrome
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Extensões do Chrome
- Workbox
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Extensões do Chrome
- Workbox
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Workbox
- Extensões do Chrome
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Relatório de UX do Chrome
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Workbox
- Extensões do Chrome
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Workbox
- Extensões do Chrome
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Extensões do Chrome
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Workbox
- Extensões do Chrome
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Extensões do Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Extensões do Chrome
- Workbox
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Extensões do Chrome
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Extensões do Chrome
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Extensões do Chrome
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Extensões do Chrome
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Workbox
- Extensões do Chrome
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Extensões do Chrome
Register your developer account
How to register as a Chrome Web Store developer.
- Extensões do Chrome
- Workbox
Create a side panel
TBD
- Workbox
- Extensões do Chrome
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Extensões do Chrome
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Extensões do Chrome
- Workbox
Overview of CrUX
Introduction to the CrUX dataset.
- Workbox
- Relatório de UX do Chrome
Permissions
A list of permissions and user warnings available on the extensions platform.
- Extensões do Chrome
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Workbox
- Extensões do Chrome
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- Extensões do Chrome
Distribute your extension
How to host your Chrome extension.
- Workbox
- Extensões do Chrome
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Extensões do Chrome
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Extensões do Chrome
- Workbox
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Extensões do Chrome
User interface components
A catalog of user interface elements available in extensions.
- Extensões do Chrome
- Workbox
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Workbox
- Extensões do Chrome
Prepare your extension
Prepare your extension files.
- Extensões do Chrome
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Extensões do Chrome
- Workbox
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Extensões do Chrome
- Workbox
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Workbox
- Extensões do Chrome
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Workbox
- Extensões do Chrome
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Workbox
- Extensões do Chrome
Locations
Locations tab reference.
- Workbox
- Chrome DevTools
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Extensões do Chrome
- Workbox
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Extensões do Chrome
- Workbox
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Workbox
- Extensões do Chrome
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Extensões do Chrome
- Workbox
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Extensões do Chrome
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Workbox
- Extensões do Chrome
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Extensões do Chrome
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Workbox
- Extensões do Chrome
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Extensões do Chrome
- Workbox
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- Extensões do Chrome
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Extensões do Chrome
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Extensões do Chrome
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Extensões do Chrome
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Extensões do Chrome
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Extensões do Chrome
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Extensões do Chrome
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Workbox
- Extensões do Chrome
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Extensões do Chrome
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Extensões do Chrome
- Workbox
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Extensões do Chrome
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Workbox
- Extensões do Chrome
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Workbox
- Extensões do Chrome
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Workbox
- Extensões do Chrome
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Extensões do Chrome
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Extensões do Chrome
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Extensões do Chrome
- Workbox
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Extensões do Chrome
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Extensões do Chrome
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Workbox
- Extensões do Chrome
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Extensões do Chrome
- Workbox
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Extensões do Chrome
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Extensões do Chrome
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Workbox
- Extensões do Chrome
Enterprise publishing options
How to distribute extensions to enterprise users
- Extensões do Chrome
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Extensões do Chrome
- Workbox
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Extensões do Chrome
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Workbox
- Extensões do Chrome
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Extensões do Chrome
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Extensões do Chrome
- Workbox
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Extensões do Chrome
- Workbox
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Extensões do Chrome
- Workbox
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Workbox
- Extensões do Chrome
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Extensões do Chrome
- Workbox
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Chrome DevTools
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Extensões do Chrome
Branding Guidelines
Guidelines for use of Google trademarks.
- Workbox
- Extensões do Chrome
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Workbox
- Extensões do Chrome
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Extensões do Chrome
- Workbox
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Extensões do Chrome
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Chrome DevTools
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Extensões do Chrome
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Extensões do Chrome
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Extensões do Chrome
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Extensões do Chrome
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Workbox
- Extensões do Chrome
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Summarizer
Get a short summary of every webpage.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Google Gemini Demo
Try the Gemini Models.
Simple Theme
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Open extension API reference
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Maskable.app
Preview maskable icons in the browser!
heritagein.info
Radio House
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
Farmbound - a diurnal game of farming
iRobot Coding
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
noctura.tech
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
Graphite
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
birdfood.gq
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
Average Colour
Average Colour is a tool to find the average colour in an image.
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
Application to help utilities management.
Budgeting app
wami
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
BrewFlasher Web Edition
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Microsoft Loop - Think, plan and create together
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
readyplayer.me
Scrapbook PWA
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Open Video
Open local video files using the browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
EdgeTX Buddy
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
Radio Garden
Explore live radio by rotating the globe.
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Expressive Canvas
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
YouTube Audio Player
An awesome audio player for YouTube videos
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Flowchart Maker & Online Diagram Software
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vernier Graphical Analysis®
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
Narrow One
Capture the flag medieval style!
LogIn
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Ace Seventh Heaven
Visual Day scheduler.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
Espruino Web IDE
Cue for Education
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
Error
Daily Writing Builder
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
pwamp
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
Bluesky Social
See what's next.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう！
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Hypertext
HTML Document Editor
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Service worker with push notification
Geolocation - popup
Shows how to get geolocation access within a popup.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Hello Extensions
Base Level Extension
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Oliver Focus Mode
Example extension from DevTools Tips video.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Tab Capture - Recorder
Records the current tab in an offscreen document.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Idle - Simple Example
Demonstrates the Idle API
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
Tab Manager for Chrome Dev Docs
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
Getting Started Example
Build an Extension!
Global Google Search
Uses the context menu to search a different country's Google
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
MV3 Migration - content script example
Broken Background Color
Fix an Extension!
webNavigation API Sample
Uses the webNavigation API to send notifications.
Geolocation - content script
Shows how to get geolocation access within a content script.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Page Redder
Turns the page red when you click the icon
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Reading time
Add the reading time to Chrome Extension documentation articles