
Presentación de la API de Project Fugu
Guía para implementar reglas de especulación en sitios más complejos
Una guía de las consideraciones que se deben tener en cuenta cuando se implementan reglas de especulación, en particular para sitios más complejos.
Presentamos command y commandfor
Obtén información sobre las nuevas funciones de comportamiento declarativo en los botones.
Navegadores compatibles
Una descripción general de las funciones de las pestañas personalizadas y la disponibilidad de sus navegadores.
Versión del manifiesto
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
Manifiesto: Versión mínima de Chrome
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.
Manifiesto para áreas de almacenamiento
A diferencia de las áreas de almacenamiento local y sync, el área managed requiere que su estructura declarado como esquema en JSON y validado de forma estricta por Chrome. Este esquema debe almacenarse en un indicado por la propiedad
Manifiesto: habilitación sin conexión
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
Manifiesto: Íconos
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
Manifiesto: nombre y nombre corto
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
Formato de archivo de manifiesto
Cada app tiene un archivo de manifiesto con formato JSON, llamado manifest.json, que proporciona información. El siguiente código muestra los campos de manifiesto admitidos para apps, con vínculos a la página que analiza cada campo.
Funciones web inhabilitadas
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
Manifiesto: Versión
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
Manifiesto: Requisitos
Tecnologías que requiera la app o extensión Los sitios de hosting como Chrome Web Store pueden usar esta lista para disuadir a los usuarios de instalar aplicaciones o extensiones que no funcionan en su computadora. Entre los requisitos admitidos, se
Manifiesto: descripción
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
Manifiesto: módulos Nacl
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
externally_connectable
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
Manifiesto: Zona de pruebas
Advertencia: A partir de la versión 57, Chrome ya no permitirá contenido web externo (incluido marcos y secuencias de comandos incorporados) dentro de páginas de la zona de pruebas. En su lugar, usa WebView. Define un conjunto de páginas de
Manifiesto: configuración regional predeterminada
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
Manifiesto: Clave
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
transmisiones-de-caja de trabajo
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Respuesta ReadableStream BodyInit Toma múltiples promesas de origen, cada una de las cuales podría resolverse como una respuesta, una ReadableStream o BodyInit. Devuelve
Ejemplos
Las muestras de extensiones de Chrome están disponibles en GitHub.
Cómo eBay mejoró en un 10% las tasas de éxito de acceso con el uso compartido de credenciales sin inconvenientes
Descubre cómo eBay mejoró el acceso exitoso en un 10% con los vínculos de recursos digitales para compartir credenciales sin inconvenientes. Aprende a implementar una autenticación segura y multiplataforma, y a mejorar la experiencia del usuario.
Se retrasa el envío de @function de CSS de Chrome 136 a 139.
El equipo de Chrome responde las inquietudes de la comunidad.
Usa scheduler.yield() para dividir tareas largas
scheduler.yield() es una nueva API para dividir tareas largas de forma ergonómica y obtener una continuación de la ejecución priorizada.
Chrome for Developers
Te ayudamos a desarrollar, innovar y crecer en la Web.
Versión beta de Chrome 135
Descubre las novedades de Chrome con la versión beta más reciente.
Chrome Web Store
Chrome Web Store Un mercado en línea en el que los usuarios pueden buscar extensiones y temas. Publica tu extensión allí para que todo el mundo pueda acceder a ella. dashboard Panel del desarrollador Publica tu extensión y administra los elementos de
¿Qué es ChromeDriver?
ChromeDriver es un servidor independiente que implementa el estándar W3C WebDriver.
Novedades de Chrome 134
Se está lanzando Chrome 134. Incluye la función de descarte de luz para diálogos y mucho más por descubrir.
Chrome 134
Selección personalizable, descarte de la luz del diálogo y mucho más.
Desbloquea casos de uso interesantes con la API de Document Picture-in-Picture
Descubre cómo la función Pantalla en pantalla de Documentos mejoró una experiencia de aprendizaje en línea.
Chrome Extensions
Aprende a desarrollar extensiones de Chrome.
Cancela una opinión en el panel del desarrollador de Chrome Web Store
Ahora puedes detener el proceso de revisión de un elemento que esté pendiente.
chrome.bookmarks
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
chrome.bookmarks
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
chrome.contentSettings
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
chrome.contentSettings
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
Inteligencia artificial
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
Prepárate para que Chrome en Android cambie a la pantalla completa
Chrome para Android pasará a tener un diseño de pantalla completa a partir de Chrome 135.
Guía de migración de Chrome en Android de borde a borde
Crea experiencias web de borde a borde
Cómo depurar Gemini Nano
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.
Cómo realizar un análisis de red avanzado con las Herramientas para desarrolladores de Chrome
Realiza un análisis de red avanzado con las Herramientas para desarrolladores de Chrome.
Panel de privacidad y seguridad
Usa el panel "Privacidad y seguridad" para inspeccionar y controlar las cookies de terceros, y verificar la protección de HTTPS.
Novedades de WebGPU (Chrome 134)
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.
Cómo NRK usa animaciones basadas en el desplazamiento para dar vida a las historias
Descubre cómo las animaciones activadas y guiadas por el desplazamiento mejoran los artículos de narración
Popover = sugerencia
Descubre el nuevo modo de la ventana emergente que simplifica las herramientas de ayuda y otros elementos flotantes.
chrome.app.runtime
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
chrome.printing
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:
chrome.sessions
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
chrome.userScripts
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
chrome.printing
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:
chrome.sessions
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
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
Novedades de DevTools en Chrome 134
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.
chrome.i18n
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
Cómo usa la Búsqueda de Google las reglas de especulación
Obtén información sobre cómo la Búsqueda de Google usó la API de Speculation Rules para recuperar de forma anónima los resultados de la búsqueda para mejorar la experiencia del usuario
Renderización de texto mejorada en navegadores basados en Chromium en Windows
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.
chrome.storage
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
chrome.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
Dimensiones
Documentación técnica sobre las dimensiones de CrUX
Las subpartes de imágenes de LCP y la RTT ahora están disponibles en 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.
Cómo usar el conjunto de datos de BigQuery de CrUX
En esta guía, aprenderás a usar BigQuery para escribir consultas en el conjunto de datos de CrUX a fin de extraer resultados detallados sobre el estado de las experiencias del usuario en la Web.
Docs
Muestras de código, guías y referencias de la API que necesitas para lo que estés compilando.
Extensiones / Primeros pasos
Conceptos básicos para comenzar a usar las extensiones de Chrome
Ingresar automáticamente al modo de pantalla en pantalla cuando se reproduce contenido multimedia
Chrome permite que las apps web que reproducen contenido multimedia ingresen automáticamente al modo de pantalla en pantalla.
Versión beta de Chrome 134
Descubre las funciones más recientes que llegarán a Chrome.
chrome.enterprise.platformKeys
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
chrome.enterprise.platformKeys
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
Novedades de Chrome 133
Ya se está lanzando Chrome 133. Hay algunas funciones nuevas y emocionantes de CSS y mucho más por descubrir.
Chrome 133
CSS avanzado attr(), text-box-trim, consultas de contenedor de estado de desplazamiento y mucho más.
Modo de aplicación con pestañas para AWP
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 tu flujo de acceso basado en la Web con la pestaña de Auth para Android
Mejora la autenticación basada en la Web con la pestaña de autenticación para Android
Mejora la privacidad en la Web para los usuarios con las pestañas personalizadas efímeras
Cómo usar pestañas personalizadas efímeras en tu app para Android
Mejora la experiencia de navegación de los usuarios con el historial específico de la app
Cómo usar el historial específico de la app en tu app para Android
Simplifica la autenticación con la pestaña de Auth
Cómo usar la pestaña de autenticación especializada en tu app para Android
Profundiza la participación de los usuarios con el historial específico de la app en las pestañas personalizadas de Chrome
Presentamos el historial específico de la app para las pestañas personalizadas de Chrome para Android
chrome.permissions
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
chrome.runtime
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
chrome.permissions
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
Novedades de DevTools en Chrome 133
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.
Novedades de WebGPU (Chrome 133)
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.
Novedades de las extensiones de Chrome en enero de 2025
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.
Prácticas recomendadas para la administración de sesiones con la API de Prompt
En esta guía, se presentan las prácticas recomendadas para la administración de sesiones con la API de Prompt.
Notas de la versión
Obtén información sobre los cambios de Chrome que afectan a los desarrolladores
Novedades de Chrome
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
Actualizaciones de las políticas de Chrome Web Store: garantizamos claridad y coherencia para los desarrolladores
Anunciamos una serie de actualizaciones de políticas diseñadas para brindar claridad y coherencia en nuestra plataforma.
Prácticas recomendadas para renderizar respuestas de LLM transmitidas
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.
Traducción con IA integrada
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.
Simplificación de la detección de funciones de WebAuthn para llaves de acceso
Descubre cómo detectar las capacidades de WebAuthn con "getClientCapabilities()</code> y adaptar los flujos de trabajo de autenticación para tus usuarios.
Cómo transmiten respuestas los LLM
Comprender qué es la transmisión y cómo funciona con la IA y los LLM
Inmovilización en el modo de ahorro de energía
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
Sugerencias para Herramientas para desarrolladores
Contenido multimedia
Mejora la forma de incluir imágenes, videos y mucho más en tus sitios y apps web.
Las llaves de acceso del Administrador de contraseñas de Google ahora están disponibles en iOS
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.
scroll-state() de CSS
Al igual que las consultas de contenedores, pero para consultas atascadas, ajustadas y desbordadas.
Versión beta de Chrome 133
Obtén información sobre las funciones más recientes que se envían en Chrome.
Se actualizó la función attr() de CSS
Ahora puedes usar attr() con cualquier propiedad CSS, incluidas las propiedades personalizadas, y puede analizar valores en tipos de datos distintos de cadenas.
Cómo presentamos Gemini en las Herramientas para desarrolladores de Chrome
Descubre casos de uso divertidos y emocionantes del nuevo panel de asistencia de IA en Herramientas para desarrolladores
text-box-trim de CSS
Recupera espacio de arriba y abajo del contenido de texto para lograr un equilibrio óptico.
Chrome 132
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.
Novedades de Chrome 132
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.
chrome.sockets.udp
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
chrome.tabs
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,
chrome.tabs
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,
La compatibilidad con la extensión de Web Vitals finalizó
Se completó la fusión de la extensión de Web Vitals y DevTools, y finalizó la compatibilidad con la extensión.
Ganadores del Desafío de IA integrada
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.
Captura una transmisión de video por Internet desde cualquier elemento
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.
chrome.ttsEngine
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
chrome.ttsEngine
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
chrome.cookies
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
chrome.cookies
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
chrome.appviewTag
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
Mitiga el robo de clics con XFO o CSP
Obtén más información para mitigar los ataques de suplantación de clics.
Novedades de WebGPU (Chrome 132)
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.
Novedades de las extensiones de Chrome
Cambios recientes en la plataforma, la documentación y la política de extensiones de Chrome
GPU de la Web
Aprende sobre WebGPU con guías, demostraciones y las noticias más recientes
Crea con Chrome
Consulta qué se incluye en las versiones estables y beta más recientes de Chrome.
Pagos
Aprende a usar las APIs de Payment más recientes en Chrome
Privacidad y seguridad
Obtén información sobre las funciones de privacidad y seguridad de Chrome.
Apps
La tecnología dejó de estar disponible para crear experiencias que tuvieran más acceso al sistema operativo subyacente.
Titiritero
Una biblioteca de Node.js que proporciona una API de alto nivel para controlar Chrome o Chromium sin interfaz gráfica
Web en Android
Obtén más información sobre las funciones de Chrome para desarrollar apps web en Android.
chrome.certificateProvider
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
chrome.extension
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
Faro
Automatiza las auditorías de rendimiento web con Lighthouse
Rendimiento
Optimiza el rendimiento de tus aplicaciones web con las herramientas de rendimiento de Chrome.
chrome.system.display
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
chrome.system.display
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
chrome.action
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
Identidad
Obtén información sobre las funciones de identidad de Chrome, como la autenticación web.
chrome.commands
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
No se admite la operación cuando se usa la depuración remota
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
ChromeOS
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
Descripción general de WebView
El componente WebView se basa en el proyecto de código abierto de Chromium.
chrome.certificateProvider
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
chrome.extension
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
Registro de rendimiento
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á
Descargas
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
Falla de ChromeDriver
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
Chrome no se inicia o falla inmediatamente
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
Consideraciones de seguridad
ChromeDriver es una herramienta potente que puede causar daños si cae en las manos equivocadas. Cuando uses ChromeDriver, sigue estas sugerencias:
Android
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
Compatibilidad con el teclado
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
Emulación de dispositivos móviles
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
Canary
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
Autocompletar en acción: estadísticas del mundo real
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.
Hallazgos de la solicitud de selección personalizable para el formulario de comentarios de los desarrolladores
Gracias por tu tiempo, por enviarnos comentarios, revisar los detalles y ayudarnos a definir los estándares.
Comienza a usar la IA integrada
Conoce los requisitos para comenzar a compilar funciones y aplicaciones con IA integrada.
Detección de idioma con IA integrada
La API de Language Detector ofrece un descubrimiento de idioma integrado en la Web, en el navegador.
Cómo usar la herramienta de cronograma de asignación
Usa la herramienta de cronograma de asignación para encontrar objetos que no se están limpiando correctamente y seguir reteniendo memoria.
Evita las animaciones no compuestas
Cómo pasar la auditoría de Lighthouse "Evitar animaciones no compuestas"
Terminología de la memoria
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.
CSS Wrapped 2024
Ú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.
Novedades de DevTools en Chrome 132
Debugea solicitudes de red, archivos de origen y registros de rendimiento con Gemini, consulta el historial de chat de IA y mucho más.
Cómo registrar y analizar un registro de rendimiento con DevTools
Graba y analiza un registro de rendimiento con DevTools.
Cómo ver y editar el almacenamiento de extensiones
Cómo ver y editar el almacenamiento de extensiones con el panel Extension Storage
chrome.syncFileSystem
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
chrome.bluetoothSocket
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
chrome.mdns
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[]
chrome.socket
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
chrome.browser
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
chrome.bluetooth
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
chrome.bluetoothLowEnergy
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.
chrome.serial
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
chrome.webviewTag
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
chrome.fontSettings
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
chrome.usb
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
La API de Prompt
Descubre las infinitas posibilidades de la API de Prompt en las extensiones de Chrome.
IA y extensiones
Aprende a desarrollar extensiones con IA
Baja del panel Estadísticas de rendimiento
El panel experimental Estadísticas de rendimiento se quitará en enero de 2025 y se reemplazará por nuevas estadísticas en el panel Rendimiento.
Usa una política de HSTS sólida
Obtén más información para configurar una política de seguridad de transporte estricta de HTTP (HSTS) sólida
Chrome DevTools
Descubre y explora las noticias más recientes sobre la asistencia de IA y los casos de uso
chrome.documentScan
Usa la API de chrome.documentScan para descubrir y recuperar imágenes desde los escáneres de documentos adjuntos.
chrome.dns
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
chrome.desktopCapture
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
chrome.declarativeContent
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
chrome.system.storage
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ó
chrome.alarms
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
chrome.contextMenus
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,
chrome.audio
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
Autocompletar
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
Herramientas de CrUX
Documentación técnica sobre las herramientas de CrUX
chrome.declarativeNetRequest
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,
chrome.devtools.panels
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
chrome.fileBrowserHandler
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
chrome.readingList
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
La accesibilidad de video gana el premio web de la Competencia de Desarrolladores de la API de Gemini
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.
Qué sigue para WebGPU
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.
Prepara tu extensión mientras comenzamos a probar un nuevo menú de extensiones
Cómo preparar tu extensión para el nuevo menú de extensiones
Llaves de acceso
Un reemplazo de contraseñas más fácil y seguro.
chrome.networking.onc
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
Panel de asistencia de IA
Comprender cómo funciona un sitio web con la ayuda de la IA
Únete a la prueba de origen de la API de Translator
Traduce texto en tiempo real en el navegador con modelos de IA locales. Ahora, los usuarios pueden contribuir en su idioma materno.
IA integrada
La IA integrada es la oferta más reciente para ofrecer modelos potentes a los usuarios, proteger los datos sensibles y mejorar la latencia.
Asistencia de IA para fuentes
Comprende los recursos de tu sitio web con la ayuda de la IA
Versión beta de Chrome 132
Obtén información sobre las funciones más recientes que se envían en Chrome.
Traducción del cliente con IA
Descubre la API de Translator para potenciar la asistencia al cliente a nivel mundial.
Anota los seguimientos directamente en el panel Rendimiento
Aprende a hacer que los seguimientos de rendimiento sean más comprensibles con las nuevas funciones de anotaciones en DevTools
API de Signal para llaves de acceso en Chrome para computadoras
Presentamos la API de Signal para llaves de acceso en Chrome para computadoras
Asistencia de IA para el rendimiento
Comprende los perfiles de rendimiento con la ayuda de la IA
Asistencia de IA para la red
Comprende el tráfico de red de tu sitio web con la ayuda de la IA
Mantén la coherencia de las llaves de acceso con las credenciales de tu servidor con la API de Signal
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.
Novedades de Chrome 131
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.
Únete a la prueba de origen de la API de Summarizer
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.
Únete a la prueba de origen de la API de Prompt para extensiones de Chrome
Participa en la prueba de origen de la API de Prompt para extensiones de Chrome y accede a Gemini Nano en Chrome.
Chrome 131
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.
Resume contenido con la IA integrada
Condensa artículos extensos, documentos complejos o incluso conversaciones animadas de chat en resúmenes concisos y perspicaces.
IU y CSS
Encuentre recursos sobre temas como tipografía, color y diseño.
Cómo comenzar con las pruebas de origen
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.
Más opciones para aplicar diseño <details>
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.
Cómo solucionar problemas de memoria
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.
Novedades de WebGPU (Chrome 131)
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.
Descripción general del panel de memoria
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.
Ayuda a los usuarios a acceder sin problemas con el uso compartido de credenciales eficiente
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.
Personaliza las Herramientas para desarrolladores
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.
Referencia de insignias
Activa o desactiva varias superposiciones y acelera la navegación del árbol del DOM con insignias.
Supervisa las métricas de Core Web Vitals en vivo en el panel de rendimiento
Supervisa las métricas de las Métricas web esenciales en vivo en el panel Rendimiento.
Reconoce la escritura a mano de tus usuarios
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.
Agregar contenido a los márgenes de las páginas web cuando se imprima con CSS
Crea encabezados y pies de página personalizados cuando imprimas páginas web.
Novedades de DevTools en Chrome 131
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.
WebGPU: Sugerencias y soluciones para la solución de problemas
Descubre por qué WebGPU puede estar inhabilitado o no funciona en el navegador Chrome.
Analiza el rendimiento del entorno de ejecución
Aprende a evaluar el rendimiento del tiempo de ejecución en las Herramientas para desarrolladores de Chrome.
Se quitará --headless=old 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.
Nueva insignia de desplazamiento en DevTools: Encuentra elementos desplazables más rápido
Descubre cómo la nueva insignia de desplazamiento de DevTools simplifica la depuración de elementos desplazables (y cómo la compilamos).
5 funciones interesantes que puedes hacer con la asistencia de IA de DevTools
Descubre casos de uso divertidos y emocionantes del nuevo panel de asistencia de IA en Herramientas para desarrolladores
Modo sin interfaz gráfica de Chrome
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.
Habilitación de bfcache para Cache-Control: no-store
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.
APIs de IA integradas
La IA integrada es la oferta más reciente para ofrecer modelos potentes a los usuarios, proteger los datos sensibles y mejorar la latencia.
Versión beta de Chrome 131
Descubre las funciones que llegarán a Chrome con la versión beta más reciente.
Referencia de la API
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.
Novedades de Chrome 130
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.
Asistencia de IA para aplicar diseño
Comprende cómo se aplica diseño a un sitio web con la ayuda de la IA en DevTools.
Chrome 130
¡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!
Novedades de WebGPU (Chrome 130)
Combinación de doble fuente, mejoras en el tiempo de compilación del sombreador en Metal, baja de GPUAdapter requestAdapterInfo() y mucho más.
chrome.hid
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
chrome.clipboard
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
Innovaciones en IA
Referencia de la pestaña Innovaciones sobre la IA.
Cómo inspeccionar la actividad de red
Un instructivo sobre las funciones más populares relacionadas con la red en las Herramientas para desarrolladores de Chrome.
API de Long Animation Frames
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
Propiedad de romper la decoración en Chrome 130
Chrome 130 incluye compatibilidad completa y sin prefijo para la ruptura de la caja de decoración.
Cliente nativo
Zona de pruebas para ejecutar códigos C y C++ compilados en el navegador. Esta función ya no está disponible.
Qué está pasando en las extensiones de Chrome en octubre de 2024
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.
Acceso a redes privadas en espera
El lanzamiento del Acceso a redes privadas (PNA) está en espera.
Cambios de herencia para el diseño de selección de CSS
En Chrome 134, se realizará un cambio en la herencia de elementos destacados de CSS.
La API de Translation está disponible para la versión preliminar anticipada
La API de Translation ahora está disponible para los participantes del Programa de versión preliminar de IA integrada.
La API de posicionamiento de anclas de CSS
Posiciona elementos uno respecto del otro con la API de posicionamiento de anclajes.
Captura la predicción en Herramientas para desarrolladores de Chrome: Por qué es difícil y cómo mejorarla
Descubre cómo el depurador de Herramientas para desarrolladores predice si se detecta una excepción.
Únete al Desafío de IA integrada de Google Chrome
Lanzaremos el Desafío de IA integrada, donde te invitamos a reimaginar lo que puedes hacer con Gemini Nano en Chrome.
WebAuthn: Cómo emular autenticadores
Emula autenticadores y depura WebAuthn en las Herramientas para desarrolladores de Chrome.
Búsqueda: Encuentra texto en todos los recursos cargados
Busca texto en todos los recursos cargados con el panel de búsqueda.
Referencia de las funciones
Referencia completa de las funciones del panel Grabadora de Herramientas para desarrolladores de Chrome.
Mejora de la experiencia en dispositivos móviles del Panel del desarrollador de Chrome Web Store
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
Novedades de DevTools en Chrome 130
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.
Descripción general del panel Sources
Visualiza y edita archivos, crea fragmentos, depura JavaScript y configura lugares de trabajo en el panel Sources de Herramientas para desarrolladores de Chrome.
Cobertura: Busca JavaScript y CSS sin usar
Cómo encontrar y analizar código JavaScript y CSS sin usar en las Herramientas para desarrolladores de Chrome
Transiciones de vista del mismo documento para aplicaciones de una sola página
Comienza a usar transiciones de vista al mismo documento en tu aplicación de una sola página.
Panel de capas: explora las capas de tu sitio web
Inspecciona las capas que conforman tu sitio web.
Desmitificación de la caché: Inspecciona, borra y, luego, inhabilita las cachés
Inspecciona la caché y soluciona problemas con Herramientas para desarrolladores.
Regístrate para participar en la prueba de origen de la API de Language Detection
La API de Language Detection ahora está disponible en una prueba de origen de Chrome.
La extensión de Métricas web, ahora en DevTools
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.
Descripción general de la consola
Los principales usos de la consola de Herramientas para desarrolladores de Chrome son registrar mensajes y ejecutar JavaScript.
Cómo identificar de forma única las AWP con la propiedad de ID del manifiesto de la aplicación web
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.
APIs de Writer y Rewrite disponibles para la vista previa anticipada
Los participantes del EPP ahora pueden crear prototipos con APIs de escritura y reescritura en Chrome.
Comentarios necesarios: ¿Cómo debemos definir la mampostería de CSS?
Una comparación de las dos especificaciones de mampostería propuestas.
Chrome sincronizará las llaves de acceso en el Administrador de contraseñas de Google entre computadoras y Android
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.
Versión beta de Chrome 130
Prueba tu sitio con las funciones y los cambios de la versión beta más reciente de Chrome.
Experimento de Chrome: Proceso de uso compartido
El experimento de uso compartido de procesos y su impacto en las Herramientas para desarrolladores de Chrome' la experiencia del desarrollador.
Animar a height: auto; (y otras palabras clave de tamaño intrínseco) en CSS
Cómo animar hacia y desde palabras clave de tamaño intrínseco con "interpolate-size" y "calc-size()`
Novedades de WebGPU (Chrome 129)
Compatibilidad con HDR con el modo de asignación de tonos del lienzo, compatibilidad expandida con subgrupos y mucho más.
Panel de rendimiento: analiza el rendimiento de tu sitio web
Analiza la carga y el rendimiento del tiempo de ejecución de tu sitio web
Supervisa el rendimiento de las Métricas web esenciales locales y de usuarios reales en DevTools
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.
Novedades de Chrome 129
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.
Actualizaciones de Bluetooth RFCOMM en Web Serial
Obtén información para detectar cuándo hay un puerto en serie RFCOMM Bluetooth disponible con Web Serial.
Cómo inmovilizar la pantalla y también inspeccionar los elementos que desaparecen
Inmoviliza elementos en el DOM para que puedas inspeccionarlos con DevTools.
Solicitud de comentarios del desarrollador: selección personalizable
Una vista previa de la nueva función de selección personalizable.
Notas de la versión
Detalles sobre los cambios más recientes en el conjunto de datos de CrUX
Pantalla en pantalla para cualquier elemento, no solo para <video>
Mostrar contenido HTML arbitrario en una ventana siempre activa.
Las APIs de bloqueo del teclado y del puntero requieren permiso de Chrome 131.
La API de Keyboard Lock permite que los desarrolladores proporcionen 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.
Inspector de memoria: Inspecciona ArrayBuffer, TypedArray, DataView y Wasm Memory.
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++
Cambios: Realice un seguimiento de los cambios que realizó en HTML, CSS y JavaScript
Realiza un seguimiento de los cambios en HTML, CSS y JavaScript.
Presentamos la prueba de origen de la API de credenciales digitales
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.
Habilita el uso compartido de credenciales sin problemas entre sitios web en Chrome
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.
Ejecutar comandos en el menú de comandos
Una guía sobre cómo abrir el menú de comandos, ejecutar comandos, abrir archivos, ver otras acciones y mucho más.
Cambios en la sintaxis del posicionamiento de anclajes
Cambios relacionados con la API de posicionamiento de anclajes que debes tener en cuenta
Novedades de Herramientas para desarrolladores: Chrome 129
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.
Plataforma web
Descubre cómo funciona Chrome, participa en pruebas de origen y crea compilaciones con Chrome en todas partes.
Presentamos sugerencias, solicitudes de origen relacionadas y serialización JSON para WebAuthn en Chrome
WebAuthn en Chrome ahora puede usar sugerencias, solicitudes de origen relacionados y serialización JSON
chrome.tabGroups
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
chrome.privacy
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
chrome.wallpaper
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
chrome.input.ime
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
chrome.system.storage
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
chrome.scripting
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
chrome.webAuthenticationProxy
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
chrome.devtools.performance
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
chrome.enterprise.hardwarePlatform
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.
chrome.types
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
chrome.tabCapture
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
chrome.enterprise.deviceAttributes
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
chrome.vpnProvider
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
chrome.power
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
chrome.systemLog
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:
chrome.system.memory
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
chrome.enterprise.networkingAttributes
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
chrome.topSites
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"
chrome.proxy
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
chrome.processes
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,
chrome.devtools.recorder
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
chrome.system.cpu
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
chrome.devtools.network
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 (
chrome.devtools.inspectedWindow
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
chrome.webNavigation
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
chrome.search
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
chrome.tts
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
chrome.printerProvider
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
chrome.printingMetrics
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
Funciones y opciones de Chrome
Las funciones son opciones que puedes usar para personalizar y configurar una sesión de ChromeDriver.
¿Qué falta en HTML y CSS?
¿Estás de acuerdo con los asistentes del CSS Day sobre lo que se debe agregar a la Web?
Almacenamiento IndexedDB más eficiente en Chrome
Una nueva optimización en Chrome mejora la forma en que se almacenan los datos de IndexedDB en el disco. En este documento, se resumen los puntos clave de esta actualización.
API de detección de idioma disponible para versión preliminar anticipada
Los participantes del EPP ahora pueden crear prototipos con una API de detección de idioma en Chrome.
Lighthouse: Optimiza la velocidad del sitio web
Haz que tus sitios web se carguen más rápido con Lighthouse de Chrome.
chrome.webRequest
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
chrome.sidePanel
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:
chrome.omnibox
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
chrome.pageAction
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
chrome.windows
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.
chrome.i18n
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
chrome.browserAction
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
chrome.webRequest
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
chrome.fileBrowserHandler
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
chrome.devtools.panels
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
chrome.system.cpu
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
chrome.enterprise.networkingAttributes
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
chrome.gcm
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
chrome.wallpaper
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
chrome.instanceID
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<void> Las
chrome.printingMetrics
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
chrome.input.ime
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
chrome.loginState
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"
chrome.platformKeys
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.
chrome.processes
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,
chrome.devtools.inspectedWindow
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
chrome.identity
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.
chrome.history
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
chrome.dom
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
chrome.enterprise.hardwarePlatform
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.
chrome.tts
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
chrome.devtools.recorder
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
chrome.tabCapture
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
chrome.webNavigation
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
chrome.topSites
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"
chrome.management
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:
chrome.search
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
chrome.idle
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
chrome.printerProvider
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
chrome.enterprise.deviceAttributes
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
chrome.types
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.
chrome.privacy
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
chrome.windows
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.
chrome.power
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
chrome.systemLog
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:
chrome.pageCapture
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
chrome.fileSystemProvider
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
chrome.notifications
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
chrome.downloads
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
chrome.devtools.network
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.
chrome.fontSettings
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
chrome.proxy
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
chrome.vpnProvider
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
chrome.events
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
chrome.events
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
chrome.idle
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
chrome.offscreen
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
chrome.pageCapture
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
chrome.fileSystemProvider
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
chrome.dom
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
chrome.debugger
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
chrome.loginState
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"
chrome.omnibox
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
chrome.management
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:
chrome.downloads
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
chrome.platformKeys
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.
chrome.history
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
chrome.identity
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.
chrome.gcm
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
chrome.notifications
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
chrome.instanceID
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<void> Las
chrome.sockets.tcp
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
chrome.sockets.tcpServer
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
chrome.system.network
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
chrome.fileSystem
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
chrome.app.window
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
chrome.virtualKeyboard
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
chrome.mediaGalleries
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
Registro
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
Comenzar a usar ChromeDriver
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
Extensiones de Chrome
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
Versión beta de Chrome 129
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 tus datos de rendimiento con la API de Extensibility
Personaliza los datos de rendimiento con la API de Extensibility
chrome.browsingData
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
chrome.system.memory
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
chrome.desktopCapture
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”
chrome.documentScan
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
chrome.dns
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
chrome.declarativeWebRequest
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 de la API
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.
Contenido multimedia: Visualiza y depura la información de los reproductores multimedia
Usa el panel Media para ver información y depurar los reproductores multimedia por pestaña del navegador.
Chrome 128
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.
Novedades de WebGPU (Chrome 128)
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.
Mejora el rendimiento de la accesibilidad de Chromium
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.
Compila una app con WebGPU
Aprende a compilar una app con WebGPU para la Web y plataformas específicas.
Novedades de Chrome 128
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.
La prueba de origen de la API de File System Observer
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.
chrome.declarativeNetRequest
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
chrome.alarms
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
chrome.contextMenus
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
chrome.debugger
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
chrome.audio
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
chrome.declarativeContent
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
chrome.commands
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
chrome.browsingData
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
API de File System Access: Simplificación del acceso a archivos locales
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.
API de Summarization disponible para versión preliminar anticipada
Los participantes del EPP ahora pueden crear prototipos con la API de resumen para Gemini Nano en Chrome.
Eventos de instantáneas de desplazamiento
Presentamos dos nuevos eventos de JavaScript: scrollSnapChange yscrollSnapChanged.
Experimentar con la medición de navegaciones suaves
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.
Chrome DevTools
Depura y optimiza tus aplicaciones web con las Herramientas para desarrolladores de Chrome.
4 formas de realizar capturas de pantalla con las Herramientas para desarrolladores
Descubre 4 formas únicas de realizar capturas de pantalla con Herramientas para desarrolladores.
WebDriver BiDi listo para la producción en Firefox, Chrome y Puppeteer
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.
Novedades de Herramientas para desarrolladores: Chrome 128
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.
Blog
Noticias más recientes del equipo de Relaciones con Desarrolladores de Chrome
Participa en el experimento de IA integrada de Chrome
Una actualización sobre la IA integrada, la API de Prompt y los planes de IA de Chrome.
Actualizaciones de la UX de las llaves de acceso en Chrome para Android
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
Nombres de CSS definidos por el autor y shadow DOM: En especificación y en la práctica
Se explica el estado actual de interoperabilidad de los nombres definidos por el autor, tal como se usan en el shadow DOM en CSS.
Más allá de las expresiones regulares: Mejora del análisis del valor de CSS en las Herramientas para desarrolladores de Chrome
Descubre cómo el equipo de Herramientas para desarrolladores mejoró la presentación de los estilos en la pestaña Estilos.
Automatización con WebDriver BiDi ahora disponible en BrowserStack
BrowserStack presenta la compatibilidad con WebDriver BiDi: mejora tus pruebas de Selenium Grid con automatización basada en eventos.
Cargas más rápidas de páginas utilizando el tiempo de reflexión del servidor con Sugerencias iniciales.
Descubre cómo tu servidor puede enviar sugerencias al navegador sobre subrecursos críticos.
API de CrUX
Aprende a crear solicitudes y analizar respuestas desde la API de CrUX.
API de historial de CrUX
Descubre cómo consultar los seis meses anteriores de tendencias históricas de CrUX con la API de CrUX History.
Panel de red: Analiza la carga de red y los recursos
Analizar la carga de red y los recursos
rubí que se puede romper de una línea propiedad ruby-align de CSS
Elemento rubí que puede romper líneas y propiedad ruby-align de CSS
Versión beta de Chrome 128
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.
Novedades de Chrome 127
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.
Cómo ayuda Chrome a los usuarios a instalar las apps que valoran
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
Novedades de WebGPU (Chrome 127)
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
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.
Solicitud de comentarios del desarrollador sobre el flujo de lectura y los elementos con pantalla: contenido
Ayúdanos a asegurarnos de que el flujo de lectura satisfaga tus necesidades.
Preferencias
Referencia de la pestaña Preferencias.
Referencia de las funciones de red
Referencia completa de las funciones del panel Network de Chrome DevTools.
Panel de grabadora: Registra y mide el flujo de usuarios
Analiza y registra los flujos de usuarios.
Conceptos erróneos sobre las transiciones de vistas
Debido a que cada vez más personas comienzan a analizar la API de View Transition, es hora de desmentir algunos conceptos erróneos.
¿Qué sucederá con las extensiones de Chrome?
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.
Extensiones de Chrome: Actualizaciones importantes de la política
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.
Novedades de Herramientas para desarrolladores: Chrome 127
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.
Modo de inspección: Analiza rápidamente las propiedades de los elementos
Inspecciona elementos en tu app web
Referencia de las funciones de rendimiento
Referencia sobre todas las formas de registrar y analizar el rendimiento en las Herramientas para desarrolladores de Chrome.
Cómo agregar Trusted Types a YouTube
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 ya se envió
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.
Evita un tamaño excesivo de DOM
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.
Renderiza previamente las páginas en Chrome para navegarlas de forma instantánea
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.
Detrás de Chrome Web Store: Cómo formular preguntas de confianza y seguridad
Conversamos con el equipo a cargo de la revisión en Chrome Web Store.
Rendimiento máximo de IndexedDB con buckets de almacenamiento
El equipo de Chrome realizó una serie de mejoras relacionadas con el rendimiento en la implementación de IndexedDB (IDB).
Una prueba de origen para un nuevo elemento HTML <permission>
El equipo de Chrome está experimentando con un nuevo elemento HTML declarativo de <permiso> para solicitarle al usuario acceso a funciones potentes.
Almacena en caché los modelos de IA en el navegador
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.
Chrome 127 beta
Descarga la versión beta y prueba las funciones más recientes que se implementarán en Chrome.
Novedades de WebGPU (Chrome 126)
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
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.
Novedades de Chrome 126
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.
Lo último en CSS y la IU web: Resumen de I/O 2024
Lee todos los anuncios sobre CSS y la IU web de Google I/O 2024.
Da de baja el evento de descarga
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.
Chrome UX Report
Documentación técnica sobre las métricas de CrUX
3 funciones nuevas para personalizar tus flujos de trabajo de rendimiento en Herramientas para desarrolladores
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.
Supervisor de protocolos: visualiza y envía solicitudes de CDP
Supervisa las solicitudes y respuestas de CDP.
Analiza el rendimiento del selector de CSS durante los eventos Recalculate Style
Analiza el rendimiento del selector de CSS durante los eventos Recalculate Style.
Omitir la revisión para ver los cambios aptos en las extensiones
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.
Filtro de contenido
Una explicación del filtro de contenido y cómo abordarlo en tu extensión de Chrome.
No tiene una etiqueta con ancho o escala inicial
Obtén información sobre la auditoría de Lighthouse "No tiene una etiqueta con ancho o escala inicial".
Condiciones de red: Cómo anular la string del usuario-agente
Obtén más información para emular otros navegadores con el panel de condiciones de la red.
Novedades de Herramientas para desarrolladores, Chrome 126
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.
Cómo depurar JavaScript
Aprende a usar las Herramientas para desarrolladores de Chrome para encontrar y corregir errores de JavaScript.
Extensiones de Chrome en Google I/O 2024
Otro Google I/O está detrás de nosotros y abarcamos todas las emocionantes actualizaciones de extensiones.
Depura las reglas de especulación con las Herramientas para desarrolladores de Chrome
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.
Panel de fuente rápida
Ver archivos fuente y acceder a otras herramientas
Fomenta opiniones sobre productos útiles con la IA web del cliente
En el siguiente codelab, se ofrece IA del cliente. No se requieren conocimientos de desarrollo de IA, servidores ni claves de API.
Mejoras de WebAssembly y WebGPU para una IA web más rápida (parte 2)
Parte 2/2. Descubre cómo las mejoras de WebAssembly y WebGPU mejoran el rendimiento del aprendizaje automático en la Web.
Mejoras de WebAssembly y WebGPU para lograr una IA web más rápida (parte 1)
Parte 1/2. Descubre cómo las mejoras de WebAssembly y WebGPU mejoran el rendimiento del aprendizaje automático en la Web.
Evalúa las opiniones sobre productos con IA
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.
Resumen de IA web de I/O 2024: Nuevos modelos, herramientas y APIs para tu próxima app web
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
Chrome 126 Beta incluye transiciones de vistas entre documentos, junto con la extensión Trigger-rumble de la API de Gamepad y otras funciones.
¿Cuáles son las novedades en las transiciones de vistas? (Actualización de Google I/O 2024)
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
Panel de supervisión de rendimiento
Analiza el rendimiento del tiempo de ejecución de tu sitio web en tiempo real.
Novedades de JavaScript Frameworks (mayo de 2024)
En este documento, se ofrecen brevemente los aspectos destacados de los acontecimientos recientes en el ecosistema de frameworks de JavaScript.
Compatibilidad con SVG para la API de Async Clipboard
La API de Async Clipboard ahora puede procesar imágenes SVG.
Presentación de la compatibilidad con UIA en Windows
A partir de Chrome 126, se admite el framework de automatización de la IU de Windows.
Chrome 125
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.
Anula de manera local el contenido web y los encabezados de respuesta HTTP
Usa anulaciones locales para simular recursos remotos y mantén los cambios que realices en Herramientas para desarrolladores entre las cargas de páginas.
Novedades de Chrome 125
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.
10 actualizaciones de Google I/O 2024: Libera el poder de la IA para todos los desarrolladores web
Descubre funciones interesantes en las sesiones y el discurso de apertura para desarrolladores de Google I/O.
Cuándo elegir la IA del cliente
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.
Sugerencias de Herramientas para desarrolladores: Anulación y simulación de respuestas de red
Descubre cómo anular y simular respuestas de red con las Herramientas para desarrolladores.
Cómo Spotify usó la API de pantalla en pantalla para crear el reproductor en miniatura de Spotify
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 con las estadísticas de la consola
Comprende mejor los errores y las advertencias en la consola con Gemini.
Presentamos la API de posicionamiento de anclas de CSS
Posiciona elementos uno respecto del otro con la nueva API de posicionamiento de anclas.
Herramientas de Chrome para realizar pruebas automatizadas y sin inconvenientes
Una breve descripción general de Puppeteer, Chrome sin interfaz gráfica, Chrome for Testing y otros recursos del equipo de herramientas de Chrome.
Implementa pruebas en tu empresa con Chrome
Aprende a superar los desafíos de las pruebas en entornos empresariales
Novedades de Herramientas para desarrolladores, Chrome 125
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
Ver casos de éxito de transiciones
redBus, Policybazaar y Tokopedia usan la API de View Transition y se benefician de un mejor rendimiento y una IU fluida.
Novedades de WebGPU (Chrome 125)
Subgrupos en desarrollo y renderizados como porción de textura 3D.
Casos de éxito de :has()
Descubre cómo Policybazaar y Tokopedia se benefician del uso de :has().
Casos de éxito de consultas de contenedores
Obtén más información sobre los beneficios de las consultas de contenedores de redBus y Tokopedia.
Casos de éxito de animaciones basadas en desplazamientos
Descubre los beneficios de las animaciones basadas en desplazamientos con Policybazaar, redBus y Tokopedia.
¿Por qué son importantes las capacidades de IU y CSS para tu sitio de comercio electrónico?
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.
Presentamos "Libera el poder de las animaciones basadas en desplazamientos"
Un curso en video de 10 partes para aprender todo sobre las animaciones basadas en desplazamientos
Descripción general de WebGPU
WebGPU permite gráficos 3D de alto rendimiento y procesamiento paralelo de datos en la Web.
Una propuesta alternativa para la mampostería de CSS
Una propuesta para definir mampostería y cuadrícula en diferentes especificaciones.
Manifiesto: Versión mínima de Chrome
Documentación de referencia para la propiedadminimum_chrome_version de manifest.json.
La prueba de baja del Acceso a la red privada (PNA) para contextos no seguros finalizará pronto: implementa la solicitud de permiso de PNA
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.
Casos de éxito de ventanas emergentes
Tokopedia usa la API de Popover para reducir la cantidad de código de su aplicación.
Desplazarse y acercar una pestaña capturada
La API de Captured Surface Control permite que las apps web desplacen y acerquen las pestañas capturadas.
WebAudio: Consulta las métricas de la API de WebAudio
Visualiza las métricas de la API de WebAudio en el panel de WebAudio
Manifiesto: Tokens de prueba
Documentación de referencia para la propiedad try_tokens de manifest.json.
Chrome 125 beta
Posicionamiento de anclajes de CSS, funciones escalonadas de CSS, la API de Compute Pressure y mucho más.
No parece que se bloqueen las transiciones de la página en la red
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.
El manifiesto de la app web no cumple con los requisitos para la instalación
Descubre cómo hacer que tu Progressive Web App se pueda instalar.
Autocompletar: Inspecciona y depura direcciones guardadas
Inspecciona y depura direcciones guardadas en Chrome con el panel Autocompletar.
Regulación
Referencia de la pestaña Regulación.
Animaciones: Cómo inspeccionar y modificar los efectos de animación CSS
Inspecciona y modifica animaciones con el panel Animaciones.
La carga de la página no es lo suficientemente rápida en las redes móviles
Obtén información sobre cómo lograr que tu página web se cargue rápidamente en las redes móviles.
El acceso a dispositivos MIDI ahora requiere el permiso del usuario
Chrome ahora controla toda la API de MIDI web detrás de un mensaje de permiso.
No proporciona contenido de resguardo cuando JavaScript no está disponible
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.
La página actual no responde con un código de estado 200 cuando no hay conexión
Aprende a hacer que tu Progressive Web App funcione sin conexión.
start_url no responde con 200 cuando está 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.
No está configurado para una pantalla de presentación personalizada
Aprende a crear una pantalla de presentación personalizada para tu app web progresiva.
Novedades de Chrome 124
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.
El contenido no tiene el tamaño correcto para el viewport
Aprende a adaptar el contenido de tu página web para que se adapte a las pantallas de los dispositivos móviles.
Chrome 124
Chrome 124 comenzará a lanzarse el 16 de abril de 2024 con setHTMLUnsafe, transmisiones en WebSockets y mucho más.
No registra un service worker que controle la página start_url
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.
Cada página tiene una URL
Obtén información sobre la auditoría de Lighthouse "Cada página tiene una URL"
No proporciona un ícono apple-touch-icon válido
Aprende a especificar qué ícono mostrará tu app web progresiva en las pantallas principales de iOS.
Prueba de origen para las APIs de Foldable
Las APIs de Foldable son dos APIs de Chrome diseñadas para ayudar a los desarrolladores a orientarse a dispositivos plegables.
El sitio funciona en diferentes navegadores
Aprende a usar Workbox para asegurarte de que tu página web funcione en todos los navegadores.
El manifiesto no tiene un ícono adaptable
Obtén más información para agregar compatibilidad con íconos enmascarables a tu AWP.
No redirecciona el tráfico HTTP a HTTPS
Obtén información para que tu sitio sea más seguro redireccionando todas las páginas a HTTPS.
No usa HTTPS
Obtenga información sobre cómo proteger su sitio web con HTTPS.
¿Qué sucederá con las extensiones de Chrome?
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.
No establece un color de tema para la barra de direcciones.
Aprende a establecer un color de tema de la barra de direcciones para tu app web progresiva.
Transiciones de vista entre documentos para aplicaciones de varias páginas
Comienza a usar transiciones de vistas entre documentos para usarlas en tu aplicación de varias páginas (MPA).
Transiciones fluidas con la API de View Transition
La API de transición de vistas te permite agregar transiciones entre las vistas de un sitio web.
Divertido y potente: Introducción a las Herramientas para desarrolladores de Chrome
Descubre cómo las Herramientas para desarrolladores pueden mejorar el desarrollo de apps web.
Tipos de navegación ahora disponibles en CrUX
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.
Cómo ver los datos del Informe de UX de Chrome en PageSpeed Insights
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.
CrUX en BigQuery
Obtén información sobre la estructura del conjunto de datos de CrUX en BigQuery.
Guías de CrUX
Aprende a usar CrUX con guías fáciles de seguir
Reversiones de versiones en el Panel del desarrollador de Chrome Web Store
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
Novedades de WebGPU (Chrome 124)
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.
Asegúrate de que el texto permanezca visible mientras se carga la fuente para sitios web
Aprende a usar la API de font-display para garantizar que el texto de tu página web siempre sea visible para los usuarios.
Novedades de Herramientas para desarrolladores, Chrome 124
Compatibilidad con animaciones basadas en desplazamientos, nuevo panel Autocompletar, nuevas opciones de WebRTC en la limitación de la red y mucho más.
Adiós JS Profiler, perfilando la CPU con el panel Performance
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.
API de notRestoredReasons de la memoria caché atrás/adelante
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.
Cómo generar perfiles del rendimiento de Node.js con el panel Rendimiento
Aprende a generar perfiles del rendimiento de la aplicación de Node.js con el panel Rendimiento.
WebAssembly JavaScript Promise Integration (JSPI) entra a la prueba de origen
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.
Solicitudes de red: Bloquea las solicitudes de red para probar tu sitio
Prueba la manera en que tu sitio maneja los recursos que faltan.
La prueba de origen de la API de fetchLater
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.
Chrome 124 beta
El atributo HTML writesuggestions, la API de WebSocketStream, el encabezado de la solicitud HTTP de prioridad y más.
Desplazamientos enfocables del teclado
Se lanzará un cambio para que los desplazadores sin el valor de tabindex establecido y sin teclado secundario enfocable sean enfocables.
Novedades de Chrome 123
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.
Acceso a red privada: Protección extendida para trabajadores web y recuperaciones de navegación
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.
Usa la API de enrutamiento estático de service worker para omitir el service worker en rutas específicas.
Descubre cómo usar esta nueva API, disponible a partir de la versión 123 de Chrome.
Ocultar solicitudes de extensión y más mejoras en el panel de red
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.
Herramientas de rendimiento en 2024 y en el futuro
Conoce los planes del equipo de Chrome para mejorar el panel Rendimiento de Herramientas para desarrolladores.
Descripción general del panel de elementos
Realiza cambios en el DOM al instante.
Pausa tu código con puntos de interrupción
Obtén más información sobre todas las maneras de pausar tu código en las Herramientas para desarrolladores de Chrome.
Aplica otros efectos: habilita el tema oscuro automático, emula el enfoque y mucho más
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.
Referencia de las funciones de CSS
Descubre nuevos flujos de trabajo para ver y modificar CSS en las Herramientas para desarrolladores de Chrome.
Novedades de WebGPU (Chrome 123)
Se admiten funciones integradas de DP4a, parámetros de puntero sin restricciones, sintaxis edulcorada para desreferenciar compuestos en WGSL y mucho más.
Cómo ver y cambiar CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para ver y cambiar el CSS de una página.
Descargar la versión anterior de Headless Chrome como chrome-headless-shell
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.
Potencia la eficiencia de la compresión con diccionarios compartidos
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.
Descripción general del panel de la aplicación
Obtén información fundamental sobre tu app web directamente desde el navegador.
Internacionaliza la interfaz
Usa la API de chrome.i18n para renderizar tu interfaz en varios lenguajes.
Mejoras en la API de Speculation Rules
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.
Cómo hacer que tu extensión sea accesible
Para muchos usuarios, la accesibilidad es literalmente la interfaz de usuario y sus funciones son útiles para muchos otros.
Novedades de la descripción general
Descubre las funciones más recientes de las Herramientas para desarrolladores de Chrome
Novedades de Herramientas para desarrolladores (Chrome 123)
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.
Extensiones de Chrome: El recorrido de Eyeo para probar la suspensión de los service worker
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.
Un paquete de Next.js para administrar bibliotecas de terceros
Aprende a usar la biblioteca @next/tercero para optimizar la carga de recursos populares de terceros
Compatibilidad con el contenido "Align-Content" en diseños de bloques y tablas
A partir de Chrome 123, usa el contenido Align para alinear elementos sin crear un contenedor flexible o de cuadrícula.
Chrome 123 beta
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
Combinaciones de teclas
Documentación canónica de las combinaciones de teclas de las Herramientas para desarrolladores de Chrome.
Simula dispositivos móviles con el modo de dispositivo
Usa dispositivos virtuales en el modo de dispositivo de Chrome para crear sitios web que prioricen los dispositivos móviles.
Novedades de Chrome 122
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.
Cambios en la herencia ::backdrop de CSS
A partir de Chrome 122, el elemento `::backdrop` hereda las propiedades del elemento de origen.
Cómo configurar los íconos de extensiones
Una extensión requiere al menos un ícono para representarla en la barra de herramientas.
Un panel de rendimiento 400% más rápido mediante la percepción
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.
Chrome Extensions
Por definir
Usa WebHID
La API de WebHID, que expone los dispositivos compatibles con dispositivos de interfaz humana (HID) en la Web, está disponible en extensiones.
Usa WebUSB
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.
Cómo migrar a Manifest V3
Guía para convertir extensiones de Manifest V2 en extensiones de Manifest V3.
Novedades de WebGPU (Chrome 122)
Modo de compatibilidad en desarrollo, aumento del límite maxVertexAttributes y actualizaciones de Dawn
Manifiesto: Política de Seguridad del Contenido
Documentación de referencia para las propiedades de la política de seguridad del contenido de manifest.json.
Tamaño del campo CSS
Una línea de código para ajustar automáticamente el tamaño de los elementos con contenido editable.
Cómo grabar instantáneas de montón
Aprende a registrar instantáneas de montón con el generador de perfiles de montón y encontrar fugas de memoria.
chrome.runtime
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
Lineamientos de advertencia de permisos
Cómo funcionan las advertencias de permisos en las extensiones de Chrome
Usa Web Push
Guía paso a paso sobre cómo usar Web Push con extensiones de Chrome
Cómo declarar permisos
Descripción general de los valores válidos para la propiedad de permisos en manifest.json.
Presentamos una nueva forma de crear experiencias de edición web personalizadas con la API de EditContext
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.
Novedades de Herramientas para desarrolladores (Chrome 122)
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.
Sugerencias de Herramientas para desarrolladores: Depura las navegaciones especulativas para que las páginas se carguen más rápido
Acelera la navegación web con cargas especulativas y obtén información para depurarlas.
Cómo responder a comandos
Responde a combinaciones de teclas personalizadas en una extensión.
La prueba de baja de SharedArrayBuffer en Chrome para computadoras se extendió a la versión 124 de Chrome
La prueba de baja de SharedArrayBuffer sin aislamiento de origen cruzado en el escritorio de Chrome se extenderá hasta Chrome 124.
Cómo personalizar la grabadora con extensiones
Instala extensiones para integrar y personalizar la grabadora.
Chrome 122 beta
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.
¿Qué sucederá con las extensiones de Chrome?
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.
Novedades de Chrome 121
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.
Cómo activar acciones desde el cuadro multifunción
Activa acciones desde el cuadro multifunción.
Novedades de WebGPU (Chrome 121)
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.
Acceso seguro al DOM con el SSR de Angular
Aprende a usar el DOM de forma segura junto con SSR en Angular
Cómo probar la conexión Bluetooth web con Puppeteer
Usa Puppeteer para probar las funciones que usan la API de Web Bluetooth en Chrome.
Estilos de la barra de desplazamiento
Usa las propiedades `scrollbar-width` y `scrollbar-color` para diseñar barras de desplazamiento.
Pruebas de modelos de IA web en Google Colab
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.
Usa Firebase Cloud Messaging (FCM) con chrome.gcm
Guía paso a paso para usar Firebase Messaging con chrome.gcm
Pruebas del modelo de IA web Supercharge: WebGPU, WebGL y Headless Chrome
Descubre nuestras soluciones para automatizar de manera coherente las pruebas de navegadores y mejorar el rendimiento de las aplicaciones.
Modo de escritura vertical de CSS para elementos de control de formularios
Chrome agrega otra nueva función internacional de CSS.
Cómo implementar una acción
Responde a un usuario que hace clic en la barra de herramientas.
Permisos persistentes para la API de File System Access
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.
Sugerencias para Herramientas para desarrolladores: Cómo crear colores
Aprende a crear colores con unos pocos clics.
Inspecciona y depura colores HD y no HD con el selector de color
Aprende a usar el selector de color en Elements > Styles para inspeccionar y depurar colores HD y no HD.
Sugerencias para Herramientas para desarrolladores: Cómo depurar la prioridad de recuperación
Aprende a depurar la prioridad de recuperación.
Actualizaciones en tiempo real de las extensiones
Administración de actualizaciones en tiempo real en Extensiones
Extensiones de alcance de apps web
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.
CSS text-wrap: balance
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.
Aprovecha la potencia de WebDriver BiDi: automatización de Chrome y Firefox con Puppeteer
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.
Crea un menú contextual
Implementa una ventana emergente que permite a los usuarios invocar funciones de la extensión.
Cómo abordar incumplimientos de código alojados de manera remota
Un service worker permite que las extensiones se ejecuten solo cuando sea necesario, lo que ahorra recursos.
Intents de Android con Chrome
Inicia apps directamente desde una página web con un intent de Android.
Cómo agregar una ventana emergente
Implementa una ventana emergente que permite a los usuarios invocar funciones de la extensión.
Google Chrome en Android
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
¿Cómo funcionan los frameworks modernos en la nueva métrica de INP?
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.
Acordeón exclusivo
Crea un acordeón exclusivo con varios elementos `` que tengan el mismo `nombre`.
Chrome habilita el modo de escritorio de forma predeterminada en las tablets premium
Chrome se adaptó al ecosistema de las tablets Android y habilitó el modo de escritorio de forma predeterminada en las tablets premium.
Novedades de Herramientas para desarrolladores (Chrome 121)
Compatibilidad con @font-palette-values en Elements, mejor compatibilidad con mapas de origen, rendimiento mejorado > seguimiento de interacciones y mucho más.
Novedades de WebGPU (Chrome 120)
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.
Novedades de WebGPU
Mantente actualizado con los cambios más recientes de WebGPU.
Uso compartido mejorado de las pestañas con Captura de región
La plataforma web ahora incluye captura regional, una forma eficiente y robusta de recortar pistas de video.
Ajuste de CSS: 2023
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.
New in Chrome 118
¡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.
Revisión de los criterios de instalación de Chrome
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.
Prueba de origen del mensaje de permiso de acceso a la red privada: Una ruta para migrar sitios web con HTTPS
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.
Accede a los servidores locales y las instancias de Chrome con la redirección de puertos
Aloja un sitio en un servidor web de un equipo de desarrollo y accede al contenido desde un dispositivo Android.
Cómo las Herramientas para desarrolladores de Chrome te ayudan a defenderte de los ataques de XSS por cuenta propia
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.
Sugerencias de Herramientas para desarrolladores: ¿Qué es el DOM? HTML frente a DOM
Aprende a depurar el DOM con las Herramientas para desarrolladores.
Ver detalles del marco
Ver detalles del marco.
Sugerencias para Herramientas para desarrolladores: Cómo depurar bfcache
Obtén más información para depurar la bfcache y hacer que tu página se cargue al instante.
Ver, agregar, editar y eliminar cookies
Aprende a ver, agregar, editar y borrar las cookies HTTP de una página con las Herramientas para desarrolladores de Chrome.
Presentamos cuatro nuevas funciones internacionales en CSS
Chrome agregará cuatro nuevas funciones internacionales de CSS.
API de Page Lifecycle
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.
HTML no limpio en la API de Async Clipboard
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.
Lista de elementos ignorados
Ignorar la referencia de la pestaña Lista.
Pantalla en pantalla automática para apps web de videoconferencias
Chrome permite que las aplicaciones web de videoconferencia ingresen automáticamente al modo de pantalla en pantalla.
Reanuda la transición a Manifest V3
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
Novedades de la directiva NgOptimizedImage de Angular
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.
Mejora del filtrado de contenido en Manifest V3
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
Prueba de origen de la API de enrutamiento estático de Service Worker
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.
Actualización flexible de la sintaxis del anidamiento de CSS
La anidación de visualización anticipada está habilitada en Chrome 120.
Captura el ecosistema de WebGPU
Obtén información sobre cómo el ecosistema de WebGPU se extiende más allá de los dominios de JavaScript, C++ y Rust.
Novedades de Herramientas para desarrolladores (Chrome 120)
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.
Un cambio en el modo de durabilidad predeterminado en IndexedDB
El modo de durabilidad en IndexedDB cambiará de estricto a relajado a partir de Chrome 121.
Novedades de Chrome 120 para extensiones
Un resumen de los cambios importantes en Chrome 120 para desarrolladores de extensiones de Chrome.
Chrome 120 beta
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.
Control de archivos en ChromeOS
Cómo abrir archivos en service workers de extensión de Chrome, ventanas emergentes, paneles laterales o secuencias de comandos de contenido
file_handlers
Documentación de referencia para la propiedad file_handlers de manifest.json.
La recolección de elementos no utilizados de WebAssembly (WasmGC) ahora está habilitada de forma predeterminada en Chrome
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.
Novedades de Chrome 119
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.
CSS prefers-reduced-transparency
Optimiza y realiza ajustes para los usuarios que prefieren una IU opaca.
Novedades de WebGPU (Chrome 119)
Texturas flotantes de 32 bits filtrables, formato de vértice unorm10-10-10-2, formato de textura rgb10a2uint y mucho más.
Seleccionar elemento: ahora con reglas horizontales
Descubre cómo las capacidades de selección de elementos expandidas habilitan los saltos horizontales visuales para una mejor agrupación.
Ajuste de texto de CSS: bella
Habilita el ajuste de texto optimizado para lograr una mayor belleza que la velocidad.
¿Qué sucederá con las extensiones de Chrome?
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.
Migración de la Herramienta de seguimiento de errores de Chromium
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.
Baja de la API de Sanitizer
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.
En serie por Bluetooth en la Web
La API de Web Serial agregó compatibilidad con los servicios RFCOMM de Bluetooth.
Pruebas de extremo a extremo para las extensiones de Chrome
Cómo escribir pruebas de extremo a extremo para las extensiones
Prueba de unidades de extensiones de Chrome
Cómo escribir pruebas de unidades para extensiones
Prueba extensiones de Chrome con Puppeteer
Cómo escribir una prueba automatizada para extensiones de Chrome con Puppeteer
Sintaxis de colores relativos de CSS
Crea colores nuevos en función de los canales y valores de otro color.
Informa un error de extensión
Cómo informar errores de extensiones o problemas con la documentación
Cómo buscar y seguir un error
Comprobar si ya se informó un error o una solicitud de función
Novedades de Chrome 118
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.
Novedades de Herramientas para desarrolladores (Chrome 119)
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.
Nueva prueba de origen para ventanas emergentes de pantalla completa
Ahora hay una nueva prueba de origen disponible para abrir ventanas emergentes en modo de pantalla completa en solo un paso.
Mejoras de API para trabajar con archivos en el navegador
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 de bucket) permite a los
Chrome 119 beta
La versión beta de Chrome 119 ofrece sintaxis de colores relativas de CSS, nuevas pseudoclases y mucho más.
Limita el alcance de tus selectores con el permiso at-rule de CSS @scope.
Aprende a usar @scope para seleccionar elementos solo dentro de un subárbol limitado de tu DOM.
Chrome ahora admite llaves de acceso en el llavero de iCloud en macOS
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.
Sugerencias para Herramientas para desarrolladores: Depuración de extensiones de Chrome
Obtén más información sobre cómo usar las Herramientas para desarrolladores para depurar extensiones de Chrome.
Novedades de WebGPU (Chrome 118)
Compatibilidad con código extendido para copyExternalImageToTexture, compatibilidad experimental con texturas de almacenamiento de lectura y escritura y de solo lectura, y más.
La navegación fluida es posible gracias a las transiciones de vistas
Una explicación detallada de cómo y por qué CyberAgent, RedBus, Nykaa y PolicyBazaar implementaron transiciones de vistas.
Almacenamiento y cookies
Descripción general de cómo funcionan las APIs y las cookies de almacenamiento web en las extensiones
Somos Chrome para desarrolladores
Celebramos el 15o aniversario de Chrome y nuestro papel como socio útil y confiable para los desarrolladores.
De WebGL a WebGPU
Obtén algunas sugerencias para desarrolladores de WebGL que migran a WebGPU.
Novedades de Herramientas para desarrolladores (Chrome 118)
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.
Chrome 118 beta
Estilos con alcance para CSS, funciones multimedia adicionales, contenedores de desplazamiento enfocables en teclado y mucho más.
Novedades de Chrome 117
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.
Transición desde Apps de Chrome
Cómo migrar tu app alojada o empaquetada de Chrome
Novedades de WebGPU (Chrome 117)
Desactiva el búfer de vértices y el grupo de vinculación, hace que los dispositivos perdidos parezcan funcionar y mucho más.
Google Summer of Code y las extensiones de Chrome
Experiencia y consejos para participar en Google Summer of Code.
Publica tu extensión
Orientación para publicar una nueva extensión de Manifest V3
Sugerencias para Herramientas para desarrolladores: Fragmentos y expresiones en vivo
Usa fragmentos para ejecutar el código que usas con frecuencia y expresiones en vivo a fin de observar los valores en tiempo real.
Lanzamientos más rápidos de Chrome (dos rondas)
A partir de Chrome 119, reduciremos el tiempo entre la rama de una versión y la versión estable.
Transiciones de Astro View
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 +.
Presentamos la prueba de origen calendarr.yield
“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.
Novedades de Lighthouse 11
Lighthouse 11 está aquí con nuevos cambios de accesibilidad y actualizaciones de auditorías
Desarrolla tus comandos del Protocolo de herramientas para desarrolladores de Chrome (CDP) de forma eficiente con el nuevo editor de comandos
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.
Novedades de Herramientas para desarrolladores (Chrome 117)
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.
Estamos llevando la Verificación de seguridad a la página chrome://extensions
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.
Cuatro funciones nuevas de CSS para animaciones de entrada y salida fluidas
Obtén información sobre las nuevas capacidades que permiten una transición fluida de animaciones discretas y entre la capa superior
Chrome 117 beta
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.
Novedades de Chrome 116
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.
Manifiesto: secuencias de comandos de contenido
Documentación de referencia para la propiedad "content_scripts" de manifest.json.
Cómo proteger interacciones de ventanas emergentes con restrict-properties
Obtén aislamiento de origen cruzado y protección contra filtraciones entre sitios mientras interactúas con las ventanas emergentes.
Novedades de WebGPU (Chrome 116)
Integración de WebCodecs, mejoras en la reproducción de video y mucho más
Permisos únicos en Chrome
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.
Sugerencias para Herramientas para desarrolladores: Puntos de interrupción y puntos de registro
Usa puntos de interrupción y registro para depurar con facilidad.
PostMessage para TWA
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.
Novedades de Chrome 116 para extensiones
Un resumen de los cambios importantes en Chrome 116 para desarrolladores de extensiones de Chrome.
Versión beta de Chrome 116
Ruta de movimiento de CSS, API de NotRestoredReason para la memoria caché atrás/adelante, pantalla en pantalla de documento y mucho más.
Cómo depurar sitios web en Chrome en iOS 16.4 y versiones posteriores
Aprende a usar la depuración del Inspector web de Safari para Chrome en iOS.
Novedades de Chrome 115
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.
¿Qué sucederá con las extensiones de Chrome?
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.
Caso de éxito sobre el rendimiento de las animaciones basadas en desplazamientos
La nueva API es mucho más fluida que la forma clásica de implementar animaciones basadas en desplazamientos.
Sugerencias de Herramientas para desarrolladores: Graba y vuelve a reproducir los flujos de usuarios con la grabadora
Aprende a grabar, volver a reproducir y depurar flujos de usuarios con el panel Grabadora en Herramientas para desarrolladores.
Usa WebSockets en service workers
Obtén instrucciones paso a paso para conectarte a un WebSocket en tu extensión de Chrome.
WebRTC: Guía de migración getStats() heredada
Aprende a usar la depuración del Inspector web de Safari para Chrome en iOS.
Sugerencias para Herramientas para desarrolladores: Almacenamiento local y de sesión
Usa > Local Storage y Session Storage de la aplicación para depurar pares clave-valor.
Novedades de Herramientas para desarrolladores (Chrome 116)
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
Usar ubicación geográfica
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
Novedades de WebGPU (Chrome 115)
Extensiones de lenguaje WGSL compatibles, compatibilidad experimental con Direct3D 11 y más.
Chrome for Testing: descargas confiables para automatización de navegadores
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.
Cómo depurar WebAssembly de C/C++
Aprende a usar las Herramientas para desarrolladores de Chrome para encontrar y corregir errores en C/C+ WebAssembly.
Cómo hizo Photoshop el trabajo con archivos más grandes de lo que puede caber en la memoria
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
Cómo la app de edición de imágenes vectoriales Boxy SVG usa la API de Acceso a fuentes locales para permitir que los usuarios elijan sus fuentes locales favoritas
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
Migra desde las URLs de datos en el elemento SVG
Compatibilidad con datos: Se quitarán las URLs del elemento SVG. Recomendamos migrar a otras alternativas.
Versión beta de Chrome 115
Varias palabras clave para la propiedad de visualización de CSS, WGSLLanguageFeatures para WebGPU, actualizaciones de HTTPS y mucho más.
Novedades de WebGPU (Chrome 114)
Optimización de JavaScript y mucho más.
Los eventos de mutación se quitarán de Chrome
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.
Cómo el editor de juegos Construct 3 usa la API de File System Access para permitir que los usuarios guarden sus juegos
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
Anunciamos la segunda prueba de origen de presión de procesamiento
Una nueva prueba de origen de Chrome que permite a los desarrolladores web controlar la presión de procesamiento.
Novedades de Herramientas para desarrolladores (Chrome 115)
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
Diseña una experiencia del usuario superior con la nueva API del panel lateral
Presentamos la nueva API del panel lateral para extensiones de Chrome.
Novedades de Chrome 114
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.
Chrome no permite modificar document.domain
Si tu sitio web depende de la configuración de document.domain, debes realizar esta acción.
Cómo crear curvas de animación complejas en CSS con la función de aceleración linear()
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.
Sugerencias de Herramientas para desarrolladores: Lugar de trabajo
Usa Workspace para guardar los cambios realizados en las Herramientas para desarrolladores en los archivos fuente locales.
Manifiesto: fondo
Documentación de referencia para la propiedad de fondo de manifest.json.
Presentamos la API de popover
Aprende a compilar información sobre herramientas, menús y mucho más con la nueva API de ventanas emergentes.
Cómo LEGO® Education usa las APIs de Web Bluetooth y Web Serial
LEGO Education usa el poder de la Web para que conectar modelos LEGO a la computadora sea lo más simple posible.
Novedades de Aurora
Descubre lo que ha estado haciendo el equipo de Chrome Aurora últimamente y su hoja de ruta para 2023.
Cómo Blockbench, el editor de modelos 3D, usa la API de EyeDropper para permitir que los usuarios elijan colores de todas partes
La API de EyeDropper proporciona un mecanismo para crear una herramienta de cuentagotas que permite a los usuarios tomar muestras de colores de sus pantallas, incluso fuera de la ventana del navegador. Descubre cómo el editor de modelos 3D Blockbench
Cómo la app de edición de imágenes Photopea usa la API de File Handling para permitir que los usuarios abran archivos desde su explorador
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. Descubre cómo la aplicación de edición de imágenes Photopea usa esta API. (Este
Se actualizó el cronograma de baja de Web SQL
Se quitó por completo SQL Web en Chromium 119.
Prueba de origen de buckets de almacenamiento disponible
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.
Novedades de CSS e IU: Edición de I/O 2023
Las 20 funciones principales de CSS y de IU destacadas en Google I/O 2023 que no querrás perderte.
Novedades para la Web en Android 2023
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.
10 actualizaciones en Google I/O
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.
Autocompletar compartido entre iframes: una propuesta inicial
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.
WebGPU: Desbloquea el acceso moderno a la GPU en el navegador
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.
Detectar problemas del formulario con las Herramientas para desarrolladores de Chrome
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.
WebDriver BiDi: Actualización de estado de 2023
En este artículo, se ofrece una descripción general de las novedades de WebDriver BiDi en 2023.
Prepárate para Google I/O
Crea tu propia agenda y prepárate para Google I/O.
Novedades de Herramientas para desarrolladores (Chrome 114)
Las Herramientas para desarrolladores habilitan Configuración > Experimentos > Depuración de WebAssembly: Habilita la compatibilidad con DWARF de forma predeterminada. Para obtener más información, consulta Cómo depurar WebAssembly con
Cómo animar elementos durante el desplazamiento con animaciones basadas en desplazamientos
Aprende a trabajar con los cronogramas de desplazamiento y los cronogramas de vista para crear animaciones basadas en desplazamientos de forma declarativa.
Versión beta de Chrome 114
El balanceo de títulos de CSS, CHIPS, el evento de desplazamiento y ventana emergente.
Información acerca de los service workers de extensión
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.
Novedades de Chrome 113
¡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.
Eventos en service workers
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.
El ciclo de vida de un service worker de extensiones
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.
Videollamadas mejoradas con codificación AV1 más rápida
Chrome 113 incluye mejoras en el codificador de software AV1 del equipo de Chrome Open Media.
Desenfocar fondo de la cámara
Una nueva prueba de origen de Chrome que permite a los desarrolladores web controlar el desenfoque del fondo de la cámara.
Conceptos básicos del service worker de extensiones
Los service workers de extensión se instalan y actualizan de manera diferente a los service workers web.
Novedades de WebGPU (Chrome 113)
WebGPU se envía en Chrome con la integración de WebCodecs en la prueba de origen.
Sugerencias de Herramientas para desarrolladores: Mapas de origen en Herramientas para desarrolladores
Usa mapas de origen en Herramientas para desarrolladores para depurar tu código original en lugar de implementarlo.
Recursos para desarrolladores: Cómo visualizar y cargar mapas de origen de forma manual
Usa el panel Recursos para desarrolladores para verificar si los mapas de fuentes se cargan correctamente y cárgalos manualmente.
Consulta de medios de la actualización de CSS
Adapta tu IU a las capacidades de frecuencia de actualización de la pantalla.
Preparación y recuperación previa: mediante el servicio de pestañas personalizadas
Aprende cómo aprovechar el servicio de pestañas personalizadas para mejorar la experiencia del usuario.
Cómo agregar interactividad personalizada
Cómo agregar acciones personalizadas a las pestañas personalizadas
Cómo empezar
Cómo iniciar una pestaña personalizada desde tu app para Android
Cómo realizar varias tareas a la vez con pestañas personalizadas parciales
Aprende a usar pestañas personalizadas parciales para permitir que los usuarios interactúen con tu app mientras ven contenido web.
Personaliza la IU
Cómo hacer que una pestaña personalizada se adapte al aspecto de tu app
Cómo medir la participación de los usuarios
Cómo medir la participación de los usuarios en las pestañas personalizadas
Instalación de IU enriquecida para computadoras de escritorio
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.
Una mirada al pasado: la evolución de la automatización de pruebas
Un recorrido hacia la evolución de la automatización de pruebas en la Web.
Grabación de audio y captura de pantalla
Cómo grabar audio o video desde una pestaña, ventana o pantalla
Chromium Chronicle n.° 33: Views AnimationBuilder
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.
Resolver el diseño CSS y la desconexión del orden de origen
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.
Cómo la nueva barra lateral de puntos de interrupción te ayuda a depurar más rápido
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.
Novedades de Herramientas para desarrolladores (Chrome 113)
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
Chrome envía WebGPU
El equipo de Chrome ofrece WebGPU, que permite gráficos 3D de alto rendimiento y procesamiento paralelo de datos en la Web.
Versión beta de Chrome 113
Nuevas funciones de medios de CSS, la función de aceleración linear() y WebGPU
Versiones más rápidas de Chrome
A partir de Chrome 114, habrá menos tiempo entre la rama para una versión y la versión para versión estable.
Novedades de Chrome 112
¡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.
Controla eventos con service workers
Aprende a crear y depurar un trabajador de servicio de extensión.
Sugerencias de Herramientas para desarrolladores: ¿Qué son los mapas de origen?
Descubre cómo los mapas de origen pueden ayudarte a depurar tu código original en lugar de implementarlo.
La extensión del mapa de orígenes ignoreList
Mejore la experiencia de depuración en las Herramientas para desarrolladores de Chrome con la extensión de mapa de origen ignoreList.
De Web SQL a SQLite Wasm: la guía de migración de bases de datos
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
Asociación con Fastly: Retransmisión de HTTP desconocida para el servidor k-anonymity de FLEDGE
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.
Mejora la privacidad del usuario, ya que solicita la aceptación para enviar el encabezado X-request-With desde WebView.
Queremos proteger la privacidad del usuario limitando cuándo se envía el encabezado X-Requested-With.
Migra a un service worker
Un service worker permite que las extensiones se ejecuten solo cuando sea necesario, lo que ahorra recursos.
Novedades de Herramientas para desarrolladores (Chrome 112)
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
Cómo actualizar el manifiesto
El archivo manifest.json requiere un formato ligeramente diferente para Manifest V3 y Manifest V2.
Lista de tareas para la migración de Manifest V3
Una referencia rápida para actualizar tus extensiones de Manifest V2 a Manifest V3.
Reemplaza los objetos de escucha de solicitudes web de bloqueo
En la segunda de tres secciones, se describen los cambios necesarios para el código que no forma parte del service worker de extensiones.
Las transiciones de la vista de SPA llegan a Chrome 111
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.
Versión beta de Chrome 112
Anidamiento de CSS, composición de la animación y un parámetro de envío para el constructor FormData.
Actualiza tu código
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.
Mejora la seguridad de las 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.
Período de prueba de CSS
Una de nuestras funciones favoritas del preprocesador de CSS ahora está integrada en el lenguaje: las reglas de estilo de anidación.
Novedades de Chrome 111
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.
Un nuevo espacio para la API de Project Fugu
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
¡Priorización de privacidad! Los usuarios ahora comparten sus pantallas de forma más inteligente
Con la teoría del empuje, logramos que los usuarios dejaran de dispararse en el pie durante las llamadas de videoconferencia.
Cómo unir elementos entre sí con el posicionamiento de anclaje de CSS
Se lanzará una nueva API en la plataforma web para ayudarte a posicionar elementos de forma adaptativa y sin trucos.
Trabajamos con la industria para mejorar CHIPS
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.
Mejora de los estándares de comportamiento en los debates sobre estándares
Descubre cómo el equipo de Chrome busca fomentar conversaciones más profesionales, inclusivas y respetuosas.
Herramientas de framework para resguardos de fuentes
Descubre cómo Next.js, Nuxt.js y otras bibliotecas ayudan a generar CSS de fuentes de resguardo sin CLS.
Mensajería nativa
Intercambia mensajes con aplicaciones nativas desde tu extensión de Chrome.
Cómo comenzar a usar las consultas de estilo
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.
Sugerencias de Herramientas para desarrolladores: Descubre problemas de CSS
Usa los paneles Styles y Computed para descubrir problemas de CSS con Herramientas para desarrolladores.
Obtén ayuda con las extensiones de Chrome
Adónde dirigirte para obtener ayuda con preguntas que no se abordan en la documentación.
Lugar de trabajo
Referencia de la pestaña de lugar de trabajo.
Novedades de Herramientas para desarrolladores (Chrome 111)
Depuración del color HD, mejora de la UX de las interrupciones y mucho más
Combinaciones de teclas
Referencia de la pestaña de accesos directos.
Ubicaciones
Referencia de la pestaña Ubicaciones
Experimentos
Referencia de la pestaña Experimentos
Dispositivos
Referencia de la pestaña Dispositivos
Descripción general de la configuración
Descripción general de la configuración.
Resguardos de fuentes mejorados
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.
Novedades de Lighthouse 10
Lighthouse 10 está aquí con nuevas puntuaciones y auditorías.
Versión beta de Chrome 111
Nuevos tipos de color y espacios de color de CSS, funciones trigonométricas de CSS y la API de View Transitions.
Cómo hablar con el Control de Stadia mediante WebHID
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,
¿Qué son las funciones experimentales de Chrome?
Habilita herramientas de depuración adicionales o prueba funciones nuevas o experimentales en Chrome.
Novedades de Chrome 110
¡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.
Cómo usar la API de CrUX History
Aprende sobre la API de CrUX History y cómo usarla para hacer un seguimiento de las tendencias de la experiencia del usuario.
Novedades de Herramientas para desarrolladores (Chrome 110)
Borra el panel Rendimiento cuando vuelves a cargar la página, visualiza y destaca el código en la grabadora, etcétera.
Nuevos requisitos de la API de Web Share en iframes de terceros
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
Chromium Chronicle n.o 32: Cuidado con la brecha del parche
Obtén información sobre cómo los desarrolladores de Chromium pueden reducir las probabilidades de explotación durante n días.
Prueba la finalización de service worker con Puppeteer
Guía en la que se explica cómo probar la finalización de service worker con Puppeteer.
Cómo migrar a color HD CSS
CSS Color 4 ofrece una amplia gama de herramientas y capacidades de colores en la Web.
Guía de colores de CSS de alta definición
CSS Color 4 ofrece una amplia gama de herramientas y capacidades de colores en la Web.
Actualización de Acceso a redes privadas: Anuncia la extensión de la prueba de baja
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.
Conoce los nuevos espacios de color CSS
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.
El futuro de la función pantalla en pantalla
Noticias de una prueba de origen de Chrome que habilita contenido HTML arbitrario en una ventana siempre en la parte superior.
Accede a más colores y espacios nuevos
CSS Color 4 ofrece una amplia gama de herramientas y capacidades de colores en la Web.
Sugerencias de Herramientas para desarrolladores: Depuración de la AWP
Depura apps web progresivas con Herramientas para desarrolladores
CSS color-mix()
Combina colores en cualquiera de los espacios de color admitidos directamente desde tu CSS.
Mayores vidas de los service worker de extensiones
Los service workers de extensión ahora pueden permanecer activos mientras reciban eventos. Esto aumenta la confiabilidad de los trabajadores de servicios de extensión, pero tiene un inconveniente que debes evitar.
Página sin conexión básica para apps web en Chrome para Android
A partir de la versión 109 de Chrome, el navegador generará automáticamente una página predeterminada para indicar que la app se encuentra sin conexión cuando una app web instalada en Android no tenga su propia experiencia sin conexión.
Scrollend, un nuevo evento de JavaScript
Borra las funciones de tiempo de espera y elimina los errores. Este es el evento que realmente necesitas: Scrollend.
Novedades de Herramientas para desarrolladores
Mantente actualizado con los cambios más recientes de Herramientas para desarrolladores.
Documentos fuera de pantalla en Manifest V3
Presentamos la API de Offscreen Documents para el desarrollo de extensiones de Chrome.
Controla las letras desplegables con las letras iniciales de CSS
Di "Adiós" a las alternativas interesantes para darle estilo a tus mayúsculas.
Cómo descubrir la Web capaz
¿Qué funciones web avanzadas admite tu navegador? ¿Y cuáles son las apps web que usan estas funciones? Para responder estas preguntas, consulta un sitio de pruebas de navegador y una extensión de navegador. Project Fugu es un esfuerzo conjunto de la
Versión beta de Chrome 110
Letras iniciales de CSS, controlador de inicio de aplicación web, compatibilidad con iframe de origen cruzado para la API de FedCM y mucho más.
Garantizar que la página se pueda restablecer desde la memoria caché atrás/adelante
Cómo usar Lighthouse para probar si se puede restablecer una página desde la memoria caché atrás/adelante
Los atributos Vencimiento de cookie y Edad máx. ahora tienen un límite superior
A partir de la versión M104 de Chrome (agosto de 2022), las cookies ya no pueden establecer una fecha de vencimiento que sea superior a 400 días.
Iframe sin credenciales: Incorpora fácilmente iframes en entornos COEP
Iframe sin credenciales se implementa en Chrome 110. Ofrece a los desarrolladores una forma de cargar documentos en iframes de terceros mediante un contexto nuevo y efímero. A cambio, ya no están sujetos a las reglas de incorporación de COEP. Los desarrolladores que usan COEP ahora pueden incorporar iframes de terceros que no usan COEP ellos mismos.
Recuperando íconos de página
Cómo obtener el ícono de página de un sitio web
SQLite Wasm en el navegador respaldado por el sistema de archivos privados de origen
Usa SQLite para controlar todas tus necesidades de almacenamiento de manera eficiente en la Web. SQLite es un sistema de administración de bases de datos relacionales de código abierto, ligero y empotrable. Muchos desarrolladores lo usan para
Cambia el dispositivo de salida de destino en Audio web
Aprende a cambiar de manera programática el destino de salida de audio en Audio web.
Novedades de Herramientas para desarrolladores (Chrome 109)
Copia el paso como script en la grabadora, los nombres reales de las funciones en las grabaciones de rendimiento y mucho más.
Novedades de Chrome 109
Ahora se está lanzando Chrome 109. La API de Origin Private File System ya está disponible para Android, hay un conjunto de propiedades nuevas en CSS, puedes agregar fácilmente notaciones matemáticas en tu HTML con la compatibilidad con MathML Core, y hay mucho más.
Sugerencias de Herramientas para desarrolladores: Depuración de las APIs de Project Fugu
Usa las Herramientas para desarrolladores para depurar las APIs de Project Fugu.
Análisis detallado de RenderingNG: Fragmentación de bloques de LayoutNG
La fragmentación de bloques en LayoutNG ya está completa. En este artículo, se explica cómo funciona y por qué es importante.
Cambio en el programa de lanzamientos de Chrome 110
A partir de Chrome 110, se lanzará una versión estable anticipada para un pequeño porcentaje de usuarios.
¿Qué son los canales de versiones de Chrome?
Obtén más información sobre cómo Chrome usa los canales de las versiones Canary, para desarrolladores, beta y estable para probar nuevas funciones y lanzar actualizaciones.
Información sobre las variantes de Chrome
Un mecanismo para que Chrome pruebe nuevas funciones del navegador
Ayudar a elegir la sintaxis para el anidamiento de CSS
El grupo de trabajo de CSS continúa con un debate sobre la mejor manera de definir la anidación en CSS. Si eres la persona que escribe CSS, nos gustaría contar con tu ayuda.
Actualizaciones de las políticas de Chrome Web Store
Chrome está actualizando las Políticas del programa para desarrolladores de Chrome Web Store a fin de indicar claramente nuestros principios rectores, proporcionar más contexto sobre la aplicación de las políticas y facilitar la comprensión de nuestras políticas.
Chrome Dev Insider: El año que fue
Una actualización del equipo de la plataforma web de Chrome en la que llevamos a los desarrolladores detrás de escena a compartir perspectivas, conversaciones y actualizaciones.
Maximice la relevancia de los anuncios
Nueva documentación de Privacy Sandbox sobre la relevancia de los anuncios sin cookies de terceros.
Qué deben saber los desarrolladores sobre los modos de ahorro de energía y memoria de Chrome
Obtén información sobre cómo asegurarte de que tu página administre correctamente los nuevos modos de ahorro de memoria y energía de Chrome.
Sugerencias de Herramientas para desarrolladores: Modo de dispositivo
Simula dispositivos mobule con Device Mode en Herramientas para desarrolladores.
Confirmación de pago seguro en Chrome Android
La Confirmación de pago seguro lleva a la Web una confirmación de pago resistente a la suplantación de identidad (phishing) con el poder de las llaves de acceso. Estará disponible en Chrome Android desde Chrome 109.
Chrome 109 beta
MathML, enfoque condicional para getDisplayMedia(), sistema de archivos privados de origen en Android y mucho más.
Acceso sin contraseña en formularios con la función de autocompletado de llaves de acceso de WebAuthn
La IU condicional de WebAuthn aprovecha la función de autocompletado de formularios del navegador para permitir que los usuarios accedan con una llave de acceso sin problemas en el flujo tradicional basado en contraseñas.
Extensiones de Chrome: Extensión de la API para admitir la navegación instantánea
Se actualizó la API de Extensions para que sea compatible con la memoria caché atrás/adelante y las navegaciones de precarga.
Novedades de Chrome 108
Ahora se está lanzando Chrome 108. Hay nuevas APIs internacionales para darte más control cuando les das formato a los números. Hay una prueba de origen para la nueva API de Pop Up, que facilita la presentación de contenido crítico al usuario. Hay varias mejoras de CSS. Y hay mucho más.
Mejor uso compartido de pantalla con el enfoque condicional
Enfoca condicionalmente una pestaña o ventana cuando se comparte la pantalla en la Web.
Mejoras en el uso compartido de pantalla en Chrome 109
Detalles de dos mejoras para compartir pantalla en la Web: un mecanismo para controlar el foco de las pestañas cuando se comparte la pantalla y un mecanismo para controlar la reproducción de audio local.
Sugerencias para Herramientas para desarrolladores: Identifica las mejoras de CSS
Usa el panel Resumen de CSS para identificar posibles mejoras de CSS.
Cómo encontrar un CSS no válido, anulado, inactivo o de otro tipo
Descubre problemas con las propiedades de CSS de un vistazo.
Manifiesto: oauth2
Documentación de referencia para la propiedad oauth2 de manifest.json.
Panel de CrUX
Usa el panel de CrUX para visualizar datos de CrUX de BigQuery
Sugerencias de Herramientas para desarrolladores: Navegación más rápida de Herramientas para desarrolladores
Aprende a acelerar tu flujo de trabajo con una navegación más rápida de Herramientas para desarrolladores mediante el uso de combinaciones de teclas y parámetros de configuración.
No todo el almacenamiento es igual: presentamos los buckets de almacenamiento
Storage Buckets es una API para hacer que la expulsión de almacenamiento persistente bajo una alta presión de memoria sea más predecible.
Actualizaciones de las políticas de Chrome Web Store
Chrome está actualizando las Políticas del programa para desarrolladores de Chrome Web Store a fin de indicar claramente nuestros principios rectores, proporcionar más contexto sobre la aplicación de las políticas y facilitar la comprensión de nuestras políticas.
Chrome 108 beta
Nuevas unidades de viewport de CSS, API de Federated Credential Management, fuentes variables COLRv1 y mucho más.
Manifiesto: input_components
Documentación de referencia para la propiedad input_components de manifest.json.
Prepárate para los cambios de comportamiento de cambio de tamaño de viewport que se implementarán en Chrome para Android
Cuáles son los cambios en el comportamiento de cambio de tamaño del viewport en Chrome 108, por qué Chrome está realizando este cambio y qué puedes hacer para prepararte.
Actualización del comportamiento del evento CanMakePayment de la API de Payment Handler
El evento del service worker `canmakepayment` en la API de Payment Handler le permite al comercio saber si el usuario tiene una tarjeta registrada en una app de pagos instalada. Chrome quitará las propiedades adjuntas al evento.
Novedades de Herramientas para desarrolladores (Chrome 108)
Sugerencias para propiedades de CSS inactivas, nuevos selectores de texto y XPath en la Grabadora, y mucho más
Sugerencias de Herramientas para desarrolladores: Diferentes maneras de abrir Herramientas para desarrolladores
Descubre todas las maneras de abrir las Herramientas para desarrolladores de Chrome.
Novedades de Chrome 107
¡Chrome 107 se está lanzando ahora! Hay nuevas propiedades en la API de Screen Capture que mejoran las experiencias de compartir pantalla.Ahora puedes identificar con precisión si un recurso en tu página está bloqueando la renderización o no.Existe una nueva manera de enviar datos a un servidor de backend con la API declarativa de PendingBeacon en la prueba de origen. Y hay mucho más.
Cambio rotundo: métodos de sincronización para AccessHandles
Para simplificar el trabajo con AccessHandles en contextos como Emscripten, haremos que los métodos de la interfaz FileSystemSyncAccessHandle sean síncronos.
Haz que tu sitio web sea más legible
Encuentra y corrige texto de contraste bajo con Herramientas para desarrolladores.
Sugerencias para Herramientas para desarrolladores: Descubre y corrige el texto de contraste bajo
Aprende a usar las Herramientas para desarrolladores de Chrome para descubrir y corregir texto con contraste bajo.
Se cambió el nombre de los tokens de estado privado a los tokens de estado privado
Se cambiará el nombre de la API de Trust Token para describir mejor sus beneficios de privacidad y utilidad.
Personaliza y automatiza los flujos de usuarios más allá de la Grabadora de las Herramientas para desarrolladores de Chrome
Aprende a personalizar y automatizar los flujos de usuarios más allá de la Grabadora de Herramientas para desarrolladores de Chrome.
Advanced Web Apps Fund: Actualización de octubre de 2022
A través del Advanced Web Apps Fund, patrocinamos 11 proyectos con la distribución de más de $100,000 a través de Open Collective para reconocer la importancia de este trabajo y permitir que más personas dediquen tiempo a estos proyectos.
Dentro del polyfill de la consulta del contenedor
Descubre cómo polyfill ofrece compatibilidad con consultas de contenedores a navegadores anteriores.
Ayuda a elegir una sintaxis para los resultados de la encuesta de anidación de CSS
Consulta los resultados de las opiniones de 7,590 desarrolladores.
Una nueva forma de comenzar tu recorrido de desarrollo de extensiones de Chrome
Una mejor manera de iniciar el recorrido de aprendizaje de los desarrolladores de Chrome.
Chrome Dev Insider: Escalamiento del rendimiento con el ecosistema del framework
Una actualización del equipo de la plataforma web de Chrome en la que llevamos a los desarrolladores detrás de escena a compartir perspectivas, conversaciones y actualizaciones.
Un cambio para desbordar los elementos reemplazados en CSS
Advertencia avanzada sobre un cambio en el comportamiento de CSS que puede provocar un desbordamiento no deseado.
¿El Proyecto Fugu se completó?
Este artículo se centra en el cambio de enfoque del equipo de Project Fugu, desde la implementación de nuevas capacidades hasta el perfeccionamiento y la mejora de las existentes.
Extensión Hello World
Crea tu primera extensión de Chrome de Hello World.
Cómo insertar secuencias de comandos en la pestaña activa
Obtén información para simplificar el estilo de la página actual.
Administrar pestañas
Obtén información para organizar pestañas de forma programática con grupos de pestañas.
Ejecuta secuencias de comandos en cada página
Obtén información para agregar automáticamente elementos nuevos a páginas web existentes.
Manifiesto: autor
Documentación de referencia para la propiedad del nombre del autor de manifest.json.
Controles de uso compartido de pantalla que preservan la privacidad
Evita que los usuarios compartan demasiado con los controles de uso compartido de pantalla en la Web que preservan la privacidad.
Chrome 107 beta
Las adiciones a la API de Screen Capture, la interpolación de las propiedades de la plantilla de cuadrícula de CSS y mucho más
La API de Payment Handler requerirá CSP connect-src
Los usuarios de la API de Payment Handler deberán agregar el extremo de pago a la directiva `connect-src` si usas la CSP.
Evita compartir demasiado cuando compartas pantalla
La plataforma web ahora incluye controles adicionales para que el uso compartido de pantalla preserve la privacidad.
Más detalles sobre la transición a Manifest V3
Nuevos detalles sobre el plan para mover extensiones a Manifest V3
Sugerencias para Herramientas para desarrolladores: Edita, depura y exporta registros de flujo de usuarios
Usa el panel Grabadora y sus extensiones para editar, depurar y exportar registros de flujo de usuarios.
Novedades de Chrome 106
Ahora se está lanzando Chrome 106. Hay nuevas APIs internacionales para darte más control cuando les das formato a los números. Hay una prueba de origen para la nueva API de Pop Up, que facilita la presentación de contenido crítico al usuario. Hay varias mejoras de CSS. Y hay mucho más.
Cómo Chrome prepara actualizaciones para miles de millones de usuarios
"Una conversación con los administradores técnicos de programas del equipo de lanzamientos de Chrome para aprender cómo garantizar que cada versión se lleve a cabo sin problemas.
Problemas conocidos de la migración a Manifest V3
Recientemente, anunciamos cambios en el cronograma de baja de Manifest V2 y, si bien mantenemos nuestro compromiso con Manifest V3, reconocemos que hay más trabajo por hacer. Nos comprometemos a cerrar las siguientes brechas antes de anunciar un
Novedades de Herramientas para desarrolladores (Chrome 107)
Personaliza las combinaciones de teclas, destaca objetos C/C+ en el Inspector de memoria y mucho más.
Novedades de Herramientas para desarrolladores (Chrome 106)
Se mejoró la compatibilidad con la depuración web moderna, el desglose de tiempos de LCP en las Estadísticas de rendimiento y mucho más.
Las consultas sobre contenedores comienzan a llegar a navegadores estables mientras se actualiza polyfill
"Las consultas de contenedores permiten que los componentes tengan información de estilo responsivo en función del espacio en el que se ajusten. Esta función está empezando a implementarse en navegadores modernos, y se realizó una gran actualización en cuanto a la compatibilidad con polyfill.
Ventanas emergentes: ¡Están resurgiendo!
Un patrón problemático se facilita mucho con las nuevas APIs integradas que llegan a la plataforma.
Extensión del Inspector de memoria para la depuración de C/C++
Obtén información sobre cómo mejoramos la depuración de apps de C/C y WebAssembly con Memory Inspector
Bajas y eliminaciones en Chrome 106
Un resumen de las bajas y las eliminaciones de Chrome 106 para ayudarte a planificar.
Prueba de origen de iframe anónima: Incorpora fácilmente iframes en entornos COEP
Los desarrolladores que usan COEP ahora pueden incorporar iframes de terceros que no usan COEP ellos mismos. La prueba de origen anónima de iframe está disponible para pruebas en Chrome de las versiones 106 a 108.
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar y depurar flexbox de CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para inspeccionar, modificar y depurar diseños de flexbox de CSS.
Caso de éxito: Mejor depuración de Angular con Herramientas para desarrolladores
Con Angular como piloto de prueba, los equipos de las Herramientas para desarrolladores de Chrome y Angular colaboraron para ofrecerte una mejor experiencia de depuración. Otros frameworks pueden enviar cambios similares.
Da de baja y quita Web SQL
Web SQL se propuso por primera vez en abril de 2009 y se abandonó en noviembre de 2010. Se quitó de Chrome de forma gradual, inicialmente en contextos inseguros y, luego, por completo a partir de Chrome 119.
Depuración web moderna en Herramientas para desarrolladores de Chrome
Observa algunos de los cambios recientes en las Herramientas para desarrolladores de Chrome, que mejoran tu experiencia de depuración y generación de perfiles cuando trabajas con agrupadores, frameworks y código de terceros.
Novedades de Chrome 105
Ahora se está lanzando Chrome 105. Las consultas de contenedores y :has() son una coincidencia perfecta en el cielo receptivo. La nueva API de Sanitizer proporciona un procesador sólido para strings arbitrarias a fin de ayudar a reducir las vulnerabilidades de secuencias de comandos entre sitios. Estamos dando otro paso para dar de baja WebSQL. Y hay mucho más.
Compresión y descompresión en el navegador con la API de transmisiones de compresión
Escribe apps web más pequeñas que no necesiten enviar su propia biblioteca de compresión o descompresión La API de Compression Streams se usa para comprimir y descomprimir flujos de datos mediante los formatos gzip o desinflación (o deflate-raw). Con
Cómo optimizar imágenes con la directiva de imágenes de Angular
Presentamos la nueva directiva de imágenes de Angular (NgOptimizedImage) que incorpora técnicas integradas de optimización del rendimiento para las imágenes en apps de Angular.
Sugerencias para Herramientas para desarrolladores: Cómo acelerar tu flujo de trabajo con accesos directos de la consola
Usa las combinaciones de teclas que proporciona la API de Console Utilities para hacer referencia rápidamente a elementos recientes, consultar objetos, supervisar eventos y llamadas a funciones, y mucho más.
Conoce la capa superior: una solución para el índice z:10000
Con la llegada de los nuevos componentes integrados y APIs a la plataforma, ¿qué es la "capa superior" que nos permiten usar?
Quitar el servidor HTTP/2 push de Chrome
El servidor Push HTTP/2 estará inhabilitado de forma predeterminada en Chrome 106
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar la cuadrícula de CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para ver y cambiar los diseños de cuadrícula de CSS.
¿Pueden los navegadores optimizar la carga de recursos de terceros?
Impulsamos cambios para mejorar la carga de recursos de terceros en la Web
Novedades de Herramientas para desarrolladores (Chrome 105)
Admite la repetición paso a paso y los eventos relacionados con el mouse en la grabadora, el LCP en el panel Estadísticas de rendimiento y mucho más.
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar y modificar animaciones de CSS
Utiliza la pestaña Animaciones para inspeccionar y modificar animaciones, transiciones y mucho más de CSS.
Sugerencias de Herramientas para desarrolladores: Obtén estadísticas prácticas sobre el rendimiento de tu sitio web
Obtén estadísticas prácticas sobre el rendimiento de tu sitio web con el nuevo panel Estadísticas de rendimiento
Bajas y eliminaciones en Chrome 105
Un resumen de las bajas y las eliminaciones de Chrome 105 para ayudarte a planificar.
:has(): el selector de familia
Con :has() en Chromium 105. Veamos algunas de las increíbles oportunidades que ofrece nuestro CSS.
Cambios en NavigationEvent en Chrome 105
La API de Navigation obtiene dos métodos nuevos en ScrollEvent: intercept() reemplaza a pasewhile() y desplaza() reemplaza aRestoreScroll().
@container y :has(): dos APIs responsivas nuevas y potentes que llegan a Chromium 105
"Las consultas de contenedores y :has() son una coincidencia perfecta en el cielo receptivo. Afortunadamente, ambas funciones ya están juntas en Chromium 105. Se trata de un gran lanzamiento con dos funciones muy solicitadas para interfaces responsivas."
Novedades de Chrome 104
Ya estamos lanzando Chrome 104. La captura de región especifica un área de recorte cuando se usa getDisplayMedia() para capturar la pestaña actual. La sintaxis de las consultas de medios se puede escribir con operadores de comparación matemáticos. Las transiciones de elementos compartidos inician una prueba de origen. Y hay mucho más.
Formatos web personalizados para la API de Async Clipboard
Los formatos personalizados web permiten que los sitios web lean y escriban cargas útiles no verificadas de forma arbitraria con un formato estándar que las aplicaciones pueden habilitar para admitirlas.
Renovación de Analytics en el Panel del desarrollador de Chrome Web Store
Google lanzará una experiencia renovada de análisis de artículos para el Panel del desarrollador de Chrome Web Store. El nuevo panel es más fácil de entender de un vistazo y consolida la información más útil al principio.
Sugerencias para Herramientas para desarrolladores: Cómo registrar mensajes en la consola
Usa la consola para registrar variables, objetos y mensajes, filtrarlos y agruparlos, y mucho más.
Ayuda a elegir una sintaxis para anidar CSS
Dos sintaxis que compiten entre sí necesitan tu ayuda para determinar cuál se debe defender hasta una posible candidata para la especificación.
Compatibilidad con las capas superiores en las Herramientas para desarrolladores de Chrome
Descubre la capa superior y obtén información sobre cómo las Herramientas para desarrolladores de Chrome implementaron la compatibilidad con ella.
Actualización sobre la financiación del Marco web de Chrome para 2022
Estamos compartiendo una actualización sobre los destinatarios de la financiación del framework web de Chrome
Sugerencias para Herramientas para desarrolladores: Cómo emular las funciones de medios de preferencias del usuario de CSS con Herramientas para desarrolladores
Usa la pestaña Renderización para emular las preferencias del usuario y probar el comportamiento de adaptación del usuario de tu sitio web.
Novedades de Herramientas para desarrolladores (Chrome 104)
Reinicia el fotograma durante la depuración, las opciones de reproducción lenta en el panel de la grabadora y mucho más.
Chrome Dev Insider: La edición de IU y CSS
Una actualización del equipo de la plataforma web de Chrome en la que llevamos a los desarrolladores detrás de escena a compartir perspectivas, conversaciones y actualizaciones.
Se lanzaron intercambios firmados en sitios para computadoras de escritorio
Anuncio de la compatibilidad de intercambios firmados con navegadores Chromium para computadoras de escritorio junto con otros lanzamientos de funciones recientes.
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar consultas de contenedores CSS
Inspecciona y depura consultas del contenedor CSS con Herramientas para desarrolladores.
Inspecciona y depura consultas de contenedores CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para inspeccionar, modificar y depurar consultas de contenedores de CSS.
Bajas y eliminaciones en Chrome 104
Un resumen de las bajas y las eliminaciones de Chrome 104 para ayudarte a planificar.
Novedades de Chrome 103
¡Ya se está lanzando Chrome 103! Hay un nuevo código de estado HTTP que ayuda al navegador a decidir qué contenido precargar antes de que la página comience a llegar. La API de Local Font Access ofrece a las aplicaciones web la capacidad de enumerar y usar las fuentes instaladas en la computadora del usuario. Existe una manera más fácil de implementar tiempos de espera en las APIs asíncronas. Y hay mucho más.
Novedades de Herramientas para desarrolladores (Chrome 103)
Registra los eventos de doble clic y clic con el botón derecho, nuevas opciones para medir el flujo de usuarios en Lighthouse y mucho más.
Referencia de las funciones de accesibilidad
Referencia completa de las funciones de accesibilidad de las Herramientas para desarrolladores de Chrome.
Novedades de Chrome 102
¡Ya se está lanzando Chrome 102! Las AWP instaladas pueden registrarse como controladores de archivos, lo que facilita a los usuarios abrir archivos directamente desde el disco. El atributo inert te permite marcar partes del DOM como inertes. La API de Navigation permite que las apps de una sola página controlen la navegación y las actualizaciones de la URL con mayor facilidad. Y hay mucho más.
Cómo y por qué creamos estadísticas de rendimiento
Cómo y por qué creamos el panel Estadísticas de rendimiento
Autentica con una Confirmación de pago seguro
Implementar protocolos de autenticación para SPC a fin de validar las transacciones de los clientes
Guía de migración de WebAssembly
Dado el impulso de la compatibilidad con WebAssembly en varios navegadores, planeamos enfocar nuestros esfuerzos de código nativo en WebAssembly en el futuro y quitar la compatibilidad con PNaCl en el cuarto trimestre de 2019 (excepto para las apps
Registrar una confirmación de pago seguro
Implementar los protocolos y el flujo de registro de SPC para que los clientes puedan realizar la autenticación rigurosa contra entidades emisoras de tarjetas o bancos directamente desde un comercio.
Confirmación de pago seguro
Descripción general de alto nivel de un estándar web propuesto para permitir la autenticación segura con proveedores de servicios de pago.
Bajas y eliminaciones en Chrome 103
Un resumen de las bajas y las eliminaciones de Chrome 103 para ayudarte a planificar.
Compatibilidad con la herramienta Interaction to Next Paint (INP)
Compatibilidad con la interacción a la siguiente pintura en las herramientas de rendimiento de Chrome.
Aplicaciones de varias páginas más rápidas con flujos
Aprende a usar flujos de caja de trabajo para crear aplicaciones de varias páginas que usan lenguaje de marcado parcial de la caché del service worker y contenido parcial de la red para crear experiencias rápidas que se rendericen de forma casi instantánea.
Proxy privado de carga previa en Chrome
Cómo acelerar el Largest Contentful Paint (LCP) con la carga previa entre sitios
Proxy privado de carga previa en Chrome para administradores de red
Una descripción general de cómo filtrar contenido en las navegaciones cargadas previamente.
Cómo acelerar el LCP con la carga previa entre sitios
Una introducción a las tecnologías disponibles
Depura WebAssembly más rápido
Cómo hacemos que la depuración de WebAssembly sea más rápida para aplicaciones grandes
Novedades de Herramientas para desarrolladores (Chrome 102)
Nuevo panel de estadísticas de rendimiento, accesos directos para emular temas claros y oscuros, y mucho más.
Fondo de Aplicaciones Web Avanzadas
Anunciamos el Fondo de Aplicaciones Web Avanzadas, que apoya a quienes hacen que la Web sea más eficaz.
Mejor uso compartido de pestañas con el controlador de captura
La plataforma web ahora incluye el controlador de captura, un mecanismo que permite que una app web de captura identifique de manera ergonómica y segura la app web capturada si esta se habilitó.
Ver las propiedades de los objetos DOM
Visualiza y filtra las propiedades de los objetos DOM.
Probar la memoria caché atrás/adelante
Asegúrate de que tus páginas estén optimizadas para el almacenamiento en la memoria caché atrás/adelante.
Novedades de Chrome 101
Chrome 101 se está lanzando ahora con un nuevo método para especificar el color con notación hwb y la prioridad de recuperación a fin de sugerir al navegador el orden ideal para descargar recursos. Y hay mucho más.
Cómo hacer que el contenido contraído sea accesible con hidden=until-found
Cómo este nuevo valor del atributo puede garantizar que se puedan encontrar y vincular el contenido dentro de las secciones de acordeón.
Cómo optimizar LCP mediante intercambios firmados
Los intercambios firmados son un medio para que los desarrolladores web mejoren sustancialmente la velocidad de carga de las páginas provenientes de referentes SXG, como la Búsqueda de Google. Pueden generar beneficios simplemente por marcar una casilla de verificación, pero puedes seguir pasos adicionales para aprovecharlas al máximo.
Controla las funciones del navegador con la Política de Permisos
Administra el modo en que tu página y los iframes de terceros incorporados acceden a las funciones del navegador.
Análisis detallado de renderizaciónNG: BlinkNG
Obtén información sobre BlinkNG y los diversos subproyectos que solucionaron problemas antiguos relacionados con la organización y la estructura del código de Blink.
Descripción general de la pestaña Procesamiento
Descubre una colección de opciones que afectan el procesamiento del contenido web.
Emular las funciones de medios de CSS
Emular prefers-color-scheme, tipo de medio, colores forzados, prefers-contrast, prefers-reducido-movimiento, gamut-color.
Presentamos Chrome Dev Insider
Se trata de una nueva serie del equipo de la plataforma web de Chrome en la que les llevamos a los desarrolladores detrás de escena a compartir perspectivas, conversaciones y actualizaciones.
Cómo descubrir problemas relacionados con el rendimiento de la renderización
Repintura de manchas, cambios de diseño, capas y mosaicos, problemas de desplazamiento, consulta las estadísticas de renderización y las Métricas web esenciales.
Incorpora contenido en tu sitio de forma segura
Obtén información sobre los distintos elementos HTML que se usan para incorporar contenido y cómo optimizar la seguridad.