Aprende a desarrollar extensiones de Chrome.

Usa la API de chrome.bookmarks para crear, organizar y manipular favoritos. Consulta también Anulaciones de páginas, que puedes usar para crear una página personalizada del Administrador de favoritos. Para usar la API de favoritos, debes declarar el

Este permiso activa una advertencia. Usa la API de chrome.bookmarks para crear, organizar y manipular favoritos. Consulta también Anulaciones de páginas, que puedes usar para crear una página personalizada del Administrador de favoritos. Para usar la

Usa la API de chrome.contentSettings para cambiar la configuración que controla si los sitios web pueden usar funciones como cookies, JavaScript y complementos. En términos más generales, la configuración de contenido te permite personalizar el

Usa la API de chrome.contentSettings para cambiar la configuración que controla si los sitios web pueden usar funciones como cookies, JavaScript y complementos. En términos más generales, la configuración de contenido te permite personalizar el

IA en Chrome Te damos la bienvenida a la próxima era de la Web con IA. Descubre cómo la IA puede ayudar a los desarrolladores a crear experiencias potentes en la Web con mayor facilidad. Reimagina lo que puedes lograr con Gemini Nano en Chrome. IA

Chrome para Android pasará a tener un diseño de pantalla completa a partir de Chrome 135.

Crea experiencias web de borde a borde

Hay una página especial interna de Chrome para ver los detalles de las instrucciones a Gemini Nano. En esta guía, se explica cómo usarlo para depurar.

Realiza un análisis de red avanzado con las Herramientas para desarrolladores de Chrome.

Usa el panel "Privacidad y seguridad" para inspeccionar y controlar las cookies de terceros, y verificar la protección de HTTPS.

Mejora las cargas de trabajo de aprendizaje automático con subgrupos, mejoras en el tiempo de compilación de sombreadores en D3D12, quita la compatibilidad con tipos de texturas filtrables de números de punto flotante como mezclables y mucho más.

Descubre el nuevo modo de la ventana emergente que simplifica las herramientas de ayuda y otros elementos flotantes.

Usa la API de chrome.app.runtime para administrar el ciclo de vida de la app. El entorno de ejecución de la app administra la instalación de la app, controla la página del evento y puede cerrar la app en cualquier momento. cualquier opcional Datos

Usa la API de chrome.printing para enviar trabajos de impresión a las impresoras instaladas en la Chromebook. Todos los métodos y eventos de chrome.printing requieren que declares el permiso "printing" en el manifiesto de la extensión. Por ejemplo:

Usa la API de chrome.sessions para consultar y restablecer pestañas y ventanas de una sesión de navegación. string Es el nombre del dispositivo externo. Sesión [] Es una lista de sesiones de ventanas abiertas para el dispositivo externo, ordenadas de

Usa la API de userScripts para ejecutar secuencias de comandos de usuario en el contexto de Secuencias de comandos de usuario. Para usar la API de Secuencias de comandos del usuario, chrome.userScripts, agrega el permiso "userScripts" a tu

Usa la API de chrome.printing para enviar trabajos de impresión a las impresoras instaladas en la Chromebook. Todos los métodos y eventos de chrome.printing requieren que declares el permiso "printing" en el manifiesto de la extensión. Por ejemplo:

Usa la API de chrome.sessions para consultar y restablecer pestañas y ventanas de una sesión de navegación. string Es el nombre del dispositivo externo. Sesión [] Es una lista de sesiones de ventanas abiertas para el dispositivo externo, ordenadas de

Descubre Chrome Chrome 134, versión beta Chrome 133 Chrome 132 Chrome 131 Chrome 130 Chrome 129 Chrome 128 Chrome 127 Chrome 126 Chrome 125 Chrome 124 Chrome 123 Chrome 122 Chrome 121 Chrome 120 Chrome 119 Novedades en Chrome Herramientas para

Panel de privacidad y seguridad, limitación calibrada de la CPU, elementos destacados propios y de terceros en Rendimiento, estadísticas nuevas y mucho más.

Usa la infraestructura de chrome.i18n para implementar la internacionalización en toda tu app o extensión. Si una extensión tiene un directorio /_locales, el manifest debe definir "default_locale". Debes colocar todas las cadenas visibles para el

El equipo de Edge agregó compatibilidad para respetar los valores de Windows ClearType Tuner directamente en Chromium, lo que brinda una mejor renderización de texto en los navegadores basados en Chromium en Windows.

Usa la API de chrome.storage para almacenar, recuperar y hacer un seguimiento de los cambios en los datos del usuario. Para usar la API de almacenamiento, declara el permiso "storage" en el manifest de la extensión. Por ejemplo: La API de Storage

Usa la API de chrome.storage para almacenar, recuperar y hacer un seguimiento de los cambios en los datos del usuario. La API de Storage proporciona una forma específica de la extensión para conservar los datos y el estado del usuario. Es similar a

Documentación técnica sobre las dimensiones de CrUX

Obtén información sobre el cambio en el Informe sobre la experiencia del usuario en Chrome (cambios en CrUX) en la versión de febrero de 2025, incluidos los subelementos de imagen de LCP, los tipos de recursos de LCP y la RTT.

Muestras de código, guías y referencias de la API que necesitas para lo que estés compilando.

Te ayudamos a desarrollar, innovar y crecer en la Web.

Conceptos básicos para comenzar a usar las extensiones de Chrome

Chrome permite que las apps web que reproducen contenido multimedia ingresen automáticamente al modo de pantalla en pantalla.

Descubre las funciones más recientes que llegarán a Chrome.

Usa la API de chrome.enterprise.platformKeys para generar claves y, luego, instalar certificados para ellas. La plataforma administrará los certificados y se podrán usar para la autenticación de TLS, el acceso a la red o por otra extensión a través

Usa la API de chrome.enterprise.platformKeys para generar claves y, luego, instalar certificados para ellas. La plataforma administrará los certificados y se podrán usar para la autenticación de TLS, el acceso a la red o por otra extensión a través

Ya se está lanzando Chrome 133. Hay algunas funciones nuevas y emocionantes de CSS y mucho más por descubrir.

CSS avanzado attr(), text-box-trim, consultas de contenedor de estado de desplazamiento y mucho más.

El modo de aplicación con pestañas permite a los desarrolladores de apps web progresivas agregar una interfaz de documento con pestañas a sus AWP independientes.

Mejora la autenticación basada en la Web con la pestaña de autenticación para Android

Cómo usar pestañas personalizadas efímeras en tu app para Android

Cómo usar el historial específico de la app en tu app para Android

Cómo usar la pestaña de autenticación especializada en tu app para Android

Presentamos el historial específico de la app para las pestañas personalizadas de Chrome para Android

Usa la API de chrome.permissions para solicitar permisos opcionales declarados durante el tiempo de ejecución en lugar del tiempo de instalación, de modo que los usuarios comprendan por qué se necesitan los permisos y otorguen solo los que sean

Usa la API de chrome.runtime para recuperar el trabajador de servicio, mostrar detalles sobre el manifiesto y escuchar y responder eventos en el ciclo de vida de la extensión. También puedes usar esta API para convertir la ruta de acceso relativa de

Usa la API de chrome.permissions para solicitar permisos opcionales declarados durante el tiempo de ejecución en lugar del tiempo de instalación, de modo que los usuarios comprendan por qué se necesitan los permisos y otorguen solo los que sean

Historial de chat persistente de IA, mejor navegación, omisión de fichas y seguimientos de pila en Rendimiento, nuevo panel "Novedades" y mucho más.

Los formatos de vértices adicionales unorm8x4-bgra y de 1 componente permiten solicitar límites desconocidos con un valor indefinido, cambios en las reglas de alineación de WGSL, ganancias de rendimiento de WGSL con descarte y mucho más.

Una descripción general de los cambios recientes en las extensiones de Chrome, además de las próximas funciones de extensiones que los desarrolladores pueden esperar.

En esta guía, se presentan las prácticas recomendadas para la administración de sesiones con la API de Prompt.

Obtén información sobre los cambios de Chrome que afectan a los desarrolladores

Novedades de Chrome Descubre las actualizaciones más recientes de Chrome en nuestra documentación y blog. Contenido nuevo y actualizaciones significativas en la documentación article Cómo transmiten respuestas los LLM Nueva documentación para

Anunciamos una serie de actualizaciones de políticas diseñadas para brindar claridad y coherencia en nuestra plataforma.

Usa estas prácticas recomendadas de frontend para mostrar respuestas transmitidas de Gemini con APIs que admitan la transmisión, como la API de Prompt.

La API de Translator integrada te permite traducir contenido arbitrario de un idioma de origen a un idioma de destino. Participa en la prueba de origen para probar la API.

Descubre cómo detectar las capacidades de WebAuthn con "getClientCapabilities()</code> y adaptar los flujos de trabajo de autenticación para tus usuarios.

Comprender qué es la transmisión y cómo funciona con la IA y los LLM

A partir de Chrome 133, las pestañas en segundo plano aptas que requieran mucho uso de la CPU se inmovilizarán cuando el modo Ahorro de energía esté activo.

Sugerencias para Herramientas para desarrolladores

Mejora la forma de incluir imágenes, videos y mucho más en tus sitios y apps web.

Chrome para iOS 17 o versiones posteriores ahora puede crear, sincronizar y autenticar con llaves de acceso en el Administrador de contraseñas de Google (GPM). Esto hace que las llaves de acceso de GPM estén disponibles en todos los lugares donde se encuentra Chrome.

Al igual que las consultas de contenedores, pero para consultas atascadas, ajustadas y desbordadas.

Obtén información sobre las funciones más recientes que se envían en Chrome.

Ahora puedes usar attr() con cualquier propiedad CSS, incluidas las propiedades personalizadas, y puede analizar valores en tipos de datos distintos de cadenas.

Descubre casos de uso divertidos y emocionantes del nuevo panel de asistencia de IA en Herramientas para desarrolladores

Recupera espacio de arriba y abajo del contenido de texto para lograr un equilibrio óptico.

ToggleEvent para el diálogo, compatibilidad con el uso compartido de videos a nivel del elemento y la API de File System Access para Android y WebViews, y mucho más.

Ya se está lanzando Chrome 132. El elemento de diálogo obtiene un ToggleEvent, compatibilidad con el uso compartido de videos a nivel del elemento y la API de File System Access admite Android y WebViews.

Usa la API de chrome.sockets.udp para enviar y recibir datos a través de la red con conexiones UDP. Esta API reemplaza la funcionalidad de UDP que se encontraba anteriormente en la API de "socket". Para usar esta API, se deben declarar las siguientes

Usa la API de chrome.tabs para interactuar con el sistema de pestañas del navegador. Puedes usar esta API para crear, modificar y reorganizar pestañas en el navegador. La API de Tabs no solo ofrece funciones para manipular y administrar pestañas,

Usa la API de chrome.tabs para interactuar con el sistema de pestañas del navegador. Puedes usar esta API para crear, modificar y reorganizar pestañas en el navegador. La API de Tabs no solo ofrece funciones para manipular y administrar pestañas,

Se completó la fusión de la extensión de Web Vitals y DevTools, y finalizó la compatibilidad con la extensión.

Descubre las apps y extensiones ganadoras del Desafío de IA integrada, en el que te invitamos a reinventar lo que es posible con Gemini Nano en Chrome.

La API de Element Capture es una forma eficaz y sólida de transformar una captura de la pestaña actual en una captura de un subárbol del DOM.

Usa la API de chrome.ttsEngine para implementar un motor de texto a voz(TTS) con una extensión. Si tu extensión se registra con esta API, recibirá eventos que contienen una frase que se debe pronunciar y otros parámetros cuando cualquier extensión o

Usa la API de chrome.ttsEngine para implementar un motor de texto a voz(TTS) con una extensión. Si tu extensión se registra con esta API, recibirá eventos que contienen una frase que se debe decir y otros parámetros cuando cualquier extensión o app

Usa la API de chrome.cookies para consultar y modificar las cookies, y recibir notificaciones cuando cambien. Para usar la API de cookies, debes declarar el permiso "cookies" en tu manifiesto, junto con los permisos de host para los hosts a cuyas

Usa la API de chrome.cookies para consultar y modificar las cookies, y recibir notificaciones cuando cambien. Para usar la API de cookies, declara el permiso "cookies" en tu manifiesto junto con los permisos de host para los hosts a cuyas cookies

Usa la etiqueta appview para incorporar otras apps de Chrome en tu app de Chrome (consulta Uso ). objeto Datos opcionales especificados por el desarrollador que la app que se incorporará puede usar cuando tome una decisión de incorporación. string Es

Obtén más información para mitigar los ataques de suplantación de clics.

Uso de la vista de textura, combinación de texturas de punto flotante de 32 bits, atributo adapterInfo de GPUDevice, configuración del contexto del lienzo con un formato no válido que genera un error de JavaScript, filtrado de restricciones de muestreador en texturas, experimentación de subgrupos extendidos, mejora de la experiencia del desarrollador, compatibilidad experimental con formatos de textura normalizados de 16 bits y mucho más.

Cambios recientes en la plataforma, la documentación y la política de extensiones de Chrome

Aprende sobre WebGPU con guías, demostraciones y las noticias más recientes

Consulta qué se incluye en las versiones estables y beta más recientes de Chrome.

Aprende a usar las APIs de Payment más recientes en Chrome

Obtén información sobre las funciones de privacidad y seguridad de Chrome.

La tecnología dejó de estar disponible para crear experiencias que tuvieran más acceso al sistema operativo subyacente.

Una biblioteca de Node.js que proporciona una API de alto nivel para controlar Chrome o Chromium sin interfaz gráfica

Obtén más información sobre las funciones de Chrome para desarrollar apps web en Android.

Usa esta API para exponer certificados a la plataforma que puede usar estos certificados para autenticaciones de TLS. El uso típico de esta API para exponer certificados de cliente a ChromeOS sigue estos pasos: La secuencia real de pasos puede ser

La API de chrome.extension tiene utilidades que pueden usar todas las páginas de extensiones. Incluye compatibilidad con el intercambio de mensajes entre una extensión y sus secuencias de comandos de contenido o entre extensiones, como se describe en

Automatiza las auditorías de rendimiento web con Lighthouse

Optimiza el rendimiento de tus aplicaciones web con las herramientas de rendimiento de Chrome.

Usa la API de system.display para consultar los metadatos de la pantalla. Es una enumeración para indicar si el sistema detecta y usa la pantalla. La pantalla se considera "inactiva" si el sistema no la detecta (tal vez esté desconectada o se

Usa la API de system.display para consultar los metadatos de la pantalla. Es una enumeración para indicar si el sistema detecta y usa la pantalla. La pantalla se considera "inactiva" si el sistema no la detecta (tal vez esté desconectada o se

Usa la API de chrome.action para controlar el ícono de la extensión en la barra de herramientas de Google Chrome. Para usar esta API, se deben declarar las siguientes claves en el manifiesto. Para usar la API de chrome.action, especifica un

Una descripción general de las funciones de las pestañas personalizadas y la disponibilidad de sus navegadores.

Obtén información sobre las funciones de identidad de Chrome, como la autenticación web.

Usa la API de comandos para agregar combinaciones de teclas que activen acciones en tu extensión, por ejemplo, una acción para abrir la acción del navegador o enviar un comando a la extensión. Para usar esta API, se deben declarar las siguientes

Algunos comandos de WebDriver (p.ej., cambiar el tamaño de la ventana del navegador) requieren que se cargue una extensión de Chrome en el navegador. Por lo general, ChromeDriver carga esta “extensión de automatización” cada vez que inicia una nueva

Todas las imágenes de prueba de ChromeOS tienen el objeto binario de ChromeDriver instalado en /usr/local/chromedriver/. El objeto binario se actualiza a la misma versión de Chrome en esa imagen de prueba. Es decir, siempre usas la compilación más

El componente WebView se basa en el proyecto de código abierto de Chromium.

Usa esta API para exponer certificados a la plataforma que puede usar estos certificados para autenticaciones de TLS. El uso típico de esta API para exponer certificados de cliente a ChromeOS sigue estos pasos: La secuencia real de pasos puede ser

La API de chrome.extension tiene utilidades que pueden usar todas las páginas de extensiones. Incluye compatibilidad con el intercambio de mensajes entre una extensión y sus secuencias de comandos de contenido o entre extensiones, como se describe en

ChromeDriver admite el registro de rendimiento, desde el que puedes obtener eventos de los dominios "Timeline", "Network" y "Page", así como datos de seguimiento para categorías de seguimiento especificadas. El registro de rendimiento NO está

Para versiones anteriores de Chrome, estas son las versiones de ChromeDriver que las admiten. Para obtener más información sobre cómo seleccionar la versión correcta de ChromeDriver, consulta la página Selección de versiones. Compatible con la

Para diagnosticar y corregir las fallas de ChromeDriver, tienes algunas opciones. Esto solo se aplica a las fallas de ChromeDriver, que no es lo mismo que que Chrome falle o se cierre. En Windows, es posible que veas algo como lo siguiente: Crea un

Esto suele ocurrir cuando se ejecuta ChromeDriver o Chrome con un conjunto de pruebas especial (tal vez un IDE) o un sistema de compilación continua (como Jenkins). Intenta iniciar el mismo objeto binario de Chrome que usa tu prueba desde un símbolo

ChromeDriver es una herramienta potente que puede causar daños si cae en las manos equivocadas. Cuando uses ChromeDriver, sigue estas sugerencias:

Los binarios más recientes de ChromeDriver se empaquetan como archivos ZIP para varias plataformas de host. Puedes encontrar versiones anteriores de ChromeDriver en Descargas. ChromeDriver admite la ejecución de pruebas en el navegador Chrome

Por el momento, ChromeDriver solo admite sistemas que tienen configurado un teclado de EE.UU. Cuando ChromeDriver detecta este estado, registra lo siguiente: Es posible que los usuarios que no tengan un teclado de EE.UU. pierdan teclas durante los

Chrome permite a los usuarios emular Chrome en un dispositivo móvil desde la versión para computadoras de Chrome habilitando el modo de dispositivo con las Herramientas para desarrolladores de Chrome. Esta función acelera el desarrollo web y permite

ChromeDriver Canary tiene las funciones más recientes de ChromeDriver. Los objetos binarios nuevos se compilan y se ponen a disposición varias veces al día. Ten en cuenta que está diseñado para desarrolladores y usuarios pioneros, y a veces puede

Un estudio de Chrome muestra que los usuarios de Autocompletar completan los formularios más rápido y con tasas de abandono más bajas.

Gracias por tu tiempo, por enviarnos comentarios, revisar los detalles y ayudarnos a definir los estándares.

Conoce los requisitos para comenzar a compilar funciones y aplicaciones con IA integrada.

La API de Language Detector ofrece un descubrimiento de idioma integrado en la Web, en el navegador.

Usa la herramienta de cronograma de asignación para encontrar objetos que no se están limpiando correctamente y seguir reteniendo memoria.

Cómo pasar la auditoría de Lighthouse "Evitar animaciones no compuestas"

En esta sección, se describen términos comunes que se usan en el análisis de memoria y que se pueden aplicar a una variedad de herramientas de generación de perfiles de memoria para diferentes idiomas.

Únete al equipo de DevRel de Chrome y a un Chrome Dino en monopatín en un viaje por los CSS más recientes lanzados para Chrome y la plataforma web en 2024.

Debugea solicitudes de red, archivos de origen y registros de rendimiento con Gemini, consulta el historial de chat de IA y mucho más.

Graba y analiza un registro de rendimiento con DevTools.

Cómo ver y editar el almacenamiento de extensiones con el panel Extension Storage

Usa la API de chrome.syncFileSystem para guardar y sincronizar datos en Google Drive. Esta API NO es para acceder a documentos de usuario arbitrarios almacenados en Google Drive. Proporciona almacenamiento sincronizable específico de la app para el

Usa la API de chrome.bluetoothSocket para enviar y recibir datos a dispositivos Bluetooth mediante conexiones RFCOMM y L2CAP. Para usar esta API, se deben declarar las siguientes claves en el manifiesto. "system_error" Se produjo un error del sistema

Usa la API de chrome.mdns para descubrir servicios a través de mDNS. Esto comprende un subconjunto de las funciones de la especificación de NSD: http://www.w3.org/TR/discovery-api/ string La dirección IP de un servicio anunciado por mDNS. string[]

Usa la API de chrome.socket para enviar y recibir datos a través de la red con conexiones TCP y UDP. Nota: A partir de Chrome 33, esta API dejó de estar disponible a favor de las APIs de sockets.udp, sockets.tcp y sockets.tcpServer. número número

Usa la API de chrome.browser para interactuar con el navegador Chrome asociado con la aplicación y el perfil de Chrome actuales. string Es la URL a la que se debe navegar cuando se abre la pestaña nueva inicialmente. Abre una pestaña nueva en una

Usa la API de chrome.bluetooth para conectarte a un dispositivo Bluetooth. Todas las funciones informan fallas a través de chrome.runtime.lastError. Para usar esta API, se deben declarar las siguientes claves en el manifiesto. string La dirección del

La API de chrome.bluetoothLowEnergy se usa para comunicarse con dispositivos Bluetooth Smart (de bajo consumo) mediante el perfil de atributos genéricos (GATT). Para usar esta API, se deben declarar las siguientes claves en el manifiesto.

Usa la API de chrome.serial para leer y escribir en un dispositivo conectado a un puerto serie. número opcional Consulta los ConnectionOptions.bitrate. Este campo puede omitirse o ser inexacto si se usa una tasa de bits no estándar o si se produjo un

Usa la etiqueta webview para cargar contenido en vivo de la Web de forma activa a través de la red y, luego, incorporarlo en tu app de Chrome. Tu app puede controlar la apariencia de webview e interactuar con el contenido web, iniciar navegaciones en

Usa la API de chrome.fontSettings para administrar la configuración de la fuente de Chrome. Para usar la API de Font Settings, debes declarar el permiso "fontSettings" en el manifiesto de la extensión. Por ejemplo: Chrome permite que algunos

Usa la API de chrome.usb para interactuar con dispositivos USB conectados. Esta API proporciona acceso a las operaciones USB desde el contexto de una app. Con esta API, las apps pueden funcionar como controladores de dispositivos de hardware. Para

Descubre las infinitas posibilidades de la API de Prompt en las extensiones de Chrome.

Aprende a desarrollar extensiones con IA

El panel experimental Estadísticas de rendimiento se quitará en enero de 2025 y se reemplazará por nuevas estadísticas en el panel Rendimiento.

Obtén más información para configurar una política de seguridad de transporte estricta de HTTP (HSTS) sólida

Descubre y explora las noticias más recientes sobre la asistencia de IA y los casos de uso

Usa la API de chrome.documentScan para descubrir y recuperar imágenes desde los escáneres de documentos adjuntos.

Usa la API de chrome.dns para la resolución de DNS. Para usar esta API, debes declarar el permiso "dns" en el manifest. El siguiente código llama a resolve() para recuperar la dirección IP de example.com. service-worker.js: cadena opcional Es una

La API de Desktop Capture captura el contenido de la pantalla, ventanas individuales o pestañas individuales. Es un enum que se usa para definir el conjunto de fuentes de contenido multimedia para computadoras de escritorio que se usan en

Usa la API de chrome.declarativeContent para realizar acciones según el contenido de una página, sin necesidad de permiso para leerlo. La API de contenido declarativo te permite habilitar la acción de tu extensión según la URL de una página web o si

Usa la API de chrome.system.storage para consultar la información del dispositivo de almacenamiento y recibir una notificación cuando se conecte y desconecte un dispositivo de almacenamiento extraíble. "success" El comando de expulsión se realizó

Usa la API de chrome.alarms para programar el código para que se ejecute de forma periódica o en un momento específico en el futuro. Para usar la API de chrome.alarms, declara el permiso "alarms" en el manifest: Para garantizar un comportamiento

Usa la API de chrome.contextMenus para agregar elementos al menú contextual de Google Chrome. Puedes elegir a qué tipos de objetos se aplican las opciones que agregues al menú contextual, como imágenes, hipervínculos y páginas. Para usar la API,

La API de chrome.audio se proporciona para permitir que los usuarios obtengan información sobre los dispositivos de audio conectados al sistema y los controlen. Actualmente, esta API solo está disponible en el modo kiosco para ChromeOS. string Nombre

Los navegadores y tú, como desarrollador, pueden ayudar a los usuarios a ingresar datos más rápido y evitar que los vuelvan a ingresar. Autocompletar es una función que permite a los navegadores completar automáticamente los campos de formularios con

Documentación técnica sobre las herramientas de CrUX

La API de chrome.declarativeNetRequest se usa para bloquear o modificar solicitudes de red mediante la especificación de reglas declarativas. Esto permite que las extensiones modifiquen las solicitudes de red sin interceptarlas ni ver su contenido,

Usa la API de chrome.devtools.panels para integrar tu extensión en la IU de la ventana de Herramientas para desarrolladores: crea tus propios paneles, accede a paneles existentes y agrega barras laterales. Cada panel y barra lateral de la extensión

Usa la API de chrome.fileBrowserHandler para extender el navegador de archivos de ChromeOS. Por ejemplo, puedes usar esta API para permitir que los usuarios suban archivos a tu sitio web. El navegador de archivos de ChromeOS aparece cuando el usuario

Usa la API de chrome.readingList para leer los elementos de la Lista de lectura y modificarlos. Para usar la API de Reading List, agrega el permiso "readingList" en el archivo de manifiesto de la extensión: manifest.json: Chrome tiene una lista de

Seleccionamos a ViddyScribe para el premio web de la Competencia de Desarrolladores de la API de Gemini. Explicó cómo Gemini puede ayudar a que los videos en la Web sean más accesibles mediante la generación de descripciones de audio para cualquier video.

Obtén información sobre las nuevas funciones de IA y renderización que se analizaron en la última reunión del grupo de trabajo de GPU para la Web.

Cómo preparar tu extensión para el nuevo menú de extensiones

Un reemplazo de contraseñas más fácil y seguro.

La API de chrome.networking.onc se usa para configurar conexiones de red (datos móviles, Ethernet, VPN o Wi-Fi). Esta API está disponible en las sesiones de kiosco de ChromeOS con inicio automático. Las configuraciones de conexión de red se

Comprender cómo funciona un sitio web con la ayuda de la IA

Traduce texto en tiempo real en el navegador con modelos de IA locales. Ahora, los usuarios pueden contribuir en su idioma materno.

La IA integrada es la oferta más reciente para ofrecer modelos potentes a los usuarios, proteger los datos sensibles y mejorar la latencia.

Comprende los recursos de tu sitio web con la ayuda de la IA

Obtén información sobre las funciones más recientes que se envían en Chrome.

Descubre la API de Translator para potenciar la asistencia al cliente a nivel mundial.

Aprende a hacer que los seguimientos de rendimiento sean más comprensibles con las nuevas funciones de anotaciones en DevTools

Presentamos la API de Signal para llaves de acceso en Chrome para computadoras

Comprende los perfiles de rendimiento con la ayuda de la IA

Comprende el tráfico de red de tu sitio web con la ayuda de la IA

La API de WebAuthn Signal permite que un usuario de confianza indique el estado de las credenciales existentes al proveedor de llaves de acceso, de modo que las llaves de acceso sean coherentes con las credenciales del servidor.

Ya se está lanzando Chrome 131. Más estilos CSS para el elemento de detalles, un diseño de impresión más fácil con cuadros de margen de página y mucho más.

Participa en la prueba de origen para ayudar a los usuarios a sintetizar artículos extensos, documentos complejos o incluso conversaciones animadas de chat en resúmenes concisos y perspicaces.

Participa en la prueba de origen de la API de Prompt para extensiones de Chrome y accede a Gemini Nano en Chrome.

Realizaremos cambios en la herencia de CSS Highlight, se aplicarán más estilos de CSS al elemento details, se facilitará el diseño de impresión con los cuadros de margen de página y mucho más.

Condensa artículos extensos, documentos complejos o incluso conversaciones animadas de chat en resúmenes concisos y perspicaces.

Encuentre recursos sobre temas como tipografía, color y diseño.

Advertencia: A partir de la versión 57, Chrome ya no permitirá contenido web externo (incluidos marcos y secuencias de comandos incorporados) dentro de páginas de zona de pruebas. En su lugar, usa WebView. Define un conjunto de páginas de apps o

A diferencia de las áreas de almacenamiento local y sync, el área de almacenamiento managed requiere que su estructura se declare como esquema de JSON y está estrictamente validada por Chrome. Este esquema se debe almacenar en un archivo que indique

Tecnologías que requiera la app o extensión Los sitios de alojamiento, como Chrome Web Store, pueden usar esta lista para disuadir a los usuarios de instalar apps o extensiones que no funcionarán en sus computadoras. Actualmente, los requisitos

Probar una función nueva o experimental de la plataforma web Proporciona comentarios a la comunidad de estándares web sobre la usabilidad, practicidad y eficacia de la función antes de que esté disponible para todos los usuarios.

Ahora puedes establecer el tipo de visualización y también aplicar diseño al contenedor de la parte que se expande y se contrae con el nuevo pseudoelemento ::details-content.

Aprende a usar Chrome y las Herramientas para desarrolladores para encontrar problemas de memoria que afecten el rendimiento de la página, como fugas o aumentos de memoria y recolecciones frecuentes de elementos no utilizados.

Las distancias de recorte en WGSL, GPUCanvasContext getConfiguration(), las primitivas de punto y línea no deben tener sesgo de profundidad, funciones integradas de escaneo inclusivo para subgrupos, compatibilidad experimental con la opción de compilación de módulo de sombreador indirecto de varias operaciones de dibujo, matemáticas estrictas, se quitó GPUAdapter requestAdapterInfo() y mucho más.

Obtén estadísticas detalladas sobre la asignación de memoria, investiga problemas de memoria de bajo nivel y administra la recolección de elementos no utilizados.

El uso compartido de credenciales sin problemas te permite indicar de forma segura a los administradores de contraseñas que tus usuarios pueden acceder con las mismas credenciales en tu app para Android y tu sitio web.

Una lista de las maneras en las que puedes personalizar las Herramientas para desarrolladores de Chrome: cambiar el tema, la posición, el orden de los paneles, el idioma y mucho más.

Activa o desactiva varias superposiciones y acelera la navegación del árbol del DOM con insignias.

Supervisa las métricas de las Métricas web esenciales en vivo en el panel Rendimiento.

La API de reconocimiento de escritura a mano permite que las aplicaciones web utilicen servicios avanzados de reconocimiento de escritura a mano para reconocer texto escrito a mano en tiempo real.

Crea encabezados y pies de página personalizados cuando imprimas páginas web.

Debugea CSS con Gemini, agrega anotaciones a los resultados y obtén estadísticas en el panel Rendimiento, detecta cambios de diseño excesivos y animaciones no compuestas, y mucho más.

Descubre por qué WebGPU puede estar inhabilitado o no funciona en el navegador Chrome.

Aprende a evaluar el rendimiento del tiempo de ejecución en las Herramientas para desarrolladores de Chrome.

Chrome 132 ya no incluye el modo sin interfaz gráfica anterior. Migra a chrome-headless-shell o al nuevo modo sin interfaz gráfica.

Descubre cómo la nueva insignia de desplazamiento de DevTools simplifica la depuración de elementos desplazables (y cómo la compilamos).

Descubre casos de uso divertidos y emocionantes del nuevo panel de asistencia de IA en Herramientas para desarrolladores

El modo sin interfaz gráfica de Chrome ahora es más útil para los desarrolladores, ya que lo acerca más al modo "headful" regular de Chrome.

Chrome realizará un cambio para permitir el uso de bfcache en las páginas mediante Cache-Control: no-store cuando esto sea seguro. Descubre qué significa eso para los desarrolladores.

La IA integrada es la oferta más reciente para ofrecer modelos potentes a los usuarios, proteger los datos sensibles y mejorar la latencia.

Descubre las funciones que llegarán a Chrome con la versión beta más reciente.

Referencia completa a todas las APIs disponibles para Extensiones de Chrome. Esto incluye las APIs de la plataforma de apps de Chrome que dejó de estar disponible, así como las APIs que aún están en versión beta y para desarrolladores.

Ya se está lanzando Chrome 130. La opción de pantalla en pantalla en documentos te brinda más control sobre la función de pantalla en las ventanas, las declaraciones anidadas de CSS corrigen algunos casos extremos complejos, y puedes especificar cómo se comportan las decoraciones en elementos divididos en varias líneas. Pete LePage tiene todos los detalles sobre las novedades para desarrolladores en Chrome 130.

Comprende cómo se aplica diseño a un sitio web con la ayuda de la IA en DevTools.

¡Chrome 130 se está lanzando ahora! La opción de pantalla en pantalla en documentos te brinda más control sobre la imagen en las ventanas de imagen, las declaraciones anidadas de CSS corrigen algunos casos extremos complejos. Además, puedes especificar cómo se comportan las decoraciones de elementos divididos en varias líneas, ¡y mucho más!

Combinación de doble fuente, mejoras en el tiempo de compilación del sombreador en Metal, baja de GPUAdapter requestAdapterInfo() y mucho más.

Usa la API de chrome.hid para interactuar con dispositivos HID conectados. Esta API proporciona acceso a operaciones HID desde el contexto de una app. Con esta API, las apps pueden funcionar como controladores para dispositivos de hardware. Los

Se proporciona la API de chrome.clipboard para permitir que los usuarios accedan a los datos del portapapeles. Esta es una solución temporal para las apps de la plataforma chromeos hasta que la alternativa de Web abierta esté disponible. Dejará de

Referencia de la pestaña Innovaciones sobre la IA.

Un instructivo sobre las funciones más populares relacionadas con la red en las Herramientas para desarrolladores de Chrome.

Obtén información sobre la API de Long Animation Frames (LoAF), que es la próxima iteración de la API de Long Tasks y permite medir los retrasos en la actualización de fotogramas con atribución

Chrome 130 incluye compatibilidad completa y sin prefijo para la ruptura de la caja de decoración.

Zona de pruebas para ejecutar códigos C y C++ compilados en el navegador. Esta función ya no está disponible.

Una descripción general de los cambios recientes en las extensiones de Chrome, además de las próximas funciones de extensiones que los desarrolladores pueden esperar.

El lanzamiento del Acceso a redes privadas (PNA) está en espera.

En Chrome 134, se realizará un cambio en la herencia de elementos destacados de CSS.

La API de Translation ahora está disponible para los participantes del programa de versión preliminar anticipada de IA integrada.

Posiciona elementos uno respecto del otro con la API de posicionamiento de anclajes.

Descubre cómo el depurador de Herramientas para desarrolladores predice si se detecta una excepción.

Lanzaremos el Desafío de IA integrada, donde te invitamos a reimaginar lo que puedes hacer con Gemini Nano en Chrome.

Emula autenticadores y depura WebAuthn en las Herramientas para desarrolladores de Chrome.

Busca texto en todos los recursos cargados con el panel de búsqueda.

Referencia completa de las funciones del panel Grabadora de Herramientas para desarrolladores de Chrome.

Nos complace lanzar un conjunto de cambios en la IU que hacen que el Panel del desarrollador de Chrome Web Store sea más responsivo y compatible con dispositivos móviles. Esperamos que esto te brinde una experiencia más conveniente y accesible cuando

Recomendaciones para métricas en vivo y migas de pan por las que puedes navegar en el panel Rendimiento, filtros de red rediseñados, exportaciones de HAR depuradas y mucho más.

Visualiza y edita archivos, crea fragmentos, depura JavaScript y configura lugares de trabajo en el panel Sources de Herramientas para desarrolladores de Chrome.

Cómo encontrar y analizar código JavaScript y CSS sin usar en las Herramientas para desarrolladores de Chrome

Comienza a usar transiciones de vista al mismo documento en tu aplicación de una sola página.

Inspecciona las capas que conforman tu sitio web.

Inspecciona la caché y soluciona problemas con Herramientas para desarrolladores.

La extensión de Métricas web se fusionará con el panel Rendimiento de DevTools de Chrome, y la compatibilidad independiente finalizará en enero de 2025.

Los principales usos de la consola de Herramientas para desarrolladores de Chrome son registrar mensajes y ejecutar JavaScript.

La propiedad opcional "id" forma parte de las especificaciones del manifiesto de la aplicación web y te permite definir de forma explícita el identificador que se usa para tu AWP. Al agregar la propiedad "id" al manifiesto, se quita la dependencia de "start_url" o la ubicación del manifiesto, y se pueden actualizar en el futuro.

Los participantes del EPP ahora pueden crear prototipos con APIs de escritura y reescritura en Chrome.

Una comparación de las dos especificaciones de mampostería propuestas.

Chrome para computadoras pronto podrá crear llaves de acceso en el Administrador de contraseñas de Google (GPM) y sincronizarlas en esas plataformas, además de Android.

Prueba tu sitio con las funciones y los cambios de la versión beta más reciente de Chrome.

El experimento de uso compartido de procesos y su impacto en las Herramientas para desarrolladores de Chrome' la experiencia del desarrollador.

Cómo animar hacia y desde palabras clave de tamaño intrínseco con "interpolate-size" y "calc-size()`

Compatibilidad con HDR con el modo de asignación de tonos del lienzo, compatibilidad expandida con subgrupos y mucho más.

Analiza la carga y el rendimiento del tiempo de ejecución de tu sitio web

El panel Performance de las Herramientas para desarrolladores de Chrome presenta una nueva forma de supervisar el rendimiento de las Métricas web esenciales locales y compararlo con los datos de usuarios reales del campo.

Chrome 129 se está lanzando ahora. Puedes generar tareas largas. Para mejorar el rendimiento, puedes animar elementos con tamaños intrínsecos. Hay algunos cambios en la sintaxis de posicionamiento de anclas y mucho más. Pete LePage tiene todos los detalles sobre las novedades para desarrolladores en Chrome 129.

Obtén información para detectar cuándo hay un puerto en serie RFCOMM Bluetooth disponible con Web Serial.

Inmoviliza elementos en el DOM para que puedas inspeccionarlos con DevTools.

Una vista previa de la nueva función de selección personalizable.

Detalles sobre los cambios más recientes en el conjunto de datos de CrUX

Mostrar contenido HTML arbitrario en una ventana siempre activa.

La API de Keyboard Lock permite a los desarrolladores proporcionar una experiencia envolvente de pantalla completa para una variedad de casos de uso, incluidos sitios web interactivos, juegos y transmisión de aplicaciones o escritorios remotos. Para

Una o más asignaciones de tipos de MIME al módulo de Native Client que controla cada tipo. Para ejemplo, el código en negrita del siguiente fragmento registra un módulo de Native Client como el para el tipo MIME de hoja de cálculo de OpenOffice. El

La propiedad del manifiesto externally_connectable declara qué extensiones, apps y páginas web se pueden conéctate a la app a través de runtime.connect y runtime.sendMessage. Para ver un instructivo sobre el envío de mensajes, consulta Mensajes entre

Uno o más íconos que representan la extensión, la app o el tema. Siempre debes proporcionar una imagen ícono; se usa durante la instalación y en Chrome Web Store. Las extensiones también deben brindar Ícono de 48 x 48, que se utiliza en la página de

Un número entero que especifica la versión del formato de archivo de manifiesto que requiere su paquete. Desde Chrome 18, los desarrolladores deben especificar 2 (sin comillas) para usar el formato que se describe en este documento: Considera la

Usa el inspector de memoria para inspeccionar un ArrayBuffer, TypedArray o DataView en JavaScript, además de WebAssembly.Memory de apps de Wasm en C++

Realiza un seguimiento de los cambios en HTML, CSS y JavaScript.

Una prueba de origen para la API de credenciales digitales comienza a partir de la versión 128 de Chrome. La API de Digital Credentials es una nueva API de plataforma web que permite a los sitios web solicitar información verificable de forma selectiva sobre el usuario mediante credenciales digitales, como una licencia de conducir o una tarjeta de identificación nacional almacenada en una billetera digital.

Si usas varios dominios que comparten el mismo backend de administración de cuentas, con Vínculos de recursos digitales ahora también puedes compartir credenciales entre ellos sin problemas para permitir que los usuarios guarden las credenciales una sola vez y que el administrador de contraseñas de Chrome las sugiera en cualquiera de los sitios web asociados.

Una guía sobre cómo abrir el menú de comandos, ejecutar comandos, abrir archivos, ver otras acciones y mucho más.

Cambios relacionados con la API de posicionamiento de anclajes que debes tener en cuenta

Solicitudes de búsqueda en Rendimiento > Red, usa los datos de prueba en formularios de direcciones con Autocompletar, exporta a Puppeteer para Firefox en el panel de Grabadora, detecta problemas de rendimiento de un vistazo con las observaciones en el panel Rendimiento y mucho más.

Descubre cómo funciona Chrome, participa en pruebas de origen y crea compilaciones con Chrome en todas partes.

WebAuthn en Chrome ahora puede usar sugerencias, solicitudes de origen relacionados y serialización JSON

Usa la API de chrome.tabGroups para interactuar con el sistema de agrupación de pestañas del navegador. Puedes usar esta API para modificar y reorganizar grupos de pestañas en el navegador. Para agrupar y desagrupar pestañas, o consultar qué pestañas

Usa la API de chrome.privacy para controlar el uso de las funciones de Chrome que pueden afectar la privacidad del usuario. Esta API se basa en el prototipo de ChromeSetting del tipo de API para obtener y establecer la configuración de Chrome. Debes

Usa la API de chrome.wallpaper para cambiar el fondo de pantalla de ChromeOS. Debes declarar el "fondo de pantalla" permiso en el manifiesto de la app para usar la API de Fondos de pantalla. Por ejemplo: Por ejemplo, para establecer el fondo de

Usa la API de chrome.input.ime para implementar un IME personalizado para ChromeOS. Esto permite que tu extensión controle las pulsaciones de teclas, establezca la composición y administre la ventana candidata. Debes declarar la “entrada” permiso en

Usa la API de chrome.system.storage para consultar información del dispositivo de almacenamiento y recibir notificaciones cuando se conecte y desconecte un dispositivo de almacenamiento extraíble. "success" El comando de expulsión se ejecuta

Usa la API de chrome.scripting para ejecutar una secuencia de comandos en diferentes contextos. Para usar la API de chrome.scripting, declara el permiso "scripting" en el manifiesto y los permisos de host para que las páginas inserten secuencias de

La API de chrome.webAuthenticationProxy permite que el software de escritorio remoto que se ejecuta en un host remoto intercepte las solicitudes de la API de Web Authentication (WebAuthn) para controlarlas en un cliente local. string El

Usa la API de chrome.devtools.performance para escuchar las actualizaciones de estado de grabación en el panel Performance en las Herramientas para desarrolladores. Consulta el resumen de las APIs de Herramientas para desarrolladores para ver una

Usa la API de chrome.enterprise.hardwarePlatform para obtener el fabricante y el modelo de la plataforma de hardware en la que se ejecuta el navegador. Nota: Esta API solo está disponible para extensiones instaladas por una política empresarial.

La API de chrome.types contiene declaraciones de tipo para Chrome. El tipo ChromeSetting proporciona un conjunto común de funciones ( get(), set() y clear() ). y un publicador del evento ( onChange ) para la configuración del navegador Chrome. La

Usa la API de chrome.tabCapture para interactuar con las transmisiones de contenido multimedia de las pestañas. La API de chrome.tabCapture te permite acceder a una MediaStream que contiene videos y el audio de la pestaña actual. Solo se lo puede

Usa la API de chrome.enterprise.deviceAttributes para leer los atributos del dispositivo. Nota: Esta API solo está disponible para extensiones instaladas de manera automática por la política empresarial. Recupera la ubicación anotada por el

Usa la API de chrome.vpnProvider para implementar un cliente de VPN. El uso típico de chrome.vpnProvider es el siguiente: Llama a createConfig() para crear configuraciones de VPN. Una configuración de VPN es una entrada persistente que se muestra al

Usa la API de chrome.power para anular las funciones de administración de batería del sistema. De forma predeterminada, los sistemas operativos atenúan la pantalla cuando los usuarios están inactivos y, finalmente, suspenden la transmisión. en un

Usa la API de chrome.systemLog para registrar los registros del sistema Chrome de las extensiones. string Agrega un registro nuevo. MessageOptions Las opciones de registro. función opcional El parámetro callback se ve de la siguiente manera:

La API de chrome.system.memory número La cantidad de capacidad disponible, en bytes. número La cantidad total de capacidad de memoria física, en bytes. Obtener información sobre la memoria física función opcional El parámetro callback se ve de la

Usa la API de chrome.enterprise.networkingAttributes para leer información sobre tu red actual. Nota: Esta API solo está disponible para extensiones instaladas de manera automática por la política empresarial. string opcional La dirección IPv4 local

Usa la API de chrome.topSites para acceder a los sitios principales (es decir, los más visitados) que se muestran en la página Nueva pestaña. Estas no incluyen combinaciones de teclas personalizadas por el usuario. Debe declarar los "topSites"

Usa la API de chrome.proxy para administrar la configuración de proxy de Chrome. Esta API se basa en el prototipo de ChromeSetting del tipo de API para obtener y establecer la configuración del proxy. Debes declarar el "proxy" permiso en el

Usa la API de chrome.processes para interactuar con los procesos del navegador. número La parte de la caché que se usa, en bytes. número El tamaño de la caché en bytes. número opcional Es la medición más reciente del uso de la CPU del proceso,

Usa la API de chrome.devtools.recorder para personalizar el panel de la grabadora en Herramientas para desarrolladores. La API de devtools.recorder es una función de vista previa que te permite extender el panel Grabadora en las Herramientas para

Usa la API de system.cpu para consultar los metadatos de la CPU. string Es el nombre de la arquitectura de los procesadores. string[] Es un conjunto de códigos de función que indica algunas de las capacidades del procesador. Los códigos que se

Usa la API de chrome.devtools.network para recuperar la información sobre las solicitudes de red que muestran las Herramientas para desarrolladores en el panel Red. La información de solicitudes de red se representa en el formato de archivo HTTP (

Usa la API de chrome.devtools.inspectedWindow para interactuar con la ventana inspeccionada: obtén el ID de pestaña de la página inspeccionada, evalúa el código en el contexto de la ventana inspeccionada, vuelve a cargar la página, o bien obtén la

Usa la API de chrome.webNavigation para recibir notificaciones sobre el estado de las solicitudes de navegación en tránsito. Todos los métodos y eventos chrome.webNavigation requieren que declares el permiso "webNavigation" en el manifiesto de

Usa la API de chrome.search para realizar búsquedas mediante el proveedor predeterminado. "CURRENT_TAB" Especifica que los resultados de la búsqueda se muestran en la pestaña de llamadas o en la pestaña del navegador activo. "NEW_TAB" Especifica que

Usa la API de chrome.tts para reproducir texto a voz sintetizado (TTS). Consulta también la API de ttsEngine relacionada, que permite que una extensión implemente un motor de voz. Chrome ofrece esta función en Windows (con SAPI 5), Mac OS X y

La API de chrome.printerProvider expone los eventos que usa el administrador de impresión para consultar impresoras controladas por extensiones, consultar sus capacidades y enviar trabajos de impresión a estas impresoras. string opcional Descripción

Usa la API de chrome.printingMetrics para recuperar datos sobre el uso de impresiones. "BLACK_AND_WHITE" Especifica que se usó el modo en blanco y negro. "COLOR" Especifica que se utilizó el modo de color. "ONE_SIDED" Especifica que se utilizó la

Las funciones son opciones que puedes usar para personalizar y configurar una sesión de ChromeDriver.

Los participantes del EPP ahora pueden crear prototipos con una API de detección de idioma en Chrome.

Haz que tus sitios web se carguen más rápido con Lighthouse de Chrome.

Usa la API de chrome.webRequest para observar y analizar el tráfico, y para interceptar, bloquear o modificar solicitudes en tránsito. Para usar la solicitud web, debes declarar el permiso "webRequest" en el manifiesto de extensión junto con los

Usa la API de chrome.sidePanel para alojar contenido en el panel lateral del navegador junto con el contenido principal de una página web. Para usar la API de Side Panel, agrega el permiso "sidePanel" en el archivo de manifiesto de la extensión:

La API del cuadro multifunción te permite registrar una palabra clave con la barra de direcciones de Google Chrome, que también se conoce como cuadro multifunción. Cuando el usuario ingresa la palabra clave de tu extensión, comienza a interactuar

Usa la API de chrome.pageAction para colocar íconos en la barra de herramientas principal de Google Chrome, a la derecha de la barra de direcciones. Las acciones de la página representan aquellas que se pueden realizar en la página actual, pero que

Usa la API de chrome.windows para interactuar con las ventanas del navegador. Puedes usar esta API para crear, modificar y reorganizar ventanas en el navegador. Cuando se solicita, una windows.Window contiene un array de objetos tabs.Tab.

Usa la infraestructura de chrome.i18n para implementar la internacionalización en toda tu app o extensión. Debes colocar todas las cadenas visibles para el usuario en un archivo llamado messages.json. Cada vez una configuración regional nueva, un

Usa las acciones del navegador para colocar íconos en la barra de herramientas principal de Google Chrome, a la derecha de la barra de direcciones. Además del ícono, una acción del navegador puede tener una información sobre la herramienta, una

Usa la API de chrome.webRequest para observar y analizar el tráfico, y para interceptar, bloquear o modificar solicitudes en tránsito. Para usar la solicitud web, debes declarar el permiso "webRequest" en el manifiesto de extensión junto con los

Usa la API de chrome.fileBrowserHandler para extender el navegador de archivos del Sistema operativo Chrome. Por ejemplo, puedes usar esta API para permitir que los usuarios suban archivos a tu sitio web. El navegador de archivos de ChromeOS aparece

Usa la API de chrome.devtools.panels para integrar tu extensión en la IU de la ventana de las Herramientas para desarrolladores: crea tus propios paneles, accede a los paneles existentes y agrega barras laterales. Para usar esta API, se deben

Usa la API de system.cpu para consultar los metadatos de la CPU. string Es el nombre de la arquitectura de los procesadores. string[] Es un conjunto de códigos de función que indica algunas de las capacidades del procesador. Los códigos que se

Usa la API de chrome.enterprise.networkingAttributes para leer información sobre tu red actual. Nota: Esta API solo está disponible para extensiones instaladas de manera automática por la política empresarial. string opcional La dirección IPv4 local

Usa chrome.gcm para habilitar apps y extensiones a fin de enviar y recibir mensajes a través de Firebase Cloud Messaging (FCM). El tamaño máximo (en bytes) de todos los pares clave-valor en un mensaje. 4,096 Registra la aplicación con FCM. callback

Usa la API de chrome.wallpaper para cambiar el fondo de pantalla de ChromeOS. Debes declarar el "fondo de pantalla" permiso en el manifiesto de la app para usar la API de Fondos de pantalla. Por ejemplo: Por ejemplo, para establecer el fondo de

Usa chrome.instanceID para acceder al servicio Instance ID. Restablece el identificador de instancias de la app y revoca todos los tokens asociados con ella. función opcional El parámetro callback se ve de la siguiente manera: Promesa&lt;void&gt; Las

Usa la API de chrome.printingMetrics para recuperar datos sobre el uso de impresiones. "BLACK_AND_WHITE" Especifica que se usó el modo en blanco y negro. "COLOR" Especifica que se utilizó el modo de color. "ONE_SIDED" Especifica que se utilizó la

Usa la API de chrome.input.ime para implementar un IME personalizado para ChromeOS. Esto permite que tu extensión controle las pulsaciones de teclas, establezca la composición y administre la ventana candidata. Debes declarar la “entrada” permiso en

Usa la API de chrome.loginState para leer y supervisar el estado de acceso. "SIGNIN_PROFILE" Especifica que la extensión se encuentra en el perfil de acceso. "USER_PROFILE" Especifica que la extensión se encuentra en el perfil del usuario. "UNKNOWN"

Usa la API de chrome.platformKeys para acceder a los certificados de cliente administrados por la plataforma. Si el usuario o la política otorgan el permiso, una extensión puede usar ese certificado en su protocolo de autenticación personalizado.

Usa la API de chrome.processes para interactuar con los procesos del navegador. número La parte de la caché que se usa, en bytes. número El tamaño de la caché en bytes. número opcional Es la medición más reciente del uso de la CPU del proceso,

Usa la API de chrome.devtools.inspectedWindow para interactuar con la ventana inspeccionada: obtén el ID de pestaña de la página inspeccionada, evalúa el código en el contexto de la ventana inspeccionada, vuelve a cargar la página, o bien obtén la

Usa la API de chrome.identity para obtener tokens de acceso de OAuth2. string Es un identificador único para la cuenta. Este ID no cambiará mientras dure la cuenta. "SYNC" Especifica que la sincronización está habilitada para la cuenta principal.

Usa la API de chrome.history para interactuar con el registro de las páginas visitadas del navegador. Puedes agregar, quitar y consultar las URL en el historial del navegador. Para anular la página del historial con tu propia versión, consulta Anular

Usa la API de chrome.dom para acceder a APIs especiales del DOM para extensiones Obtiene la shadow root abierta o la shadow root cerrada que aloja el elemento especificado. Si el elemento no adjunta la shadow root, mostrará un valor nulo. HTMLElement

Usa la API de chrome.enterprise.hardwarePlatform para obtener el fabricante y el modelo de la plataforma de hardware en la que se ejecuta el navegador. Nota: Esta API solo está disponible para extensiones instaladas por una política empresarial.

Usa la API de chrome.tts para reproducir texto a voz sintetizado (TTS). Consulta también la API de ttsEngine relacionada, que permite que una extensión implemente un motor de voz. Chrome proporciona compatibilidad nativa para la voz en Windows (con

Usa la API de chrome.devtools.recorder para personalizar el panel de la grabadora en Herramientas para desarrolladores. Consulta el resumen de las APIs de Herramientas para desarrolladores para ver una introducción general al uso de las APIs de las

Usa la API de chrome.tabCapture para interactuar con las transmisiones de contenido multimedia de las pestañas. La API de chrome.tabCapture te permite acceder a un MediaStream que contiene videos y el audio de la pestaña actual. Solo se lo puede

Usa la API de chrome.webNavigation para recibir notificaciones sobre el estado de las solicitudes de navegación en tránsito. Todos los métodos y eventos de chrome.webNavigation requieren que declares "webNavigation" permiso en el manifiesto de

Usa la API de chrome.topSites para acceder a los sitios principales (es decir, los más visitados) que se muestran en la página Nueva pestaña. Estas no incluyen combinaciones de teclas personalizadas por el usuario. Debe declarar los "topSites"

La API de chrome.management proporciona formas de administrar las apps y extensiones instaladas. Debes declarar la "administración" en el manifiesto de extensiones para usar la en la API de Cloud. Por ejemplo:

Usa la API de chrome.search para realizar búsquedas mediante el proveedor predeterminado. "CURRENT_TAB" Especifica que los resultados de la búsqueda se muestran en la pestaña de llamadas o en la pestaña del navegador activo. "NEW_TAB" Especifica que

Usa la API de chrome.idle para detectar cuándo cambia el estado de inactividad de la máquina. Debes declarar el estado "inactivo" permiso en el manifiesto de tu extensión para usar la API inactiva. Por ejemplo: “activo” “idle” “bloqueado” Obtiene el

La API de chrome.printerProvider expone los eventos que usa el administrador de impresión para consultar impresoras controladas por extensiones, consultar sus capacidades y enviar trabajos de impresión a estas impresoras. string opcional Descripción

Usa la API de chrome.enterprise.deviceAttributes para leer los atributos del dispositivo. Nota: Esta API solo está disponible para extensiones instaladas de manera automática por la política empresarial. Recupera la ubicación anotada por el

La API de chrome.types contiene declaraciones de tipo para Chrome. El prototipo ChromeSetting proporciona un conjunto común de funciones ( get(), set() y clear() ). y un publicador del evento ( onChange ) para la configuración del navegador Chrome.

Usa la API de chrome.privacy para controlar el uso de las funciones de Chrome que pueden afectar la privacidad del usuario. Esta API se basa en el prototipo de ChromeSetting del tipo de API para obtener y establecer la configuración de Chrome. Debes

Usa la API de chrome.windows para interactuar con las ventanas del navegador. Puedes usar esta API para crear, modificar y reorganizar ventanas en el navegador. Cuando se solicita, una windows.Window contiene un array de objetos tabs.Tab.

Usa la API de chrome.power para anular las funciones de administración de batería del sistema. De forma predeterminada, los sistemas operativos atenúan la pantalla cuando los usuarios están inactivos y, finalmente, suspenden la transmisión. en un

Usa la API de chrome.systemLog para registrar los registros del sistema Chrome de las extensiones. string Agrega un registro nuevo. MessageOptions Las opciones de registro. función opcional El parámetro callback se ve de la siguiente manera:

Usa la API de chrome.pageCapture para guardar una pestaña como MHTML. MHTML es un formato estándar compatible con la mayoría de los navegadores. Encapsula en un solo archivo una página y todos sus recursos (imágenes, archivos CSS, etcétera). Ten en

Usa la API de chrome.fileSystemProvider para crear sistemas de archivos, a los que se puede acceder desde el administrador de archivos en ChromeOS. Debes declarar el "fileSystemProvider" permiso y sección del manifiesto de extensión para usar la API

Usa la API de chrome.notifications para crear notificaciones enriquecidas mediante plantillas y muéstralas a los usuarios en la bandeja del sistema. string opcional Los íconos de botones no son visibles para los usuarios de Mac OS X. string string

Este permiso activa una advertencia Usa la API de chrome.downloads para iniciar, supervisar, manipular y buscar descargas de manera programática. Para usar esta API, debes declarar el permiso "downloads" en el manifiesto de extensión. Puedes

Usa la API de chrome.devtools.network para recuperar la información sobre las solicitudes de red que muestran las Herramientas para desarrolladores en el panel Red. Para usar esta API, se deben declarar las siguientes claves en el manifiesto.

Usa la API de chrome.fontSettings para administrar la configuración de fuentes de Chrome. Para utilizar la API de Font Settings, debes declarar el parámetro "fontSettings" permiso en la extensión. Por ejemplo: Chrome permite que algunas

Usa la API de chrome.proxy para administrar la configuración de proxy de Chrome. Esta API se basa en el prototipo de ChromeSetting del tipo de API para obtener y establecer la configuración del proxy. Debes declarar el "proxy" permiso en el

Usa la API de chrome.vpnProvider para implementar un cliente de VPN. El uso típico de vpnProvider es el siguiente: Crea configuraciones de VPN con el método createConfig. Una configuración de VPN es una entrada persistente que se muestra al usuario

El espacio de nombres chrome.events contiene tipos comunes que usan las APIs que envían eventos para notificarte cuando sucede algo interesante. Un Event es un objeto que te permite recibir notificaciones cuando sucede algo interesante. Este es

El espacio de nombres chrome.events contiene tipos comunes que usan las APIs que envían eventos para notificarte cuando sucede algo interesante. Un Event es un objeto que te permite recibir notificaciones cuando sucede algo interesante. Este es

Usa la API de chrome.idle para detectar cuándo cambia el estado de inactividad de la máquina. Debes declarar el permiso "idle" en el manifiesto de tu extensión para usar la API inactiva. Por ejemplo: “activo” “idle” “bloqueado” Obtiene el tiempo, en

Usa la API de offscreen para crear y administrar documentos fuera de pantalla. Para usar la API de Offscreen, declara el permiso "offscreen" en el manifiesto de extensión. Por ejemplo: Los service workers no tienen acceso al DOM, y muchos sitios web

Usa la API de chrome.pageCapture para guardar una pestaña como MHTML. MHTML es un formato estándar compatible con la mayoría de los navegadores. Encapsula en un solo archivo una página y todos sus recursos (imágenes, archivos CSS, etcétera). Ten en

Usa la API de chrome.fileSystemProvider para crear sistemas de archivos, a los que se puede acceder desde el administrador de archivos en ChromeOS. Debes declarar el "fileSystemProvider" permiso y sección del manifiesto de extensión para usar la API

Usa la API de chrome.dom para acceder a APIs especiales del DOM para extensiones Obtiene la shadow root abierta o la shadow root cerrada que aloja el elemento especificado. Si el elemento no adjunta la shadow root, mostrará un valor nulo. HTMLElement

La API de chrome.debugger funciona como un transporte alternativo para el protocolo de depuración remota de Chrome. Usa chrome.debugger para adjuntarlo a una o más pestañas a fin de instrumentar la interacción de red, depurar JavaScript, mutar el DOM

Usa la API de chrome.loginState para leer y supervisar el estado de acceso. "SIGNIN_PROFILE" Especifica que la extensión se encuentra en el perfil de acceso. "USER_PROFILE" Especifica que la extensión se encuentra en el perfil del usuario. "UNKNOWN"

La API del cuadro multifunción te permite registrar una palabra clave con la barra de direcciones de Google Chrome, que también se conoce como cuadro multifunción. Cuando el usuario ingresa la palabra clave de tu extensión, comienza a interactuar

La API de chrome.management proporciona formas de administrar las apps y extensiones instaladas. Debes declarar la "administración" en el manifiesto de extensiones para usar la en la API de Cloud. Por ejemplo:

Usa la API de chrome.downloads para iniciar, supervisar, manipular y buscar descargas de manera programática. Para usar esta API, debes declarar el permiso "downloads" en el manifiesto de extensión. Puedes encontrar ejemplos simples de cómo usar la

Usa la API de chrome.platformKeys para acceder a los certificados de cliente administrados por la plataforma. Si el usuario o la política otorgan el permiso, una extensión puede usar ese certificado en su protocolo de autenticación personalizado.

Usa la API de chrome.history para interactuar con el registro de las páginas visitadas del navegador. Puedes agregar, quitar y consultar las URL en el historial del navegador. Para anular la página del historial con tu propia versión, consulta Anular

Usa la API de chrome.identity para obtener tokens de acceso de OAuth2. string Es un identificador único para la cuenta. Este ID no cambiará mientras dure la cuenta. "SYNC" Especifica que la sincronización está habilitada para la cuenta principal.

Usa chrome.gcm para habilitar apps y extensiones a fin de enviar y recibir mensajes a través de Firebase Cloud Messaging (FCM). El tamaño máximo (en bytes) de todos los pares clave-valor en un mensaje. 4,096 Registra la aplicación con FCM. callback

Usa la API de chrome.notifications para crear notificaciones enriquecidas mediante plantillas y muéstralas a los usuarios en la bandeja del sistema. string opcional Los íconos de botones no son visibles para los usuarios de Mac OS X. string string

Usa chrome.instanceID para acceder al servicio Instance ID. Restablece el identificador de instancias de la app y revoca todos los tokens asociados con ella. función opcional El parámetro callback se ve de la siguiente manera: Promesa&lt;void&gt; Las

Usa la API de chrome.sockets.tcp para enviar y recibir datos a través de la red mediante conexiones TCP. Esta API sustituye la funcionalidad de TCP que se encontraba anteriormente en la API de chrome.socket. Para usar esta API, se deben declarar las

Usa la API de chrome.sockets.tcpServer para crear aplicaciones de servidor mediante conexiones TCP. Esta API sustituye la funcionalidad de TCP que se encontraba anteriormente en la API de chrome.socket. Para usar esta API, se deben declarar las

Usa la API de chrome.system.network. string La dirección IPv4/6 disponible. string El nombre subyacente del adaptador. En *nix, suele ser “eth0”, “wlan0”, etcétera. número La longitud del prefijo Recupera información sobre los adaptadores locales de

Usa la API de chrome.fileSystem para crear, leer, navegar y escribir en el sistema de archivos local del usuario. Con esta API, las Apps de Chrome pueden leer y escribir en una ubicación seleccionada por el usuario. Por ejemplo, una app de editor de

Usa la API de chrome.app.window para crear ventanas. Las ventanas tienen un marco opcional con barra de título y controles de tamaño. No están asociadas con ninguna ventana del navegador Chrome. Consulta la Muestra del estado de la ventana para ver

La API de chrome.virtualKeyboard es una API exclusiva para kiosco que se usa para configurar el diseño y el comportamiento del teclado virtual en las sesiones de kiosco. booleano opcional Indica si los teclados virtuales pueden habilitar la función

Usa la API de chrome.mediaGalleries para acceder a los archivos multimedia (audio, imágenes y video) de los discos locales del usuario (con su consentimiento). string boolean string Identifica la galería modificada. GalleryChangeType Es el tipo de

De forma predeterminada, ChromeDriver solo registra advertencias o errores a stderr. Durante la depuración, es útil habilitar un registro más detallado. Para habilitar el registro detallado, simplemente pasa --verbose al servidor

En esta página, se documenta cómo comenzar a usar ChromeDriver para probar tu sitio web en una computadora de escritorio (Windows/Mac/Linux). También puedes leer Cómo comenzar a usar Android o Cómo comenzar a usar ChromeOS. ChromeDriver es un archivo

Las extensiones de Chrome se pueden empaquetar o desempaquetar. Para empaquetar una extensión sin empaquetar, usa el botón Empaquetar en chrome://extensions. usa Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension

Obtén una vista previa de la próxima versión de Chrome con esta publicación que detalla las funciones de la versión beta actual.

Personaliza los datos de rendimiento con la API de Extensibility

Usa la API de chrome.browsingData para quitar los datos de navegación del perfil local de un usuario. Para usar esta API, debes declarar el permiso "browsingData" en el manifiesto de extensión. El caso de uso más simple de esta API es un mecanismo

La API de chrome.system.memory número La cantidad de capacidad disponible, en bytes. número La cantidad total de capacidad de memoria física, en bytes. Obtener información sobre la memoria física función opcional El parámetro callback se ve de la

La API de Desktop Capture captura el contenido de la pantalla, ventanas individuales o pestañas individuales. Enum que se usa para definir el conjunto de fuentes de contenido multimedia de escritorio que se usan en chooseDesktopMedia(). “pantalla”

Usa la API de chrome.documentScan para descubrir y recuperar imágenes de los escáneres de documentos adjuntos. La API de Document Scan está diseñada para permitir que las aplicaciones y extensiones vean el contenido de documentos en papel en un

Usa la API de chrome.dns para la resolución de DNS. Para usar esta API, debes declarar el permiso "dns" en el manifiesto. El siguiente código llama a resolve() para recuperar la dirección IP de example.com. service-worker.js: string opcional Es una

Nota: Esta API está obsoleta. Consulta la API de declarativeNetRequest en su lugar. Usa la API de chrome.declarativeWebRequest para interceptar, bloquear o modificar solicitudes en tránsito. Es mucho más rápida que la API de chrome.webRequest, ya que

Referencia completa a todas las APIs disponibles para Extensiones de Chrome. Esto incluye las APIs de la plataforma de apps de Chrome que dejó de estar disponible, así como las APIs que aún están en versión beta y para desarrolladores.

Usa el panel Media para ver información y depurar los reproductores multimedia por pestaña del navegador.

Chrome 128 comenzará a lanzarse el 20 de agosto de 2024, con la propiedad ruby-align de CSS, Promise.try, y hay mucho más.

Experimentar con subgrupos, dio de baja la configuración del sesgo de profundidad para líneas y puntos, oculta la advertencia de errores no capturados de Herramientas para desarrolladores si preventDefault, WGSL interpola primero el muestreo y cualquiera de ellos, y mucho más.

Una publicación de Ahmed Elwasefi en la que comparte cómo se convirtió en colaborador de Chromium a través de Google Summer of Code.

Aprende a compilar una app con WebGPU para la Web y plataformas específicas.

Ya estamos lanzando Chrome 128. Con una visualización mejorada para elementos rubí con saltos de línea, Promise.try puede iniciar cadenas de Promise con mayor facilidad, y la interfaz de PointerEvent se extiende para identificar de forma única varios bolígrafos, y hay muchos otros elementos. Adriana Jara tiene todos los detalles sobre las novedades para desarrolladores en Chrome 128.

El equipo de Chrome está experimentando con una nueva API de File System Observer que informa a los desarrolladores sobre los cambios en el sistema de archivos.

La API de chrome.declarativeNetRequest se usa para bloquear o modificar las solicitudes de red mediante la especificación de reglas declarativas. Esto permite que las extensiones modifiquen las solicitudes de red sin interceptarlas ni ver su

Usa la API de chrome.alarms para programar que el código se ejecute de forma periódica o a una hora específica en el futuro. Para usar la API de chrome.alarms, declara el permiso "alarms" en el manifiesto: En los siguientes ejemplos, se muestra cómo

Usa la API de chrome.contextMenus para agregar elementos al menú contextual de Google Chrome. Puedes elegir a qué tipos de objetos se aplicarán los elementos que agregues al menú contextual, como imágenes, hipervínculos y páginas. Los elementos del

La API de chrome.debugger funciona como un transporte alternativo para el protocolo de depuración remota de Chrome. Usa chrome.debugger para adjuntarlo a una o más pestañas a fin de instrumentar la interacción de red, depurar JavaScript, mutar el DOM

Se proporciona la API de chrome.audio para permitir que los usuarios obtengan información sobre los dispositivos de audio conectados al sistema y los controlen. Actualmente, esta API solo está disponible en modo kiosco para ChromeOS. string Nombre

Usa la API de chrome.declarativeContent para realizar acciones según el contenido de una página, sin requerir permiso para leer el contenido de la página. La API de contenido declarativo te permite habilitar la acción de tu extensión según la URL de

Usa la API de comandos para agregar combinaciones de teclas que activen acciones en tu extensión, por ejemplo, una acción para abrir la acción del navegador o enviar un comando a la extensión. Para usar esta API, se deben declarar las siguientes

Usa la API de chrome.browsingData para quitar los datos de navegación del perfil local de un usuario. Debe declarar los "browsingData" permiso en el manifiesto de extensión para usar esta API. El caso de uso más simple de esta API es un mecanismo

La API de File System Access permite a los desarrolladores compilar aplicaciones web potentes que interactúan con archivos en el dispositivo local del usuario, como IDE, editores de fotos y videos, editores de texto, etc. Cuando un usuario otorga acceso a una aplicación web, esta API le permite leer o guardar cambios directamente en archivos y carpetas del dispositivo del usuario.

Los participantes del EPP ahora pueden crear prototipos con la API de resumen para Gemini Nano en Chrome.

Presentamos dos nuevos eventos de JavaScript: scrollSnapChange yscrollSnapChanged.

El equipo de Chrome está trabajando para mejorar la medición de las llamadas navegaciones suaves que usan las aplicaciones de una página, y ahora hay una nueva API disponible detrás de una marca para permitir que los sitios también experimenten con esto.

Depura y optimiza tus aplicaciones web con las Herramientas para desarrolladores de Chrome.

Descubre 4 formas únicas de realizar capturas de pantalla con Herramientas para desarrolladores.

Puppeteer 23 presenta compatibilidad estable con Firefox 129 y versiones posteriores, lo que ofrece una API unificada para la automatización de Chrome y Firefox, basada en WebDriver BiDi.

Las estadísticas de la consola se publican en Europa, el segmento de red y la API mejorados para personalizar los segmentos en el panel Rendimiento y mucho más.

Noticias más recientes del equipo de Relaciones con Desarrolladores de Chrome

Una actualización sobre la IA integrada, la API de Prompt y los planes de IA de Chrome.

Chrome en Android ahora integra el Administrador de credenciales, lo que permite que los administradores de contraseñas de terceros proporcionen llaves de acceso en Android 14 y versiones posteriores

Se explica el estado actual de interoperabilidad de los nombres definidos por el autor, tal como se usan en el shadow DOM en CSS.

Descubre cómo el equipo de Herramientas para desarrolladores mejoró la presentación de los estilos en la pestaña Estilos.

BrowserStack presenta la compatibilidad con WebDriver BiDi: mejora tus pruebas de Selenium Grid con automatización basada en eventos.

Descubre cómo tu servidor puede enviar sugerencias al navegador sobre subrecursos críticos.

Aprende a crear solicitudes y analizar respuestas desde la API de CrUX.

Descubre cómo consultar los seis meses anteriores de tendencias históricas de CrUX con la API de CrUX History.

Analizar la carga de red y los recursos

Elemento rubí que puede romper líneas y propiedad ruby-align de CSS

Las muestras de extensiones de Chrome están disponibles en GitHub.

TODO

Uno a cuatro números enteros separados por puntos que identifican la versión de esta extensión. Se aplican algunas reglas a los números enteros: deben estar entre 0 y 65, 535 inclusive, y los números enteros distintos de cero no pueden comenzar con

Especifica el subdirectorio de _locales que contiene las cadenas predeterminadas para esta extensión. Este campo es obligatorio en las extensiones que tienen un directorio _locales. No debe estar en las extensiones que no tienen un directorio

Indica si se espera que la app o extensión funcione sin conexión. Cuando Chrome detecte que no tiene conexión, las apps que tengan este campo configurado como verdadero, se destacarán en la página Nueva pestaña. A partir de Chrome 35, se supone que

La versión de Chrome que requiere tu extensión, app o tema, si corresponde. El formato de esta string es el mismo que para el campo de version.

RouteHandlerCallbackOptions StreamSource | Promise&lt; StreamSource &gt; Respuesta ReadableStream BodyInit Toma varias promesas de origen, cada una de las cuales podría resolverse en una Response, un ReadableStream o un BodyInit. Muestra un objeto

Una string de texto sin formato (no HTML ni otro formato, no más de 132 caracteres) que describe la extensión. La descripción debe ser adecuada para la IU de administración de extensiones del navegador y Chrome Web Store. Puedes especificar strings

Este valor se puede usar para controlar el ID único de una extensión, una app o un tema cuando se carga durante el desarrollo. Para obtener un par clave-valor adecuado, primero instala tu extensión desde un archivo.crx (es posible que debas subir tu

Aunque las Apps de Chrome usan la plataforma web, algunas funciones web se inhabilitaron o se usan de otra manera. Esto es principalmente para evitar problemas de seguridad y mejorar las prácticas de programación. A continuación, se muestra un

Las propiedades name y short_name del manifiesto son strings cortas de texto sin formato que identifican la app. Puedes especificar strings específicas de la configuración regional para ambos campos. Consulta Internacionalización para obtener más

Obtén una vista previa de la próxima versión de Chrome con esta publicación que detalla las funciones de la versión beta actual.

Ya estamos lanzando Chrome 127. Gracias a la compatibilidad con el ajuste de tamaño de fuente, las activaciones del usuario se propagan en la API de pantalla en pantalla del documento, los contenedores de desplazamiento enfocables por el teclado y mucho más. Adriana Jara tiene todos los detalles sobre las novedades para desarrolladores en Chrome 127.

La investigación interna de usuarios de Chrome muestra que muchas personas valoran instalar apps web. Entre los beneficios, se incluyen los siguientes: Hay varias formas en que Chrome y los desarrolladores web pueden ayudar, incluida una nueva

Compatibilidad experimental con OpenGL ES en Android, atributo de información de GPUAdapter, mejoras en la interoperabilidad de WebAssembly y mucho más.

Chrome 127 comenzará a lanzarse el 23 de julio de 2024, con CSS font-size-adjust, teclado y contenedores de desplazamiento enfocables, y hay mucho más.

Ayúdanos a asegurarnos de que el flujo de lectura satisfaga tus necesidades.

Referencia de la pestaña Preferencias.

Referencia completa de las funciones del panel Network de Chrome DevTools.

Analiza y registra los flujos de usuarios.

Debido a que cada vez más personas comienzan a analizar la API de View Transition, es hora de desmentir algunos conceptos erróneos.

Una descripción general de los cambios recientes en las extensiones de Chrome, además de las interesantes funciones de extensión que los desarrolladores pueden esperar con ansias.

Este anuncio incluye una serie de actualizaciones de la página Políticas del programa para desarrolladores diseñadas para fomentar el desarrollo de productos de alta calidad, evitar comportamientos engañosos y garantizar el consentimiento informado de los usuarios.

Posicionamiento de los anclajes de CSS en Elementos, funciones mejoradas para que la opción "Nunca pausar aquí" se encuentre en Fuentes, nuevos objetos de escucha de eventos de ajuste de desplazamiento, ajustes predeterminados actualizados de la limitación de la red y mucho más.

Inspecciona elementos en tu app web

Referencia sobre todas las formas de registrar y analizar el rendimiento en las Herramientas para desarrolladores de Chrome.

YouTube está mejorando la seguridad de la plataforma con Trusted Types para evitar ataques de secuencias de comandos entre sitios, pero puede afectar tu extensión.

La API de Long Animation Frame (LoAF) se envió desde Chrome 123 y ahora también actualizamos nuestras herramientas y orientación para ayudarte a aprovechar al máximo esta nueva API.

Obtén información sobre cómo un DOM grande puede reducir el rendimiento de tu página web y cómo puedes reducir el tamaño de tu DOM durante el tiempo de carga.

El equipo de Chrome ha estado trabajando en opciones para recuperar la renderización previa completa de las páginas futuras a las que sea probable que el usuario navegue.

Conversamos con el equipo a cargo de la revisión en Chrome Web Store.

El equipo de Chrome realizó una serie de mejoras relacionadas con el rendimiento en la implementación de IndexedDB (IDB).

El equipo de Chrome está experimentando con un nuevo elemento HTML declarativo de <permiso> para solicitarle al usuario acceso a funciones potentes.

Para que los próximos lanzamientos de tus aplicaciones potenciadas por IA sean más rápidos, almacena en caché de forma explícita los datos del modelo en el dispositivo.

Descarga la versión beta y prueba las funciones más recientes que se implementarán en Chrome.

Aumenta el límite de maxTextureArrayLayers, la optimización de la carga de búferes para el backend de Vulkan, las mejoras en el tiempo de compilación de sombreadores, los búferes de comandos enviados deben ser únicos y las actualizaciones de Dawn

Chrome 126 comenzará a lanzarse el 11 de junio de 2024, con transiciones de visualización de documentos cruzados, la rehabilitación de la API de CloseWatcher, el disparador rumble para la API de Gamepad y mucho más.

Ya estamos lanzando Chrome 126. La API de ViewTransitions es compatible con transiciones entre documentos, por lo que la API de CloseWatcher volvió a habilitarse y genera un ruido de activación para la API de Gamepad, por lo que hay mucho más y mucho más. Adriana Jara tiene todos los detalles sobre las novedades para desarrolladores en Chrome 126.

Lee todos los anuncios sobre CSS y la IU web de Google I/O 2024.

El evento de descarga dejará de estar disponible gradualmente a partir de Chrome 117. Obtén información sobre lo que esto significa y cómo los sitios y las empresas pueden prepararse para esto.

Documentación técnica sobre las métricas de CrUX

Obtén información sobre las funciones más recientes para ordenar el panel de rendimiento y enfocarte en la información que más necesitas.

Supervisa las solicitudes y respuestas de CDP.

Analiza el rendimiento del selector de CSS durante los eventos Recalculate Style.

Nos complace anunciar una nueva función que les permitirá a los desarrolladores omitir el proceso de revisión de los cambios aptos de las extensiones de Manifest V3 mediante la API de Declarative Net Request.

Obtén información sobre la auditoría de Lighthouse "No tiene una etiqueta con ancho o escala inicial".

Obtén más información para emular otros navegadores con el panel de condiciones de la red.

Se mejoró el modo de configuración de seguimiento, la lista de elementos ignorados en el gráfico de llamas, la reducción de la CPU 20 veces en el panel de rendimiento y mucho más.

Aprende a usar las Herramientas para desarrolladores de Chrome para encontrar y corregir errores de JavaScript.

Otro Google I/O está detrás de nosotros y abarcamos todas las emocionantes actualizaciones de extensiones.

Conoce todas las funciones de las Herramientas para desarrolladores de Chrome para depurar las reglas de especulación que se usan para precargar y renderizar previamente las navegaciones de páginas futuras.

Ver archivos fuente y acceder a otras herramientas

En el siguiente codelab, se ofrece IA del cliente. No se requieren conocimientos de desarrollo de IA, servidores ni claves de API.

Parte 2/2. Descubre cómo las mejoras de WebAssembly y WebGPU mejoran el rendimiento del aprendizaje automático en la Web.

Parte 1/2. Descubre cómo las mejoras de WebAssembly y WebGPU mejoran el rendimiento del aprendizaje automático en la Web.

La IA integrada en el dispositivo es la oferta más reciente para ofrecer modelos potentes a los usuarios, proteger los datos sensibles y mejorar la latencia.

Lee un resumen de la IA web en I/O 2024. Obtén más información sobre los nuevos modelos, herramientas y APIs para tu próxima app web.

Chrome 126 Beta incluye transiciones de vistas entre documentos, junto con la extensión Trigger-rumble de la API de Gamepad y otras funciones.

Anuncio de transiciones de vistas entre documentos para la MPA, las transiciones de vistas selectivas con tipos activos y el uso compartido de estilos de animación con la clase de transición de vista

Analiza el rendimiento del tiempo de ejecución de tu sitio web en tiempo real.

En este documento, se ofrecen brevemente los aspectos destacados de los acontecimientos recientes en el ecosistema de frameworks de JavaScript.

La API de Async Clipboard ahora puede procesar imágenes SVG.

A partir de Chrome 126, se admite el framework de automatización de la IU de Windows.

Chrome 125 comenzará a lanzarse el 14 de mayo de 2024, con CSS Anchor Positioning, la API de Compute Pressure, nuevas funciones de Baseline y mucho más.

Usa anulaciones locales para simular recursos remotos y mantén los cambios que realices en Herramientas para desarrolladores entre las cargas de páginas.

Ya estamos lanzando Chrome 125. Con la API de CSS Anchor Positioning, la API de Compute Pressure, una expansión a la API de Storage Access y mucho más. Adriana Jara tiene todos los detalles sobre las novedades para desarrolladores en Chrome 125.

Descubre funciones interesantes en las sesiones y el discurso de apertura para desarrolladores de Google I/O.

La IA del cliente es la oferta más reciente para ofrecer modelos potentes a los usuarios, a la vez que se protegen los datos sensibles y se mejora la latencia.

Descubre cómo anular y simular respuestas de red con las Herramientas para desarrolladores.

Descubre la transformación del Reproductor en miniatura de Spotify, un "hackeo de lienzo", a una experiencia mejorada gracias a la API de pantalla en pantalla del documento.

Comprende mejor los errores y las advertencias en la consola con Gemini.

Posiciona elementos uno respecto del otro con la nueva API de posicionamiento de anclas.

Una breve descripción general de Puppeteer, Chrome sin interfaz gráfica, Chrome for Testing y otros recursos del equipo de herramientas de Chrome.

Aprende a superar los desafíos de las pruebas en entornos empresariales

Causas de errores en la consola, estadísticas del selector de CSS en Rendimiento, encabezados de Sugerencias tempranas en la red y mucho más

redBus, Policybazaar y Tokopedia usan la API de View Transition y se benefician de un mejor rendimiento y una IU fluida.

Subgrupos en desarrollo y renderizados como porción de textura 3D.

Descubre cómo Policybazaar y Tokopedia se benefician del uso de :has().

Obtén más información sobre los beneficios de las consultas de contenedores de redBus y Tokopedia.

Descubre los beneficios de las animaciones basadas en desplazamientos con Policybazaar, redBus y Tokopedia.

Descubre cómo los sitios de comercio electrónico se benefician con la implementación de las funciones más recientes de IU y CSS: Ver transiciones, animaciones basadas en desplazamientos, la API de Popover y mucho más.

Un curso en video de 10 partes para aprender todo sobre las animaciones basadas en desplazamientos

WebGPU permite gráficos 3D de alto rendimiento y procesamiento paralelo de datos en la Web.

Una propuesta para definir mampostería y cuadrícula en diferentes especificaciones.

Documentación de referencia para la propiedadminimum_chrome_version de manifest.json.

Para acceder a dispositivos de red privada desde un sitio web que no se puede convertir a HTTPS, debes usar los mensajes de permiso para disminuir la rigurosidad de las verificaciones de contenido mixto.

Tokopedia usa la API de Popover para reducir la cantidad de código de su aplicación.

La API de Captured Surface Control permite que las apps web desplacen y acerquen las pestañas capturadas.

Visualiza las métricas de la API de WebAudio en el panel de WebAudio

Documentación de referencia para la propiedad try_tokens de manifest.json.

Posicionamiento de anclajes de CSS, funciones escalonadas de CSS, la API de Compute Pressure y mucho más.

Obtén más información sobre cómo lograr que las transiciones entre páginas web se sientan responsivas, incluso con una red lenta.

Descubre cómo hacer que tu Progressive Web App se pueda instalar.

Inspecciona y depura direcciones guardadas en Chrome con el panel Autocompletar.

Referencia de la pestaña Regulación.

Inspecciona y modifica animaciones con el panel Animaciones.

Obtén información sobre cómo lograr que tu página web se cargue rápidamente en las redes móviles.

Chrome ahora controla toda la API de MIDI web detrás de un mensaje de permiso.

Obtén información sobre cómo asegurarte de que los usuarios puedan ver, al menos, parte del contenido de tu página web cuando JavaScript no está disponible.

Aprende a hacer que tu Progressive Web App funcione sin conexión.

Aprende a configurar el parámetro start_url de tu app web progresiva para que se pueda acceder a ella sin conexión.

Aprende a crear una pantalla de presentación personalizada para tu app web progresiva.

Ya estamos lanzando Chrome 124. Existen dos API nuevas que permiten el uso del shadow DOM declarativo desde JavaScript. Puedes usar flujos en Web Sockets. Las transiciones de vistas mejorarán un poco. Y hay mucho más. Pete LePage tiene todos los detalles sobre las novedades para desarrolladores en Chrome 124.

Aprende a adaptar el contenido de tu página web para que se adapte a las pantallas de los dispositivos móviles.

Chrome 124 comenzará a lanzarse el 16 de abril de 2024 con setHTMLUnsafe, transmisiones en WebSockets y mucho más.

Aprende a registrar un service worker que admita funciones de apps web progresivas, como la funcionalidad sin conexión, las notificaciones push y la posibilidad de instalación.

Obtén información sobre la auditoría de Lighthouse "Cada página tiene una URL"

Aprende a especificar qué ícono mostrará tu app web progresiva en las pantallas principales de iOS.

Las APIs de Foldable son dos APIs de Chrome diseñadas para ayudar a los desarrolladores a orientarse a dispositivos plegables.

Aprende a usar Workbox para asegurarte de que tu página web funcione en todos los navegadores.

Obtén más información para agregar compatibilidad con íconos enmascarables a tu AWP.

Obtén información para que tu sitio sea más seguro redireccionando todas las páginas a HTTPS.

Obtenga información sobre cómo proteger su sitio web con HTTPS.

Una descripción general de los cambios recientes en las extensiones de Chrome, además de las interesantes funciones de extensión que los desarrolladores pueden esperar con ansias.

Aprende a establecer un color de tema de la barra de direcciones para tu app web progresiva.

Comienza a usar transiciones de vistas entre documentos para usarlas en tu aplicación de varias páginas (MPA).

La API de transición de vistas te permite agregar transiciones entre las vistas de un sitio web.

Descubre cómo las Herramientas para desarrolladores pueden mejorar el desarrollo de apps web.

Obtén información sobre la nueva métrica navigation_types en el Informe sobre la experiencia del usuario en Chrome (CrUX) y cómo puedes usarla para explicar y optimizar las métricas de rendimiento web.

PageSpeed Insights (PSI) es una herramienta para que los desarrolladores web comprendan cuál es el rendimiento de una página y cómo mejorarlo. En esta guía, aprenderás a usar PSI para extraer estadísticas de CrUX y comprender mejor la experiencia del usuario.

Obtén información sobre la estructura del conjunto de datos de CrUX en BigQuery.

Aprende a usar CrUX con guías fáciles de seguir

Esta semana, nos complace lanzar una nueva función que permite a los desarrolladores revertir sus extensiones a la versión publicada anterior en Chrome Web Store. Nuestro objetivo es brindarles a los desarrolladores mayor tranquilidad cuando

Texturas de almacenamiento de solo lectura y lectura y escritura, asistencia de service workers y trabajadores compartidos, nuevos atributos de información sobre el adaptador y correcciones de errores.

Aprende a usar la API de font-display para garantizar que el texto de tu página web siempre sea visible para los usuarios.

Compatibilidad con animaciones basadas en desplazamientos, nuevo panel Autocompletar, nuevas opciones de WebRTC en la limitación de la red y mucho más.

Conoce el futuro de la generación de perfiles del rendimiento de la CPU y comprende por qué y cómo se dará de baja el generador de perfiles de JavaScript.

Envía información sobre si se bloqueó el uso de la memoria caché atrás/adelante en la navegación para los marcos presentes en el documento.

Aprende a generar perfiles del rendimiento de la aplicación de Node.js con el panel Rendimiento.

JavaScript Promise Integration (JSPI) es una API que permite el código secuencial síncrono compilado en WebAssembly para acceder a APIs web asíncronas.

Prueba la manera en que tu sitio maneja los recursos que faltan.

Obtén información sobre la API de fetchLater (ahora en una prueba de origen), una nueva API para solicitar una recuperación diferida que se completará incluso si se cierra la página.

El atributo HTML writesuggestions, la API de WebSocketStream, el encabezado de la solicitud HTTP de prioridad y más.

Se lanzará un cambio para que los desplazadores sin el valor de tabindex establecido y sin teclado secundario enfocable sean enfocables.

Ya estamos lanzando Chrome 123. Gracias a la nueva función de color claro o oscuro, la API de Long Animation Frames, la API de enrutamiento estático de Service Worker y mucho más. Adriana Jara tiene todos los detalles sobre las novedades para desarrolladores en Chrome 123.

Obtén información sobre los mecanismos clave de seguridad del Acceso a redes privadas para trabajadores web, las recuperaciones de navegación y las próximas protecciones. Este documento también explica qué deberían hacer los propietarios de sitios web si utilizan redes privadas.

Descubre cómo usar esta nueva API, disponible a partir de la versión 123 de Chrome.

Explora las mejoras más recientes del panel de red de las Herramientas para desarrolladores de Chrome, diseñado para simplificar tu experiencia de depuración web.

Conoce los planes del equipo de Chrome para mejorar el panel Rendimiento de Herramientas para desarrolladores.

Realiza cambios en el DOM al instante.

Obtén más información sobre todas las maneras de pausar tu código en las Herramientas para desarrolladores de Chrome.

Destaca marcos de anuncios, emula el enfoque en una página, inhabilita las fuentes y los formatos de imagen locales, habilita un tema oscuro automático y emula las deficiencias de visión.

Descubre nuevos flujos de trabajo para ver y modificar CSS en las Herramientas para desarrolladores de Chrome.

Se admiten funciones integradas de DP4a, parámetros de puntero sin restricciones, sintaxis edulcorada para desreferenciar compuestos en WGSL y mucho más.

Aprende a usar las Herramientas para desarrolladores de Chrome para ver y cambiar el CSS de una página.

Ahora puedes descargar la versión anterior de Chrome sin interfaz gráfica como objeto binario independiente para cada versión de Chrome para el usuario.

La compresión en la Web está recibiendo un gran impulso con la compresión de diccionario compartida. Descubre qué son, cómo funcionan y cómo podrían reducir sustancialmente los tiempos de carga incluso más que la compresión estándar para los recursos estáticos y dinámicos en la Web.

Obtén información fundamental sobre tu app web directamente desde el navegador.

Usa la API de chrome.i18n para renderizar tu interfaz en varios lenguajes.

Detalles de las actualizaciones más recientes de la API de Speculation Rules, lo que incluye las reglas de documentos, la configuración de antelación, los límites y la compatibilidad de reglas de especulación en las plataformas.

Para muchos usuarios, la accesibilidad es literalmente la interfaz de usuario y sus funciones son útiles para muchos otros.

Descubre las funciones más recientes de las Herramientas para desarrolladores de Chrome

Un huevo de Pascua, se centró la emulación de la página en Elements > Styles, la nueva auditoría de Lighthouse y mucho más.

En esta publicación, el equipo de Eyeo comparte su experiencia con el problema de probar los trabajadores de servicios de extensión. En particular, veremos cómo asegurarse de que las extensiones de Chrome funcionen correctamente cuando se suspende un service worker.

Aprende a usar la biblioteca @next/tercero para optimizar la carga de recursos populares de terceros

A partir de Chrome 123, usa el contenido Align para alinear elementos sin crear un contenedor flexible o de cuadrícula.

La función de color claro-oscuro de CSS, el elemento Align-content para los bloques, la propiedad de tamaño de campo y el evento pagereveal

Documentación canónica de las combinaciones de teclas de las Herramientas para desarrolladores de Chrome.

Usa dispositivos virtuales en el modo de dispositivo de Chrome para crear sitios web que prioricen los dispositivos móviles.

Ya estamos lanzando Chrome 122. Con la nueva API de Storage Buckets, el panel Performance de Herramientas para desarrolladores se actualiza, una opción no depurada para leer HTML con la API de Async Clipboard y hay mucho más. Adriana Jara tiene todos los detalles sobre las novedades para desarrolladores en Chrome 122.

A partir de Chrome 122, el elemento `::backdrop` hereda las propiedades del elemento de origen.

Una extensión requiere al menos un ícono para representarla en la barra de herramientas.

El panel Rendimiento de Herramientas para desarrolladores es una herramienta potente que sirve para diagnosticar, depurar y solucionar problemas de rendimiento de las aplicaciones web. En esta ocasión, te explicaremos cómo usamos el panel Performance de Herramientas para desarrolladores a fin de mejorar el rendimiento del panel Performance y cómo logramos una mejora muy significativa.

Por definir

La API de WebHID, que expone los dispositivos compatibles con dispositivos de interfaz humana (HID) en la Web, está disponible en extensiones.

La API de WebUSB, que expone dispositivos compatibles con el Bus Universal en Serie Universal (USB) no estándar a la Web, está disponible en extensiones.

Guía para convertir extensiones de Manifest V2 en extensiones de Manifest V3.

Modo de compatibilidad en desarrollo, aumento del límite maxVertexAttributes y actualizaciones de Dawn

Documentación de referencia para las propiedades de la política de seguridad del contenido de manifest.json.

Una línea de código para ajustar automáticamente el tamaño de los elementos con contenido editable.

Aprende a registrar instantáneas de montón con el generador de perfiles de montón y encontrar fugas de memoria.

Usa la API de chrome.runtime para recuperar el trabajador de servicio, mostrar detalles sobre el manifiesto y escuchar y responder eventos en el ciclo de vida de la extensión. También puedes usar esta API para convertir la ruta de acceso relativa de

Cómo funcionan las advertencias de permisos en las extensiones de Chrome

Guía paso a paso sobre cómo usar Web Push con extensiones de Chrome

Descripción general de los valores válidos para la propiedad de permisos en manifest.json.

EditContext es una nueva API que se lanzará en Chrome y Edge y que ayuda a los desarrolladores a crear funciones avanzadas de edición de texto en el navegador. Obtén más información en esta publicación.

Advertencias sobre la eliminación gradual de las cookies de terceros en los paneles de Red y Aplicación, depuración mejorada en el panel de Red, rutas de navegación en el panel Rendimiento y mucho más.

Acelera la navegación web con cargas especulativas y obtén información para depurarlas.

Responde a combinaciones de teclas personalizadas en una extensión.

La prueba de baja de SharedArrayBuffer sin aislamiento de origen cruzado en el escritorio de Chrome se extenderá hasta Chrome 124.

Instala extensiones para integrar y personalizar la grabadora.

Chrome 122 beta te ofrece asistentes de Iterator, métodos para configurar, la API de Storage Buckets, lectura de HTML no limpio en la API de Async Clipboard y mucho más.

Una descripción general de los cambios recientes en las extensiones de Chrome, además de las interesantes funciones de extensión que los desarrolladores pueden esperar con ansias.

Ya estamos lanzando Chrome 121. Con las actualizaciones de CSS, las mejoras a la API de Speculation Rules, una prueba de origen para la API de Element Capture y mucho más. Adriana Jara tiene todos los detalles sobre las novedades para desarrolladores en Chrome 121.

Activa acciones desde el cuadro multifunción.

Compatibilidad con WebGPU en Android, uso de DXC para la compilación de sombreadores, consultas de marcas de tiempo en pases de procesamiento y procesamiento, puntos de entrada predeterminados a módulos de sombreadores, compatibilidad con display-p3 como espacio de color GPUExternalTexture, información de montón de memoria y mucho más.

Aprende a usar el DOM de forma segura junto con SSR en Angular

Usa Puppeteer para probar las funciones que usan la API de Web Bluetooth en Chrome.

Usa las propiedades `scrollbar-width` y `scrollbar-color` para diseñar barras de desplazamiento.

Aprende a probar modelos de IA del cliente basados en el navegador en una configuración de hardware estandarizada, escalable y automatizable mientras se mantiene.

Guía paso a paso para usar Firebase Messaging con chrome.gcm

Descubre nuestras soluciones para automatizar de manera coherente las pruebas de navegadores y mejorar el rendimiento de las aplicaciones.

Chrome agrega otra nueva función internacional de CSS.

Responde a un usuario que hace clic en la barra de herramientas.

En esta publicación, se explica cómo administrar los permisos persistentes para la API de File System Access. También proporciona un resumen rápido del estado actual del problema y los desafíos que se están resolviendo.

Aprende a crear colores con unos pocos clics.

Aprende a usar el selector de color en Elements > Styles para inspeccionar y depurar colores HD y no HD.

Aprende a depurar la prioridad de recuperación.

A partir de Chrome 122, puedes suscribirte a la prueba de origen para el miembro del manifiesto de la aplicación scope_extensions, que permite que los sitios que controlan varios subdominios y dominios de nivel superior se presenten como una sola aplicación web.

Una técnica de tipografía clásica de saltos de línea de autoría manual para bloques de texto equilibrados llega a CSS.

Puppeteer ahora habla con Firefox 🎉 Pero espera, ¿no es así? 🤔 Profundicemos en WebDriver BiDi, el nuevo protocolo de Puppeteer y descubramos lo que este emocionante desarrollo significa para el flujo de trabajo de automatización de Firefox.

Implementa una ventana emergente que permite a los usuarios invocar funciones de la extensión.

Un service worker permite que las extensiones se ejecuten solo cuando sea necesario, lo que ahorra recursos.

Inicia apps directamente desde una página web con un intent de Android.

Implementa una ventana emergente que permite a los usuarios invocar funciones de la extensión.

Para obtener una lista completa de las funciones para desarrolladores de Chrome en Android, consulta chromestatus.com. Descarga Chrome en Play Store. Cuando el usuario accede a Chrome en un dispositivo, las pestañas y el historial de navegación de

En esta publicación, se analiza la relevancia de la nueva métrica del INP en los sitios web basados en marcos de trabajo y el trabajo de Aurora para respaldar los frameworks en la optimización de esta métrica.

Crea un acordeón exclusivo con varios elementos `` que tengan el mismo `nombre`.

Chrome se adaptó al ecosistema de las tablets Android y habilitó el modo de escritorio de forma predeterminada en las tablets premium.

Compatibilidad con @font-palette-values en Elements, mejor compatibilidad con mapas de origen, rendimiento mejorado > seguimiento de interacciones y mucho más.

Compatibilidad con valores de punto flotante de 16 bits en WGSL, aumento de límites, cambios de estado de plantillas de profundidad, actualizaciones de información del adaptador y mucho más.

Mantente actualizado con los cambios más recientes de WebGPU.

La plataforma web ahora incluye captura regional, una forma eficiente y robusta de recortar pistas de video.

2023 fue un gran año para los CSS. Obtén más información sobre las novedades de Chrome y de la plataforma web este año.

¡Chrome 120 ya está disponible! Con la API CloseWatcher para permitir una experiencia consistente al manejar solicitudes de cierre, una implementación fácil de un patrón de acordeón usando el elemento details, los informes de violación de la política de permisos ya están disponibles y hay mucho más.

En los próximos meses, Chrome ejecutará experimentos con el objetivo de simplificar los criterios de instalación de aplicaciones, y mejorar la experiencia de los desarrolladores y del usuario. En esta publicación, se comparten los cambios que puedes esperar y los motivos por los que realizamos estos experimentos.

Como parte de la especificación de Acceso a redes privadas (PNA), Google Chrome dejará de tener acceso a extremos de red privada desde sitios web públicos no seguros.

Aloja un sitio en un servidor web de un equipo de desarrollo y accede al contenido desde un dispositivo Android.

Descubre la manera en que las Herramientas para desarrolladores de Chrome mitigan los ataques de XSS cuando bloqueas el pegado de código para usuarios inexpertos de Herramientas para desarrolladores.

Aprende a depurar el DOM con las Herramientas para desarrolladores.

Ver detalles del marco.

Obtén más información para depurar la bfcache y hacer que tu página se cargue al instante.

Aprende a ver, agregar, editar y borrar las cookies HTTP de una página con las Herramientas para desarrolladores de Chrome.

Chrome agregará cuatro nuevas funciones internacionales de CSS.

La API de Page Lifecycle lleva a la Web las funciones del ciclo de vida de las apps que son comunes en los sistemas operativos de dispositivos móviles. Los navegadores ahora pueden inmovilizar y descartar de forma segura páginas en segundo plano para conservar recursos, y los desarrolladores pueden manejar de forma segura estas intervenciones sin afectar la experiencia del usuario.

A partir de Chrome 120, hay una nueva opción no segura disponible en la API de Async Clipboard. Descubre cómo usarlo en esta guía.

Ignorar la referencia de la pestaña Lista.

Chrome permite que las aplicaciones web de videoconferencia ingresen automáticamente al modo de pantalla en pantalla.

En diciembre del año pasado, pausamos la baja programada del manifiesto V2 para abordar los comentarios de los desarrolladores y ofrecer mejores soluciones a los problemas de migración. Como resultado de estos comentarios, realizamos varios cambios

Obtén información sobre las nuevas funciones incluidas en la directiva de Angular NgOptimizedImage que mejoran aún más el rendimiento de las imágenes en las apps de Angular.

Durante el último año, participamos activamente en conversaciones con los proveedores de varias extensiones de bloqueo de contenido sobre cómo mejorar la plataforma de extensiones MV3. En función de estas discusiones, muchas de las cuales se llevaron

Conoce la primera fase del enrutamiento estático de Service Worker (ahora en una prueba de origen), una nueva API para especificar de forma declarativa cómo tu Service Worker debería controlar (o no) las rutas.

La anidación de visualización anticipada está habilitada en Chrome 120.

Obtén información sobre cómo el ecosistema de WebGPU se extiende más allá de los dominios de JavaScript, C++ y Rust.

Se informan los problemas de eliminación gradual de cookies de terceros en el panel Problemas, la herramienta de análisis de Privacy Sandbox para cookies, la Política de Seguridad del Contenido vigente en el panel Aplicaciones, mejora de la depuración de animaciones, enumeración mejorada de elementos ignorados y mucho más.

El modo de durabilidad en IndexedDB cambiará de estricto a relajado a partir de Chrome 121.

Un resumen de los cambios importantes en Chrome 120 para desarrolladores de extensiones de Chrome.

El enmascaramiento de CSS, las reglas flexibles para la anidación de CSS, crean patrones de acordeón con el elemento, la acción Enterpictureinpicture para la API de Media Session.

Cómo abrir archivos en service workers de extensión de Chrome, ventanas emergentes, paneles laterales o secuencias de comandos de contenido

Documentación de referencia para la propiedad file_handlers de manifest.json.

Existen dos tipos de lenguajes de programación: lenguajes de programación con recolección de basura y lenguajes de programación que requieren administración manual de la memoria. Con la recolección de elementos no utilizados de WebAssembly, los lenguajes con recolección de elementos no utilizados se pueden portar a WebAssembly.

Ya estamos lanzando Chrome 119. Con una actualización del límite máximo de la fecha de vencimiento para las cookies que ya están almacenadas. CSS cuenta con nuevas pseudoclases, sintaxis de colores relativa, mejoras para Marcos protegidos, como macros de tamaño de anuncios, y mucho más.

Optimiza y realiza ajustes para los usuarios que prefieren una IU opaca.

Texturas flotantes de 32 bits filtrables, formato de vértice unorm10-10-10-2, formato de textura rgb10a2uint y mucho más.

Descubre cómo las capacidades de selección de elementos expandidas habilitan los saltos horizontales visuales para una mejor agrupación.

Habilita el ajuste de texto optimizado para lograr una mayor belleza que la velocidad.

Una descripción general de los cambios recientes en las extensiones de Chrome, además de las interesantes funciones de extensión que los desarrolladores pueden esperar con ansias.

En enero de 2024, el seguimiento de problemas de Chromium migrará a una herramienta con la tecnología de la Herramienta de seguimiento de errores de Google.

La implementación actual de la API de Sanitizer dejó de estar disponible en Chrome 119 para ponerse al día con futuras actualizaciones de especificaciones.

La API de Web Serial agregó compatibilidad con los servicios RFCOMM de Bluetooth.

Cómo escribir pruebas de extremo a extremo para las extensiones

Cómo escribir pruebas de unidades para extensiones

Cómo escribir una prueba automatizada para extensiones de Chrome con Puppeteer

Crea colores nuevos en función de los canales y valores de otro color.

Cómo informar errores de extensiones o problemas con la documentación

Comprobar si ya se informó un error o una solicitud de función

Ya se está lanzando Chrome 118. Declara estilos específicos dentro de un componente con la regla CSS @scope. Usar la nueva función multimedia: preferencias-reducción-transparencia. Herramientas para desarrolladores tiene mejoras en el panel Sources y hay mucho más.

Se mejoró la sección @property en Estilos, se actualizó la lista de dispositivos, se mejoró la impresión con imágenes con formato estilístico en Fuentes y el autocompletado en la consola.

Ahora hay una nueva prueba de origen disponible para abrir ventanas emergentes en modo de pantalla completa en solo un paso.

Compatibilidad con varios lectores y escritores para FileSystemSyncAccessHandle y escritor exclusivo para FileSystemWritableFileStream. El sistema de archivos privado de origen (también conocido como sistema de archivos del bucket) permite a los

La versión beta de Chrome 119 ofrece sintaxis de colores relativas de CSS, nuevas pseudoclases y mucho más.

Aprende a usar @scope para seleccionar elementos solo dentro de un subárbol limitado de tu DOM.

Chrome en macOS comienza a admitir llaves de acceso en el llavero de iCloud. Esto permite que los usuarios creen llaves de acceso en el llavero de iCloud y las sincronicen en los dispositivos Apple.

Obtén más información sobre cómo usar las Herramientas para desarrolladores para depurar extensiones de Chrome.

Compatibilidad con código extendido para copyExternalImageToTexture, compatibilidad experimental con texturas de almacenamiento de lectura y escritura y de solo lectura, y más.

Una explicación detallada de cómo y por qué CyberAgent, RedBus, Nykaa y PolicyBazaar implementaron transiciones de vistas.

Celebramos el 15o aniversario de Chrome y nuestro papel como socio útil y confiable para los desarrolladores.

Obtén algunas sugerencias para desarrolladores de WebGL que migran a WebGPU.

Nueva sección para propiedades personalizadas en Elementos > Estilos, más mejoras sobre anulaciones locales, búsqueda mejorada, espacio de trabajo optimizado en Fuentes y mucho más.

Estilos con alcance para CSS, funciones multimedia adicionales, contenedores de desplazamiento enfocables en teclado y mucho más.

Ya se está lanzando Chrome 117. Con tres nuevas funciones de CSS que facilitan agregar animaciones de entrada y salida fluidas, agrupación de arrays para calcular conjuntos de datos de orden superior, las Herramientas para desarrolladores facilitan las anulaciones locales y hay mucho más.

Cómo migrar tu app alojada o empaquetada de Chrome

Desactiva el búfer de vértices y el grupo de vinculación, hace que los dispositivos perdidos parezcan funcionar y mucho más.

Experiencia y consejos para participar en Google Summer of Code.

Orientación para publicar una nueva extensión de Manifest V3

Usa fragmentos para ejecutar el código que usas con frecuencia y expresiones en vivo a fin de observar los valores en tiempo real.

A partir de Chrome 119, reduciremos el tiempo entre la rama de una versión y la versión estable.

Destaca cómo la comunidad Astro adoptó las transiciones de vistas cuando Chrome estaba dando forma a la API y el camino para conseguir una compatibilidad de primer nivel con ella en las islas persistentes Astro &#43.

“scheduler.yield” es una nueva adición propuesta a la API de Scheduler que se encuentra actualmente en prueba de origen y constituye un enfoque nuevo para dividir las tareas con el fin de ofrecer experiencias del usuario más responsivas. Comprende los beneficios de esta adición propuesta a la API de programación y regístrate en la prueba de origen para ayudarnos a obtener estadísticas y comentarios.

Lighthouse 11 está aquí con nuevos cambios de accesibilidad y actualizaciones de auditorías

Para facilitar la escritura de los comandos del Protocolo de herramientas para desarrolladores de Chrome (CDP), Herramientas para desarrolladores presentó un nuevo editor fácil de usar para que no tengas que usar JSON.

Anula solicitudes de recuperación/XHR y oculta las solicitudes de extensiones del panel Red, consulta los cambios en la prioridad de recuperación en el panel Rendimiento, experimenta varias mejoras de IU, prueba nuevos colores y funciones experimentales y mucho más.

A partir de la versión 117 de Chrome, Chrome destacará proactivamente a los usuarios cuando una extensión que hayan instalado ya no esté disponible en Chrome Web Store.

Obtén información sobre las nuevas capacidades que permiten una transición fluida de animaciones discretas y entre la capa superior

Subcuadrícula de CSS, compatibilidad con animación de entrada y salida para CSS, agrupación de arreglos, ayudantes de iterador y mucho más.

Ya se está lanzando Chrome 116. Usa la API de imagen en imagen del documento para aumentar la productividad del usuario. Ahora es más fácil depurar las hojas de estilo faltantes en Herramientas para desarrolladores, y hay mucho más.

Documentación de referencia para la propiedad "content_scripts" de manifest.json.

Obtén aislamiento de origen cruzado y protección contra filtraciones entre sitios mientras interactúas con las ventanas emergentes.

Integración de WebCodecs, mejoras en la reproducción de video y mucho más

La opción "Permitir esta vez" es una opción única para otorgar permisos en Chrome. Inicialmente, solo estará disponible en computadoras para la ubicación geográfica, la cámara y el micrófono.

Usa puntos de interrupción y registro para depurar con facilidad.

A partir de Chrome 115 Trusted Web Activities (TWA) puedes enviar mensajes con postMessage. En este documento, se explica la configuración necesaria para establecer la comunicación entre tu app y la Web.

Un resumen de los cambios importantes en Chrome 116 para desarrolladores de extensiones de Chrome.

Ruta de movimiento de CSS, API de NotRestoredReason para la memoria caché atrás/adelante, pantalla en pantalla de documento y mucho más.

Aprende a usar la depuración del Inspector web de Safari para Chrome en iOS.

Usa ScrollTimeline y ViewTimeline para crear animaciones basadas en desplazamientos que mejoren la experiencia del usuario. Los marcos cercados funcionan junto con otras APIs de Privacy Sandbox para incorporar contenido relevante y, al mismo tiempo, evitar que se comparta contexto innecesario. Con la API de Topics, el navegador puede compartir información con terceros sobre los intereses de un usuario y, al mismo tiempo, preservar la privacidad. Y hay mucho más.

Una descripción general de los cambios que implementamos en las extensiones de Chrome este año, además de las próximas y emocionantes funciones de extensión que los desarrolladores pueden esperar.

La nueva API es mucho más fluida que la forma clásica de implementar animaciones basadas en desplazamientos.

Aprende a grabar, volver a reproducir y depurar flujos de usuarios con el panel Grabadora en Herramientas para desarrolladores.

Obtén instrucciones paso a paso para conectarte a un WebSocket en tu extensión de Chrome.

Aprende a usar la depuración del Inspector web de Safari para Chrome en iOS.

Usa > Local Storage y Session Storage de la aplicación para depurar pares clave-valor.

DevTools incluye varias mejoras para ayudarte a identificar y depurar problemas con hojas de estilo faltantes más rápido: El panel Red propaga de forma coherente la columna Initiator con vínculos a la línea exacta que hace referencia a un diseño de

Cómo usar la ubicación geográfica en service workers de extensión de Chrome, ventanas emergentes, paneles laterales o secuencias de comandos de contenido

Extensiones de lenguaje WGSL compatibles, compatibilidad experimental con Direct3D 11 y más.

Chrome for Testing es una nueva variante de Chrome que se orienta específicamente a casos de uso de automatización y prueba de apps web.

Aprende a usar las Herramientas para desarrolladores de Chrome para encontrar y corregir errores en C/C+ WebAssembly.

Descubre cómo Adobe logró permitir que los usuarios editen incluso los archivos más grandes en la versión web de su icónica app de Photoshop. (Este artículo también está disponible en forma de video). En 2021, Adobe, junto con el equipo de Ingeniería

La API de Local Font Access proporciona un mecanismo para acceder a los datos de fuentes instalados localmente del usuario, incluidos los detalles de nivel superior, como nombres, estilos y familias, así como los bytes sin procesar de los archivos de

Compatibilidad con datos: Se quitarán las URLs del elemento SVG. Recomendamos migrar a otras alternativas.

Varias palabras clave para la propiedad de visualización de CSS, WGSLLanguageFeatures para WebGPU, actualizaciones de HTTPS y mucho más.

Optimización de JavaScript y mucho más.

Anunciamos la baja y la eliminación planificada de los eventos de mutación, además de información sobre cómo puedes migrar tu código antes de la eliminación en julio de 2024.

La API de File System Access permite funciones de lectura, escritura y administración de archivos. Obtén información sobre cómo Construct 3 usa esta API. (Este artículo también está disponible en forma de video). Construct 3 es un editor de juegos

Una nueva prueba de origen de Chrome que permite a los desarrolladores web controlar la presión de procesamiento.

El panel Elementos tiene una nueva insignia subgrid para la subcuadrícula. Actualmente, esta función es experimental en Chrome Canary. Para inspeccionar y depurar una cuadrícula anidada que es una subcuadrícula y, por lo tanto, hereda la cantidad y

Presentamos la nueva API del panel lateral para extensiones de Chrome.

Ya se está lanzando Chrome 114. Ya se está lanzando Chrome 114. Con ajuste de texto: equilibrio para mejorar los diseños de texto, están aquí las cookies con estado particionado independiente, la nueva API de Popover hace que las ventanas emergentes sean más fáciles que nunca, y hay mucho más.

Si tu sitio web depende de la configuración de document.domain, debes realizar esta acción.

Presentamos linear(), una función de aceleración en CSS que interpola de forma lineal entre sus puntos, lo que te permite recrear los efectos de rebote y resorte.

Usa Workspace para guardar los cambios realizados en las Herramientas para desarrolladores en los archivos fuente locales.

Documentación de referencia para la propiedad de fondo de manifest.json.

Aprende a compilar información sobre herramientas, menús y mucho más con la nueva API de ventanas emergentes.

LEGO Education usa el poder de la Web para que conectar modelos LEGO a la computadora sea lo más simple posible.

Descubre lo que ha estado haciendo el equipo de Chrome Aurora últimamente y su hoja de ruta para 2023.

La API de EyeDropper proporciona un mecanismo para crear una herramienta de cuentagotas que permite a los usuarios obtener muestras de colores de sus pantallas, incluso fuera de la ventana del navegador. Descubre cómo el editor de modelos 3D

La API de File Handling permite que las aplicaciones web se registren como un controlador de archivos para los formatos de archivo que la aplicación puede admitir. Obtén información sobre cómo la aplicación de edición de imágenes Photopea usa esta

Se quitó por completo SQL Web en Chromium 119.

Storage Standard define una API para el almacenamiento persistente y las estimaciones de cuotas, así como la arquitectura de almacenamiento de la plataforma. Estamos experimentando con una API para hacer que la expulsión de almacenamiento persistente bajo una presión de memoria alta sea más predecible. Prueba la API de Storage Buckets en una prueba de origen que se ejecute desde Chrome 115 hasta Chrome 118.

Las 20 funciones principales de CSS y de IU destacadas en Google I/O 2023 que no querrás perderte.

Actualizaciones para las herramientas que llevan la Web a Android. Mejoras en la privacidad y compatibilidad con pantallas grandes en WebView, pestañas personalizadas parciales en pestañas personalizadas, instalación más sencilla y funciones integradas para AWP, administración de facturación de Play Store para TWA y mucho más.

Descubre cómo hacemos que sea más fácil para los desarrolladores entregar experiencias potentes a sus usuarios a través de actualizaciones clave y nuevos lanzamientos que compartimos en Google I/O 2023.

Algunos formularios tienen campos en iframes, lo que provoca problemas para autocompletar en el navegador. Con el autocompletado compartido, el marco superior puede designar la confiabilidad de los iframes de origen cruzado a fin de brindar una mejor experiencia de autocompletado para el usuario.

Descubre cómo WebGPU aprovecha la potencia de la GPU para acelerar el rendimiento del aprendizaje automático y mejorar la renderización de los gráficos.

El equipo de Herramientas para desarrolladores de Chrome está compilando nuevas funciones adicionales para ayudar a detectar problemas de formularios y depurar Autocompletar. Estas funciones se encuentran en una etapa inicial del diseño y la implementación, y necesitamos tus pruebas y comentarios.

En este artículo, se ofrece una descripción general de las novedades de WebDriver BiDi en 2023.

Crea tu propia agenda y prepárate para Google I/O.

Las Herramientas para desarrolladores habilitan Configuración &gt; Experimentos &gt; Depuración de WebAssembly: Habilita la compatibilidad con DWARF de forma predeterminada. Para obtener más información, consulta Cómo depurar WebAssembly con

Aprende a trabajar con los cronogramas de desplazamiento y los cronogramas de vista para crear animaciones basadas en desplazamientos de forma declarativa.

El balanceo de títulos de CSS, CHIPS, el evento de desplazamiento y ventana emergente.

Los service workers de extensión son el controlador central de eventos de una extensión. Eso los diferencia de los trabajadores de servicios web.

¡Ya se está lanzando Chrome 113! WebGPU está aquí. Permite gráficos 3D de alto rendimiento y procesamiento paralelo de datos en la Web. Las Herramientas para desarrolladores ahora pueden anular los encabezados de respuesta de red, los conjuntos propios, parte de Privacy Sandbox, que permite a las organizaciones declarar sitios relacionados que están comenzando a implementarse, y hay mucho más.

Los service workers de extensión responden a los eventos de service worker estándar y a muchos eventos en las APIs de extensión.

Los service workers de extensión responden a los eventos de service worker estándar y a los eventos en espacios de nombres de extensiones. Se presentan juntos porque, a menudo, un tipo sigue a otro durante el uso de una extensión.

Chrome 113 incluye mejoras en el codificador de software AV1 del equipo de Chrome Open Media.

Una nueva prueba de origen de Chrome que permite a los desarrolladores web controlar el desenfoque del fondo de la cámara.

Los service workers de extensión se instalan y actualizan de manera diferente a los service workers web.

WebGPU se envía en Chrome con la integración de WebCodecs en la prueba de origen.

Usa mapas de origen en Herramientas para desarrolladores para depurar tu código original en lugar de implementarlo.

Usa el panel Recursos para desarrolladores para verificar si los mapas de fuentes se cargan correctamente y cárgalos manualmente.

Adapta tu IU a las capacidades de frecuencia de actualización de la pantalla.

Aprende cómo aprovechar el servicio de pestañas personalizadas para mejorar la experiencia del usuario.

Cómo agregar acciones personalizadas a las pestañas personalizadas

Cómo iniciar una pestaña personalizada desde tu app para Android

Aprende a usar pestañas personalizadas parciales para permitir que los usuarios interactúen con tu app mientras ven contenido web.

Cómo hacer que una pestaña personalizada se adapte al aspecto de tu app

Cómo medir la participación de los usuarios en las pestañas personalizadas

Los dispositivos móviles y las tiendas de aplicaciones cambiaron la forma en que los usuarios descubren, evalúan e instalan software. Las apps web ahora ofrecen una plataforma para que los desarrolladores destaquen sus apps en el momento de la instalación.

Un recorrido hacia la evolución de la automatización de pruebas en la Web.

Cómo grabar audio o video desde una pestaña, ventana o pantalla

El uso de animaciones basadas en capas en Views puede mejorar el rendimiento y reducir pero son bastante difíciles de configurar. El AnimationBuilder pueden reducir en gran medida la complejidad y mejorar la legibilidad de las capas animaciones.

Necesitamos tus comentarios sobre una solución propuesta para el problema de los métodos de diseño que organizan los elementos en un orden desconectado de la fuente del documento.

Para facilitar la realización de acciones comunes, como borrar o inhabilitar puntos de interrupción, rediseñamos la barra lateral de puntos de interrupción para que puedas realizarlos con un solo clic.

Ahora puedes anular los encabezados de respuesta en el panel Red. Anteriormente, necesitabas acceso al servidor web para experimentar con los encabezados de respuesta HTTP. Con las anulaciones de encabezados de respuesta, puedes crear prototipos de

El equipo de Chrome ofrece WebGPU, que permite gráficos 3D de alto rendimiento y procesamiento paralelo de datos en la Web.

Nuevas funciones de medios de CSS, la función de aceleración linear() y WebGPU

A partir de Chrome 114, habrá menos tiempo entre la rama para una versión y la versión para versión estable.

¡Ya se está lanzando Chrome 112! Ahora CSS admite reglas de anidación, se actualizó el algoritmo para establecer el enfoque inicial en los elementos de diálogo. De ahora en adelante, se omiten los controladores de recuperación no-op en service workers para navegar más rápido, y hay mucho más.

Aprende a crear y depurar un trabajador de servicio de extensión.

Descubre cómo los mapas de origen pueden ayudarte a depurar tu código original en lugar de implementarlo.

Mejore la experiencia de depuración en las Herramientas para desarrolladores de Chrome con la extensión de mapa de origen ignoreList.

Con SQLite Wasm respaldado por el sistema de archivos privado de origen, existe un reemplazo versátil para la tecnología de base de datos de SQL web obsoleta. Este artículo es una guía para migrar tus datos de Web SQL a SQLite Wasm. En la entrada

Estamos mejorando las medidas de privacidad de Chrome mediante la asociación con Fastly para implementar el servidor de k-anonimato para FLEDGE. Como los datos se retransmiten a través de una retransmisión OHTTP en esta implementación, los servidores de Google no reciben las direcciones IP de los usuarios finales. El servidor k-anonimato es un paso incremental hacia la implementación completa de FLEDGE.

Queremos proteger la privacidad del usuario limitando cuándo se envía el encabezado X-Requested-With.

Un service worker permite que las extensiones se ejecuten solo cuando sea necesario, lo que ahorra recursos.

La grabadora admite opciones de repetición personalizadas que puedes incorporar en DevTools con una extensión. Prueba la extensión de ejemplo. Selecciona la nueva opción de repetición personalizada para abrir la IU de repetición personalizada. Para

El archivo manifest.json requiere un formato ligeramente diferente para Manifest V3 y Manifest V2.

En la segunda de tres secciones, se describen los cambios necesarios para el código que no forma parte del service worker de extensiones.

La API de View Transition permite transiciones de páginas dentro de apps de una sola página y, luego, incluirá apps de varias páginas.

Anidamiento de CSS, composición de la animación y un parámetro de envío para el constructor FormData.

En la primera de las tres secciones, se describen los cambios necesarios para el código que no forma parte del service worker de extensiones.

En la última de las tres secciones, se describen los cambios necesarios para el código que no forma parte del service worker de extensiones.

Una de nuestras funciones favoritas del preprocesador de CSS ahora está integrada en el lenguaje: las reglas de estilo de anidación.

Ya estamos lanzando Chrome 111. Crea transiciones pulidas en tu app de una sola página con la API de transiciones de vista y mejora los colores con compatibilidad para el nivel 4 de color de CSS. Descubre nuevas herramientas en el panel de estilos para aprovechar al máximo la nueva funcionalidad de color, y hay muchas más.

La demostración de APIs de Project Fugu es una colección de apps que usan APIs que forman parte de Project Fugu. El proyecto de capacidades entre empresas (nombre en código Project Fugu ) de Google tiene el objetivo de permitir que las apps web hagan

Con la teoría del empuje, logramos que los usuarios dejaran de dispararse en el pie durante las llamadas de videoconferencia.

Se lanzará una nueva API en la plataforma web para ayudarte a posicionar elementos de forma adaptativa y sin trucos.

Exploramos dos desafíos que enfrentó el equipo de Chrome al implementar CHIPS y cómo los comentarios de la comunidad desempeñaron un papel clave en la evolución del diseño de la propuesta.

Descubre cómo el equipo de Chrome busca fomentar conversaciones más profesionales, inclusivas y respetuosas.

Descubre cómo Next.js, Nuxt.js y otras bibliotecas ayudan a generar CSS de fuentes de resguardo sin CLS.

Intercambia mensajes con aplicaciones nativas desde tu extensión de Chrome.

Las consultas de estilo permiten a los desarrolladores consultar los valores de estilo de un elemento superior mediante la regla @container. En Chrome 111, las consultas de estilo para las propiedades personalizadas de CSS son estables. Descubre cómo comenzar a usarlas.

Usa los paneles Styles y Computed para descubrir problemas de CSS con Herramientas para desarrolladores.

Adónde dirigirte para obtener ayuda con preguntas que no se abordan en la documentación.

Referencia de la pestaña de lugar de trabajo.

Depuración del color HD, mejora de la UX de las interrupciones y mucho más

Referencia de la pestaña de accesos directos.

Referencia de la pestaña Ubicaciones

Referencia de la pestaña Experimentos

Referencia de la pestaña Dispositivos

Descripción general de la configuración.

Las nuevas anulaciones de métricas de fuente y "size-ajuste" permiten a los desarrolladores crear resguardos de fuentes que coincidan estrechamente con las fuentes web. Esto reduce los cambios de diseño.

Lighthouse 10 está aquí con nuevas puntuaciones y auditorías.

Nuevos tipos de color y espacios de color de CSS, funciones trigonométricas de CSS y la API de View Transitions.

El Control de Stadia con firmware actúa como un control de juegos estándar, lo que significa que no se puede acceder a todos sus botones con la API de Gamepad. Con WebHID, ahora puedes acceder a los botones faltantes. Desde que se cerró Stadia,

Habilita herramientas de depuración adicionales o prueba funciones nuevas o experimentales en Chrome.

¡Chrome 110 se está lanzando ahora! Agrega un estilo personalizado a tus elementos de pantalla en pantalla con la nueva seudoclase, establece el comportamiento de inicio de tu app web con launch_handler, usa el atributo sin credenciales en iframes para incorporar contenido de terceros que no establezca una política de incorporaciones de origen cruzado y mucho más.

Aprende sobre la API de CrUX History y cómo usarla para hacer un seguimiento de las tendencias de la experiencia del usuario.

Borra el panel Rendimiento cuando vuelves a cargar la página, visualiza y destaca el código en la grabadora, etcétera.

Para mejorar la privacidad y la seguridad, ahora se deben permitir de forma explícita las llamadas a la API de Web Share en iframes de terceros. En este artículo, se describe un cambio potencialmente incompatible en la API de Web Share. Este cambio

Obtén información sobre cómo los desarrolladores de Chromium pueden reducir las probabilidades de explotación durante n días.

CSS Color 4 ofrece una amplia gama de herramientas y capacidades de colores en la Web.

CSS Color 4 ofrece una amplia gama de herramientas y capacidades de colores en la Web.

Como parte de la especificación de Acceso a redes privadas, Chrome dará de baja el acceso a extremos de red privados de sitios web públicos no seguros. Hay una prueba de baja disponible hasta Chrome 113.

CSS Color 4 ofrece una amplia gama de herramientas y capacidades de color en la Web: más colores, funciones de manipulación y mejores gradientes.

Noticias de una prueba de origen de Chrome que habilita contenido HTML arbitrario en una ventana siempre en la parte superior.

CSS Color 4 ofrece una amplia gama de herramientas y capacidades de colores en la Web.

Depura apps web progresivas con Herramientas para desarrolladores