Muestras
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
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 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.
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.
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.
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
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.
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.
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.
- WebGpu
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.
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.
- WebGpu
Novedades de las extensiones de Chrome
Cambios recientes en la plataforma, la documentación y la política de extensiones 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
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
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.
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
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.
- WebGpu
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
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
Ú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.
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
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.
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.
- WebGpu
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.
- WebGpu
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.
- WebGpu
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
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.
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.
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.
- WebGpu
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.
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.
- WebGpu
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.
- WebGpu
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.
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 historial de CrUX
Descubre cómo consultar los seis meses anteriores de tendencias históricas de CrUX con la API de CrUX History.
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.
- WebGpu
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.
Referencia de las funciones de red
Referencia completa de las funciones del panel Network de Chrome DevTools.
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
- WebGpu
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.
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.
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.
- WebGpu
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.
- WebGpu
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.
- WebGpu
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.
- WebGpu
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.
- WebGpu
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.
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.
¿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.
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.
- WebGpu
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.
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.
- WebGpu
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.
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
- WebGpu
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
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.
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.
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.
- WebGpu
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.
- WebGpu
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.
- WebGpu
Modo de escritura vertical de CSS para elementos de control de formularios
Chrome agrega otra nueva función internacional de CSS.
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.
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.
- 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.
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.
Novedades de Chrome 120
¡Chrome 120 se está lanzando ahora! Con la API de CloseWatcher, para habilitar una experiencia coherente cuando se manejan solicitudes cerradas, hay una implementación directa de un patrón de acordeón usando el elemento de detalles, informes de incumplimiento de la política de permisos disponibles y mucho más.
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.
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.
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.
- WebGpu
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
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.
- WebGpu
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 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.
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.
- WebGpu
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.
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.
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.
- WebGpu
Google Summer of Code y las extensiones de Chrome
Experiencia y consejos para participar en Google Summer of Code.
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
- WebGpu
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.
- WebGpu
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.
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.
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
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.
- WebGpu
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.
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.
- WebGpu
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 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.
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.
- WebGpu
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.
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.
Novedades de Herramientas para desarrolladores (Chrome 111)
Depuración del color HD, mejora de la UX de las interrupciones y mucho más
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.
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.
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.
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.
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.
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ó.
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.
Novedades de Herramientas para desarrolladores (Chrome 101)
Importa y exporta el flujo de usuarios como JSON, admite colores hwb(), ve capas de cascada en el panel Styles y más.
Bajas y eliminaciones en Chrome 101
Un resumen de las bajas y las eliminaciones de Chrome 101 para ayudarte a planificar.
Bajas y eliminaciones en Chrome 102
Un resumen de las bajas y las eliminaciones de Chrome 102 para ayudarte a planificar.
Celebra Chrome 100 con #100CoolWebMoments
Celebramos el lanzamiento de la versión 100 de Chrome con un repaso breve.
Estadísticas de rendimiento: 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 panel Estadísticas de rendimiento.
Novedades de Chrome 100
Chrome 100 se está lanzando ahora con un número de versión de tres dígitos. Rememora el pasado y celebra los #100CoolWebMoments desde el primer lanzamiento de Chrome. Se realizaron algunos cambios importantes en la string del usuario-agente. La API de Multi-Screen Window Placement permite enumerar las pantallas conectadas a la máquina de un usuario y ubicar ventanas en pantallas específicas. Y hay mucho más.
Novedades de Herramientas para desarrolladores (Chrome 100)
Mira y edita las opciones de @support en las reglas, cambia el nombre del selector de la grabación y personalízalo, y mucho más.
Bajas y eliminaciones en Chrome 100
Un resumen de las bajas y las eliminaciones de Chrome 100 para ayudarte a planificar.
Novedades de Chrome 99
Ya estamos lanzando Chrome 99. Las capas de cascada de CSS te otorgan más control sobre tu CSS y ayudan a evitar conflictos de especificidad de estilo. El método showPicker() te permite mostrar de forma programática un selector de navegador para elementos de entrada como la fecha, el color y la lista de datos. Solo faltan unas semanas para la versión 100 de Chrome y Firefox. Y hay mucho más.
Optimiza la carga de secuencias de comandos de terceros en Next.js
En este artículo, se analiza el componente de la secuencia de comandos de Next.js y se demuestra cómo se puede usar para secuenciar mejor las secuencias de comandos de terceros.
Novedades de Herramientas para desarrolladores (Chrome 99)
Regulación de las solicitudes de WebSocket, nuevo panel de la API de informes, diseño de la consola y mucho más.
Inspecciona y depura diseños de flexbox de CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para inspeccionar, modificar y depurar diseños de flexbox de CSS.
Bajas y eliminaciones en Chrome 99
Un resumen de las bajas y las eliminaciones de Chrome 99 para ayudarte a planificar.
Uso de complementos
Si bien Workbox ofrece una gran utilidad lista para usar, es posible que, en ocasiones, necesites extenderla para satisfacer los requisitos de tu aplicación. Aquí es donde puede resultar útil la arquitectura de complementos de Workbox.
Novedades de Chrome 98
Ya se está lanzando Chrome 98. Si te registraste en la prueba de origen del Tema oscuro automático, hay una nueva forma de inhabilitar la función a nivel de cada elemento. Ahora se admite COLRv1, una evolución del formato de fuente COLRv0. Y hay mucho más.
Chip de solicitud de permisos
Chrome 98 agrega un espacio exclusivo en la barra de ubicación para los permisos, con el objetivo de que las indicaciones sean menos exigentes y reducir la insistencia percibida en una decisión.
Las capas de Cascade llegan a tu navegador
"Las capas de cascada son una nueva API de CSS que te ayudará a administrar la precedencia en cascada de tu código, que llegará pronto a todos los navegadores modernos."
Chromium Chronicle n.o 28: Comienza a usar Chrome en iOS
Aprende a trabajar con el código de la aplicación de Chrome para iOS.
Mostrar un selector de navegador para la fecha, la hora, el color y los archivos
La plataforma web ahora incluye una forma canónica de mostrar un selector de navegador.
Novedades de Herramientas para desarrolladores (Chrome 98)
Árbol de accesibilidad de página completa, cambios más precisos en la pestaña Cambios y mucho más.
Chrome inhabilitará la modificación de document.domain para que se relaje la política del mismo origen
Si tu sitio web depende de la configuración de “document.domain”, debes realizar esta acción.
Bajas y eliminaciones en Chrome 98
Un resumen de las bajas y las eliminaciones de Chrome 98 para ayudarte a planificar.
Acceso a redes privadas: Presentación de las solicitudes preliminares
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. Sigue leyendo para conocer las acciones recomendadas.
Fuentes de vectores de gradiente de color COLRv1 en Chrome 98
En Chrome 98, los equipos de Chrome y Fonts agregaron compatibilidad con COLRv1, una evolución del formato de fuente COLRv0 cuyo objetivo es extender las fuentes de color mediante la incorporación de gradientes, la composición y la combinación, y mejorar la reutilización de formas internas para archivos de fuente nítidos y compactos que se comprimen bien.
Novedades de Chrome 97
Ya se está lanzando Chrome 97. Hay una opción nueva para enviar mensajes en tiempo real entre el cliente y el servidor mediante Web Transport. Puedes usar la detección de funciones para ver qué tipos de secuencias de comandos admite un navegador. JavaScript mejora, y hay mucho más.
API de Launch Handler
El controlador de inicio te permite controlar cómo se inicia tu app; por ejemplo, si usa una ventana existente o nueva, y si se navega a la URL de inicio por la ventana elegida.
Árbol de accesibilidad completo en las Herramientas para desarrolladores de Chrome
Revisa el nuevo árbol de accesibilidad de página completa en Herramientas para desarrolladores, así como el diseño y la implementación de este árbol.
Cómo forzar un tiempo de espera de la red
Obtén información sobre cómo forzar un tiempo de espera de la red en presencia de una conexión de red lenta y cómo obtener los tiempos correctos.
Maneja las actualizaciones de service worker de inmediato
A veces, es bueno informar a los usuarios al actualizar un service worker. A continuación, aprenderás cómo hacerlo.
Cómo entregar audio y video almacenados en caché
Manejar solicitudes de recursos de audio y video en un service worker es difícil. Aprende a usar las solicitudes de rango de trabajo para manejar esas solicitudes de manera predecible.
Cómo usar workbox-window
A veces, los usuarios se desconectan. Aprende a adaptarse y ayúdalos a reanudar las solicitudes cuando vuelven a estar en línea.
Almacena recursos en caché durante el tiempo de ejecución
Aprende a controlar los recursos de almacenamiento en caché durante el tiempo de ejecución, incluidos los recursos de origen cruzado.
Administra respuestas de resguardo
A veces, los usuarios se enfrentan a fallas en la red o se desconectan. Aprende a adaptarte a esas situaciones y proporcionar una respuesta de resguardo.
Cómo acceder a las memorias caché desde la ventana
El acceso a las instancias de caché no se limita solo al alcance del service worker. También puedes acceder a ellas desde el contexto de la ventana. En este artículo, aprenderás cómo hacerlo.
Cómo reintentar solicitudes cuando vuelves a estar en línea
A veces, los usuarios se desconectan. Aprende a adaptarse y ayúdalos a reanudar las solicitudes cuando vuelven a estar en línea.
Novedades de Herramientas para desarrolladores (Chrome 97)
Nuevo panel de Grabadora, actualización de la lista de dispositivos en el Modo de dispositivo y mucho más.
Ayudamos a los desarrolladores a crear apps web instalables y potentes
Descripción del impacto de las funciones de AWP que se agregaron a Chrome.
Bajas y eliminaciones en Chrome 97
Un resumen de las bajas y las eliminaciones de Chrome 97 para ayudarte a planificar.
Novedades de Chrome 96
Ya se está lanzando Chrome 96. Hay dos propiedades nuevas en el manifiesto de la aplicación web. La propiedad de ID te permite especificar un ID único para tu AWP, y la propiedad de protocolo_handlers te permite registrarla automáticamente como un controlador de protocolo en la instalación. Hay una nueva prueba de origen que te permite especificar la prioridad de recuperación para descargar recursos. Y hay mucho más.
Novedades de Lighthouse 9.0
Lighthouse 9.0 llega con un informe actualizado y una vista previa de la compatibilidad con los flujos de usuarios.
Solución de problemas y registro
Un vistazo a las funciones de registro y las herramientas de depuración del service worker en el navegador de Workbox.
Usa Workbox sin almacenamiento previo en caché
Cómo compilar un service worker en Workbox sin workbox-build
Almacenamiento previo en caché con Workbox
Aprende a almacenar previamente elementos en caché en un service worker con Workbox.
Integraciones de framework
Una referencia rápida sobre los frameworks y complementos que se integran con Workbox
Qué debes y no debes hacer en el almacenamiento previo en caché
Aprende qué debes hacer y qué debes hacer con el almacenamiento previo en caché.
Carga previa de Navigation para HTML centrado en la red
Qué es la precarga de Navigation, cómo puede acelerar la navegación y cómo usarla en Workbox
Service workers y el modelo de shell de la aplicación
Cómo vincular el modelo de shell de la aplicación con un service worker en la SPA
Graba, vuelve a reproducir y mide los flujos de usuarios
Graba, vuelve a reproducir, mide los flujos de usuarios y edita sus pasos con el panel Grabadora.
Forzar la versión principal de Chrome a 100 en la string usuario-agente
El número de versión de Chrome pronto pasará de dos dígitos a tres, lo que podría afectar cualquier código que analice la string de usuario-agente (UA). Una marca de función disponible de la versión 96 a la 99 de Chrome permite realizar pruebas anticipadas al forzar el número de versión principal de la string UA a 100.
Cómo implementar la CSP y la depuración de Trusted Types en Herramientas para desarrolladores de Chrome
Cómo implementamos la política de seguridad de contenido y la depuración de problemas de Trusted Types en Herramientas para desarrolladores de Chrome
Cómo elegir colores de cualquier píxel en la pantalla con la API de EyeDropper
Los desarrolladores de aplicaciones creativas pueden usar la API de EyeDropper para implementar un selector que permita a los usuarios elegir colores de píxeles en su pantalla, incluidos los que se encuentran fuera del navegador.
Novedades de Herramientas para desarrolladores (Chrome 96)
Nuevo panel Resumen de CSS, emula los medios de contraste de CSS preferido y el modo oscuro automático de Chrome, y mucho más.
Cómo crear un componente de imagen efectivo
Las imágenes son una fuente común de cuellos de botella en el rendimiento de las aplicaciones web y un área de enfoque clave para la optimización. En este documento, se explica cómo el equipo de Aurora de Google diseñó un componente de imagen potente en Next.js que está integrado con varias optimizaciones mediante una interfaz fácil de usar para los desarrolladores. En esta publicación, se analiza cómo se diseñó el componente y las lecciones que aprendimos en el camino.
Descripción general de CSS: Identifica posibles mejoras de CSS
Identifica las posibles mejoras de CSS con el panel Resumen de CSS.
Bajas y eliminaciones en Chrome 96
Un resumen de las bajas y las eliminaciones de Chrome 96 para ayudarte a planificar.
Diferentes estrategias de service worker para distintas arquitecturas
Introducción a las dos arquitecturas de sitios web diferentes.
Expectativas en torno a la implementación de service worker
Comprender el efecto que tiene un service worker en un sitio web una vez implementado
Mejora la experiencia de desarrollo de service worker
Cómo resolver algunos de los problemas de desarrollo local que puedes encontrar cuando usas service workers
Novedades de Chrome 95
¡Chrome 95 se está lanzando ahora! El enrutamiento es más fácil con URLPattern integrado en el navegador, la API de Eye Dropper proporciona una herramienta integrada para seleccionar colores, hay una nueva prueba de origen para recibir ahora la cadena de UA reducida y hay mucho más.
Migra a la API de Reporting v1
Está disponible una nueva versión de la API de informes. La nueva API es más eficaz y tiene más probabilidades de ser compatible con todos los navegadores.
Supervisa tu aplicación web con la API de informes
Usa la API de Reporting para supervisar los incumplimientos de seguridad, las llamadas a la API obsoletas y mucho más.
Análisis detallado de RenderingNG: LayoutNG
Cómo el gran cambio de arquitectura de LayoutNG reduce y mitiga varios tipos de errores y problemas de rendimiento
Chromium Chronicle n.o 25: Anotaciones de seguridad de los subprocesos
Descubre cómo el framework de análisis estático de Clang se encarga del trabajo repetitivo de las pruebas de seguridad de subprocesos.
Informe de características de los dispositivos del usuario Chrome
Los desarrolladores se preguntan constantemente para qué tipo de público están desarrollando contenido. ¿Cuánta RAM tienen? ¿Qué tipo de Wi-Fi está usando? Un nuevo informe proporciona respuestas para una variedad de países y plataformas.
Actualizaciones de las políticas de Chrome Web Store para el 3er trimestre de 2021
Actualizamos nuestros requisitos de seguridad y aclaramos algunas políticas para mantener alta la calidad de las extensiones y la experiencia para los desarrolladores.
Estrategias para el almacenamiento en caché de service worker
Una descripción general del almacenamiento en caché en los service workers.
La vida de un service worker
Comprender la forma en que se comportan los service workers para posibilitar las aplicaciones sin conexión
¿Qué es Workbox?
Presentamos Workbox, un conjunto de módulos que simplifican el enrutamiento y el almacenamiento en caché de los service workers comunes.
Bajas y eliminaciones en Chrome 95
Un resumen de las bajas y las eliminaciones de Chrome 95 para ayudarte a planificar.
Cronograma de compatibilidad con Manifest V2
Detalles de la baja gradual y el final del ciclo de vida de Manifest V2.
Transición de extensiones de Chrome a Manifest V3
Compartir detalles sobre el plan para mover extensiones a Manifest V3
Novedades de Chrome 94
Ya se está lanzando Chrome 94. El espacio de color predeterminado para los elementos `` ahora se define formalmente como SRGB, y puedes cambiarlo a Display P3. Hay una forma nueva y de bajo nivel de acceder a códecs de audio y video integrados, importante para juegos de transmisión, editores de video, etcétera. WebGPU inicia su prueba de origen. Y hay mucho más.
Novedades de Herramientas para desarrolladores (Chrome 95)
Se agregaron nuevas herramientas de creación de longitud de CSS, ocultaron problemas en la pestaña Problemas, mejoraron la visualización de propiedades y mucho más.
Análisis detallado: VideoNG
Obtén información sobre los sistemas de reproducción modernos y cómo Chromium impulsa cientos de millones de horas de tiempo de reproducción todos los días.
Modernización de la infraestructura de CSS en Herramientas para desarrolladores
Cómo investigamos y actualizamos la infraestructura de CSS en Herramientas para desarrolladores.
Control total con la API de VirtualKeyboard
Administrate, ya que el navegador se ocupa de la oclusión de contenido cuando aparece el teclado virtual de un dispositivo táctil.
Novedades de Lighthouse 8.4
Lighthouse 8.4 ahora brinda protección contra las imágenes LCP de carga diferida y las fallas de FID sin un viewport para dispositivos móviles.
Novedades de Chrome 93
Ya se está lanzando Chrome 93. Ahora puedes cargar hojas de estilo CSS con sentencias de importación, al igual que los módulos de JavaScript. Las AWP instaladas pueden registrarse como controladores de URL, lo que permite que los usuarios accedan directamente a ella. La API de Multi-Screen Window Placement se actualizó en función de tus comentarios y comienza una segunda prueba de origen. Acortaremos el ciclo de lanzamiento de la versión estable a cuatro semanas. Y hay mucho más.
Bajas y eliminaciones en Chrome 93
Un resumen de las bajas y las eliminaciones de Chrome 93 para ayudarte a planificar.
Bajas y eliminaciones en Chrome 94
Un resumen de las bajas y las eliminaciones de Chrome 94 para ayudarte a planificar.
Chromium Chronicle n.o 24: StrongAlias, IdType y TokenType
A veces, el mismo tipo puede representar valores de dominios incompatibles, lo que puede causar errores. Afortunadamente, la base de Chromium facilita la introducción de tipos explícitos y diferentes.
Actualización de Acceso a redes privadas: Presentamos una prueba de baja
Como parte de la especificación Acceso a redes privadas, Chrome dará de baja el acceso a extremos de red privados de sitios web públicos no seguros en Chrome 94. Sigue leyendo para conocer las acciones recomendadas.
Enrutamiento moderno del cliente: la API de Navigation
Obtén información sobre la API de Navigation, una nueva API que agrega funcionalidad mejorada para compilar aplicaciones de una sola página.
Novedades de Herramientas para desarrolladores (Chrome 94)
Usa las Herramientas para desarrolladores en tu idioma de preferencia, los nuevos dispositivos Nest Hub, la nueva insignia de consultas de contenedores de CSS y mucho más.
Estructuras de datos clave en RenderingNG
Comprender los componentes de la arquitectura RenderingNG y cómo fluye a través de ellos la canalización de renderización
Bajas y eliminaciones en Chrome 92
Un resumen de las bajas y las eliminaciones de Chrome 92 para ayudarte a planificar.
Herramientas de cuadrícula de CSS en Herramientas para desarrolladores
Cómo diseñamos e implementamos la compatibilidad con herramientas de cuadrícula de CSS en Herramientas para desarrolladores
Herramientas de cuadrícula de CSS en Herramientas para desarrolladores
Cómo diseñamos e implementamos la compatibilidad con herramientas de cuadrícula de CSS en Herramientas para desarrolladores
Cómo solucionar problemas relacionados con las pruebas de origen de Chrome
Resolver problemas comunes con los tokens de prueba en las metaetiquetas, los encabezados y las secuencias de comandos También aprenderás sobre la compatibilidad de depuración en las Herramientas para desarrolladores de Chrome.
Política de incorporaciones de origen cruzado
Documentación de referencia para la propiedad cross_origin_embedder_policy de manifest.json.
Política de abridor de origen cruzado
Documentación de referencia para la propiedad cross_origin_opener_policy de manifest.json.
Aislamiento de origen cruzado
Descripción general del aislamiento de origen cruzado para las extensiones
Política de incorporaciones de origen cruzado
Documentación de referencia para la propiedad cross_origin_embedder_policy de manifest.json.
Bajas y eliminaciones en Chrome 91
Un resumen de las bajas y las eliminaciones de Chrome 91 para ayudarte a planificar.
Política de abridor de origen cruzado
Documentación de referencia para la propiedad cross_origin_opener_policy de manifest.json.
Aislamiento de origen cruzado
Descripción general del aislamiento de origen cruzado para las extensiones
Iniciar las AWP automáticamente en el Acceso al SO
Muchos sistemas operativos ofrecen la capacidad de iniciar aplicaciones automáticamente cuando el usuario accede. Esta función ya se encuentra disponible para las aplicaciones web instaladas.
WebDriver BiDi: El futuro de la automatización entre navegadores
Descubrir qué es WebDriver BiDi y por qué es el futuro de la automatización entre navegadores
Carga recursos de origen cruzado sin encabezados de CORP mediante COEP: sin credenciales
"Cross-Origin-Embedder-Policy: credenciales sin credenciales" estará disponible en la prueba de origen a partir de Chrome 93. Este nuevo valor permite que las páginas web habiliten el aislamiento de origen cruzado sin necesidad de que los recursos de origen cruzado respondan con un encabezado "CORP: origen cruzado" mediante el envío de solicitudes sin credenciales.
Restringiendo el uso compartido del módulo de Wasm a same-origin
El uso compartido de un módulo de WebAssembly entre entornos del mismo sitio se restringirá solo al mismo origen.
Cómo verificar un número de teléfono en una computadora de escritorio con la API de WebOTP
A partir de Chrome 93, los sitios web pueden verificar números de teléfono desde Chrome para computadoras de escritorio.
Chromium Chronicle n.o 23: Compilaciones verificadas en Chrome Infra
Implementar una verificación de aplicación de políticas para Chrome y la infraestructura nos permitió comprobar que se cumplen ciertos estándares mínimos de seguridad.
Novedades de Herramientas para desarrolladores (Chrome 93)
Consultas de contenedores CSS editables, vista previa del paquete web, mejor manejo de strings en Console y mucho más
Arquitectura de RenderingNG
Conoce los componentes de la arquitectura RenderingNG y cómo fluye la canalización de renderización a través de ellos.
URLPattern aporta el enrutamiento a la plataforma web
Un enfoque para estandarizar casos de uso comunes de coincidencia de patrones.
Conceptos de Android (para desarrolladores web)
Conceptos relevantes y clave de Android para desarrolladores web que recién comienzan a usar Android y Play
Extensiones de Chrome: Aclaramos nuestras políticas de extensiones para una tienda web más segura y coherente
Actualizamos nuestros requisitos de seguridad y aclaramos algunas políticas para mantener alta la calidad de las extensiones y la experiencia para los desarrolladores.
Intercalado de recursos en frameworks de JavaScript
Obtén información sobre las optimizaciones más recientes implementadas en frameworks de JavaScript en colaboración con el proyecto Aurora.
Chromium Chronicle n.o 22: Conoce tus herramientas (depot)
Depot Tools es una colección de herramientas compilada en Git para simplificar el flujo de trabajo de los desarrolladores que contribuyen a la base de código de Chromium y proyectos relacionados.
Acciones de extensión en Manifest V3
Las extensiones de Chrome tuvieron las APIs de Acciones de páginas y navegadores durante años, pero Manifest V3 las reemplazó por una API genérica de Actions. En esta publicación, se explora la historia de estas APIs y lo que cambió en Manifest V3.
RenderingNG
En 2021, completamos en gran medida el proceso de diseño, compilación y envío de RenderingNG, una arquitectura de renderización de nueva generación para Chromium.
TableNG resuelve 72 errores de Chromium para mejorar la interoperabilidad
-- Un nuevo motor de renderizado para tablas permite crear datos tabulares de la Web de manera más coherente.
Almacenamiento de alto rendimiento para tu app: la API de Storage Foundation
La API de Storage Foundation propuso una API de almacenamiento similar a un sistema de archivos básico, con acceso directo a los datos almacenados a través de búferes y desplazamientos.
Asegúrate de que la CSP sea eficaz contra los ataques XSS
Aprende a evitar los ataques de secuencia de comandos entre sitios (XSS) con una Política de Seguridad del Contenido (CSP) estricta.
Presentamos Aurora
En este artículo, se presenta Aurora, una iniciativa de Chrome para colaborar estrechamente con frameworks de código abierto
Cumplimiento de los marcos de trabajo
En este artículo, se describe el cumplimiento, una metodología que se utiliza en los frameworks de Google, y cómo planeamos ofrecerla con código abierto en el ecosistema del framework de JavaScript
Presentación del Inspector de memoria
En este artículo, se presenta el Inspector de memoria que llegó a Chrome 91. Te permite inspeccionar tu ArrayBuffer, TypedArray, DataView y la memoria Wasm.
Inspecciona los diseños de cuadrícula de CSS
Aprende a usar las Herramientas para desarrolladores de Chrome para ver y cambiar las cuadrículas de CSS.
Presentación de chrome.scripting
La API de Scripting es una nueva API de Manifest V3 enfocada en las secuencias de comandos. Analicemos las motivaciones de este cambio y en qué se diferencia.
API de Compute Pressure
La presión de procesamiento ofrece estados de alto nivel que representan la presión que se ejerce sobre el sistema. Permite que la implementación use las métricas de hardware subyacentes correctas para garantizar que los usuarios puedan aprovechar toda la potencia de procesamiento disponible, siempre y cuando el sistema no esté sometido a un estrés inmanejable.
AWP como controladores de URL
Después de registrar una AWP como controlador de URL, cuando un usuario haga clic en un hipervínculo que coincida con uno de los patrones de URL registrados, se abrirá la AWP registrada.
Novedades de Herramientas para desarrolladores (Chrome 92)
Editor de cuadrículas de CSS, compatibilidad con la redeclaración de constantes en la consola, el visor de pedidos de origen y mucho más.
Chromium Chronicle n.o 21: Automatización de la IU de extremo a extremo de ChromeOS
Tast es una nueva biblioteca de IU que se creó con el árbol de accesibilidad (accesibilidad) de Chrome para controlar la IU de ChromeOS. La biblioteca permite a los desarrolladores crear fácilmente pruebas de extremo a extremo en cualquier superficie de IU visible.
Novedades de Chrome 91
Se lanzará Chrome 91. Las apps web que interactúan con archivos ahora pueden sugerir nombres de archivos y directorios cuando usen la API de File System Access. También puedes leer archivos desde el portapapeles. Si tu sitio tiene más de un dominio y comparten el mismo backend de administración de cuentas, puedes indicarle a Chrome que son iguales para permitir que el administrador de contraseñas sugiera las credenciales correctas. Además, todos los videos de I/O ya están disponibles y hay mucho más.
Elige cómo los vínculos dentro del alcance abren la AWP con captura de vínculos declarativa
La captura declarativa de vínculos es una propuesta de una propiedad de manifiesto de una app web llamada "capture_links" que permite a los desarrolladores determinar de forma declarativa qué debe suceder cuando se le solicita al navegador que navegue a una URL que se encuentra dentro del alcance de navegación de la aplicación, desde un contexto fuera del alcance de la navegación.
Cómo configurar funciones experimentales del navegador en Chromium
Para algunas de las nuevas APIs que presentamos en Chromium, debes establecer una marca del navegador para la experimentación. Obtén información sobre cómo hacerlo en los diferentes derivados de Chromium, como Google Chrome y Microsoft Edge, entre otros.
Actividades web de confianza que priorizan el uso sin conexión
Cómo mostrar una pantalla de resguardo sin conexión si la primera vez que el usuario abre la app, no hay conectividad
Registro de controladores de protocolo de URL para AWPs
Después de registrar una AWP como controlador de protocolo, cuando un usuario hace clic en un hipervínculo con un esquema específico, como mailto, bitcoin o música web desde un navegador o una app específica de la plataforma, la AWP registrada se abrirá y recibirá la URL.
Cómo se aceleraron 10 veces los seguimientos de pila de las Herramientas para desarrolladores de Chrome
La forma en que se multiplicaron por 10 los seguimientos de pila de las Herramientas para desarrolladores de Chrome.
Transmisiones insertables para MediaStreamTrack
Las transmisiones insertables de MediaStreamTrack permiten exponer el contenido de un MediaStreamTrack como una transmisión que se puede manipular o utilizar para generar contenido nuevo.
Chromium Chronicle n.o 20: Arneses de pruebas de comparativas
Agregar comparativas es una manera sencilla de evitar regresiones de rendimiento y ayudar a mejorarlo.
Convertidor de manifiesto de extensión
Herramienta de código abierto para convertir extensiones a Manifest V3. Aun así, deberás actualizar manualmente los códigos con cambios no mecánicos, como adaptarte para usar service workers o alguna inserción de secuencias de comandos.
IU más completa para la instalación de AWP
Es una introducción a la IU de instalación enriquecida con orientación para implementarla.
Alinea los temporizadores con restricciones de aislamiento entre dominios
A partir de Chrome 91, la resolución de temporizadores explícitos se restringirá a 100 microsegundos en todas las plataformas sin aislamiento de origen cruzado.
Novedades de Herramientas para desarrolladores (Chrome 91)
Ventana emergente con información de métricas web, visualización del ajuste de desplazamiento de CSS, nuevo inspector de memoria y mucho más
Recursos accesibles a la Web para Manifest V3
¡Ya están aquí los recursos accesibles para la Web para Manifest V3! Ahora “manifest.json” admite definiciones de permisos. Los desarrolladores pueden restringir recursos según el origen del sitio o el ID de extensión que lo solicita.
Novedades de Chrome 90
Ya se está lanzando Chrome 90. Hay un nuevo valor para la propiedad de desbordamiento de CSS. Se cambió el nombre de la API de Feature Policy a Permissions Policy. Además, hay una nueva forma de implementar y usar Shadow DOM directamente en HTML. Además, hay mucho más
Actualización de la arquitectura de Herramientas para desarrolladores: Migración de Herramientas para desarrolladores a TypeScript
Cómo migramos Chrome DevTools del verificador de tipo del compilador de Closure a TypeScript.
Chromium Chronicle #19: Desarrollo más rápido con CLion
El IDE de CLion permite navegar por símbolos, buscar en la base de código y mucho más.
Bajas y eliminaciones en Chrome 90
Un resumen de las bajas y las eliminaciones de Chrome 90 para ayudarte a planificar.
Cómo agregar la magnitud de la clasificación al informe CrUX en BigQuery
Cómo agregar la magnitud de la clasificación al informe CrUX en BigQuery
Guía de la API de VersionHistory
Una guía práctica sobre el uso de la API del servicio web VersionHistory para acceder de forma programática a la información del historial de versiones de Google Chrome
Referencia de la API de VersionHistory
Información técnica de referencia sobre la API de servicio web VersionHistory.
Aceleración del ciclo de lanzamiento de Google Chrome
Más adelante este año, planeamos acortar el ciclo de lanzamiento y enviar una nueva versión de Google Chrome al canal estable cada cuatro semanas, en comparación con el ciclo actual de seis semanas.
Novedades de Chrome 89
Ya se está lanzando Chrome 89. WebHID, WebNFC y Web Serial han finalizado sus pruebas de origen y ahora están disponibles en versión estable. Estamos cerrando una brecha que algunos desarrolladores usan para evitar las verificaciones de instalación de las AWP. Web Share y Web Share Target llegan al escritorio. Y hay mucho más.
Novedades de Herramientas para desarrolladores (Chrome 90)
Compatibilidad con depuración para CSS Flexbox, visualización de avisos de rendimiento en la página, actualizaciones de la pestaña Problemas y mucho más.
Compatibilidad con CSS-in-JS en Herramientas para desarrolladores
Cómo admitimos CSS-in-JS en Herramientas para desarrolladores y en qué se diferencia del CSS normal
Compatibilidad con CSS-in-JS en Herramientas para desarrolladores
Cómo admitimos CSS-in-JS en Herramientas para desarrolladores y en qué se diferencia del CSS normal
Preparándose para los modos de visualización de mañana
La propiedad display_override permite a los desarrolladores definir una cadena de resguardo personalizada de modos en los que se deben mostrar sus AWP.
Actualizaciones en las capacidades de animación acelerada por hardware
Chromium está actualizando sus capacidades de aceleración de hardware a animaciones SVG, transformaciones basadas en porcentajes, rutas de recorte, imágenes de fondo y mucho más.
Chromium Chronicle n.o 18: Cobertura de código de Chromium
La cobertura de pruebas mide cuánto código fuente se ejecuta cuando se ejecuta un conjunto de pruebas específico.
Día Internacional de la Lengua Materna 2021
El Día Internacional de la Lengua Materna es una celebración anual de la diversidad cultural que se celebra en todo el mundo el 21 de febrero. Fomenta la preservación y protección de los idiomas que se hablan en todo el mundo y celebra el multilingüismo.
Asignar formato y estilo a los mensajes en Console
Aprende a dar formato a los mensajes y darles estilo en Console.
Mejora de la detección de compatibilidad sin conexión de apps web progresivas
Desde el comienzo, la verificación del soporte sin conexión ha formado parte de los criterios de instalación de las AWP.
Cómo mejorar el tiempo de inicio de Herramientas para desarrolladores
Reduce la sobrecarga de rendimiento de Herramientas para desarrolladores del envío de mensajes en el frontend.
Bajas y eliminaciones en Chrome 89
Un resumen de las bajas y las eliminaciones en Chrome 89 para ayudarlo a planificar.
Chromium Chronicle n.o 17: Combinaciones de pruebas del navegador
Cuando escribes una prueba de navegador, a menudo deseas realizar de manera programática acciones de configuración que el usuario podría hacer manualmente. Para ayudarte a hacerlo, las mixins son un paquete de herramientas que permiten realizar configuraciones reutilizables de pruebas de navegador importantes.
Automatiza la selección de recursos con sugerencias de clientes
La optimización de las imágenes es difícil y la automatización es la clave del éxito.
Recibe pagos a través de la Facturación Google Play con la API de Digital Goods y la API de Payment Request
Recibe pagos a través de la Facturación Google Play en tu AWP con la API de Digital Goods, la API de Payment Request y Trusted Web Activity.
Novedades de Chrome 88
Ya se está lanzando Chrome 88. Ahora puedes subir extensiones a Chrome Web Store con Manifest v3. La propiedad de la relación de aspecto de CSS facilita la configuración de la relación de aspecto en cualquier elemento. Ahora puedes usar la Facturación Play en tu Actividad web de confianza y mucho más. Veamos las novedades para los desarrolladores en Chrome 88.
Novedades de Herramientas para desarrolladores (Chrome 89)
Permite depurar la compatibilidad con incumplimientos de Trusted Types, tomar capturas de pantalla del nodo más allá del viewport, usar la nueva pestaña Trust Tokens para las solicitudes de red y mucho más.
Actualizaciones de SharedArrayBuffer en Chrome 88 para Android y Chrome 92 para computadoras de escritorio
SharedArrayBuffer llegará a Android Chrome 88. Solo estará disponible para páginas aisladas en orígenes cruzados. A partir de la versión 92 de Chrome para computadoras de escritorio, también estará disponible únicamente para páginas aisladas de origen cruzado. Puedes registrarte en una prueba de origen para conservar el comportamiento actual hasta la versión 113 de Chrome para computadoras de escritorio.
Limitación intensa de los cronómetros de JS en cadena a partir de Chrome 88
La limitación intensiva se aplica cuando la página ha estado oculta durante más de 5 minutos, la página estuvo en silencio durante al menos 30 segundos, WebRTC no está en uso y la cadena de temporizadores es de 5 o más.
Chromium Chronicle n° 16: Cómo actualizar Google Apps en el escritorio
¿Alguna vez te preguntaste cómo se actualiza Chrome en tu computadora? ¿O cómo se publican las actualizaciones en Chromebooks, Chromecast o Android?
Depura WebAssembly con herramientas modernas
Descripción general paso a paso de la nueva experiencia de depuración de WebAssembly en las Herramientas para desarrolladores de Chrome.
Actualización de la arquitectura de Herramientas para desarrolladores: Migración a componentes web
Cómo y por qué migramos Herramientas para desarrolladores de Chrome a componentes web
Te damos la bienvenida al nuevo developer.chrome.com.
Anuncio de una renovación del sitio y un resumen de nuestros planes para 2021.
Bajas y eliminaciones en Chrome 88
Un resumen de las bajas y las eliminaciones de Chrome 88 para ayudarte a planificar.
Novedades de Web en Play
Obtén información sobre las nuevas funciones para las aplicaciones web que usan Trusted Web Activity.
Cómo usar la Facturación Google Play
La Facturación Google Play ofrece herramientas para administrar tu catálogo, precios y suscripciones, informes y un flujo de confirmación de la compra con la tecnología de Play Store.
Recursos de terceros de carga diferida con fachadas
Obtén información sobre las oportunidades de carga diferida de recursos de terceros con fachadas.
Chromium Chronicle n.o 15: Restringe la visibilidad de los objetivos
En Chromium, es común encontrar código escrito para un componente que sería útil en otro lugar, pero que podría tener restricciones ocultas. Por motivos de seguridad, restringe el acceso externo a la funcionalidad peligrosa mediante la restricción de la visibilidad de los objetivos.
Cómo usar la Facturación Play en tu Actividad web de confianza
Obtén información para integrar la Facturación Google Play a tu proyecto de Actividad web de confianza.
Cómo simular deficiencias de visión de color en el procesador de Blink
Cómo y por qué implementamos la simulación de deficiencia de visión de color en Herramientas para desarrolladores y Blink Renderer
Mejor programación de JS con isInputPending()
Una nueva API de JavaScript que puede ayudarte a evitar la compensación entre el rendimiento de carga y la capacidad de respuesta de las entradas.
Novedades de Chrome 87
Ya se está lanzando Chrome 87. Ahora puedes controlar el desplazamiento lateral, la inclinación y el zoom en cámaras web compatibles, las solicitudes de rango y los service workers no requieren tantas soluciones alternativas, la API de acceso a fuentes inicia la prueba de origen y mucho más. Veamos las novedades para los desarrolladores en Chrome 87.
recetas-recetas
Usa fácilmente patrones comunes de la caja de trabajo sin necesidad de configurarlos por tu cuenta desde paquetes individuales.
Novedades de Herramientas para desarrolladores (Chrome 88)
Nuevas herramientas de visualización de ángulo de CSS, emula los tipos de imágenes no compatibles y la cuota de almacenamiento, el nuevo carril de las Métricas web y mucho más.
Habilitar Web Share Target en Trusted Web Activity
Descubre cómo habilitar el Web Share Target en un proyecto con Trusted Web Activity.
Puppetaria: secuencias de comandos de Puppeteer centrados en la accesibilidad
Puppetaria: secuencias de comandos de Puppeteer que priorizan la accesibilidad y permite un controlador de consultas alternativo basado en la consulta del árbol de accesibilidad en lugar de depender de selectores CSS
Se desean comentarios: CORS para redes privadas (RFC1918)
La exposición no intencional de los dispositivos y servidores en la red interna de un cliente a la Web en general los hace vulnerables a ataques maliciosos. CORS-RFC1918 es una propuesta para bloquear las solicitudes de redes públicas de forma predeterminada en el navegador y exigir que los dispositivos internos acepten dichas solicitudes.
Chromium Chronicle n.o 14: Cómo agregar pruebas a Waterfall
¿Deseas detectar regresiones a la nueva función en Chrome? Agrega tus pruebas a la cascada, la infraestructura de prueba y compilación continua de Chrome.
Cómo creamos la pestaña WebAuthn de Herramientas para desarrolladores de Chrome
Cómo creamos la pestaña WebAuthn de Herramientas para desarrolladores de Chrome para permitir que los desarrolladores emulen los autenticadores, personalicen sus capacidades e inspeccionen sus estados.
Permitir que las aplicaciones web instaladas sean controladores de archivos
Registrar una app como controlador de archivos con el sistema operativo Ahora que las apps web pueden leer y escribir archivos, el siguiente paso lógico es permitir que los desarrolladores declaren estas mismas apps web como controladores de archivos
Bajas y eliminaciones en Chrome 87
Un resumen de las bajas y las eliminaciones de Chrome 87 para ayudarte a planificar.
Procesamiento de videos con WebCodecs
Trabaja con componentes de una transmisión de video por Internet, como fotogramas y fragmentos de video o audio codificados sin mezclar.
Novedades de Chrome 86
Ya se está lanzando Chrome 86. La API de acceso al sistema de archivos ahora está disponible de forma estable. Hay nuevas pruebas de origen para Web HID y la API de ubicación de ventanas multipantalla. CSS cuenta con algunas funciones nuevas y mucho más. Veamos las novedades para los desarrolladores en Chrome 86.
Obtén seguridad y privacidad mediante la partición de la caché
La partición de la caché HTTP de Chrome ayuda a mejorar la seguridad y la privacidad.
Pruebas de origen de terceros
Obtén información sobre cómo los proveedores de contenido incorporado pueden probar funciones nuevas o experimentales de las plataformas web en varios sitios.
Novedades de Herramientas para desarrolladores (Chrome 87)
Nuevas herramientas de depuración de la cuadrícula de CSS, pestaña Web Authn, herramientas movibles y panel de barra lateral Computed.
Cómo creamos la pestaña Problemas de las Herramientas para desarrolladores de Chrome
Cómo creamos la pestaña Problemas de las Herramientas para desarrolladores de Chrome para mejorar la experiencia de los desarrolladores en cuanto a la detección de problemas y su solución.
Sensores: Emular los sensores del dispositivo
Usa el panel Sensores para anular la geolocalización, simular la orientación del dispositivo, forzar el toque y emular el estado inactivo.
Conexión a dispositivos HID poco comunes
La API de WebHID permite que los sitios web accedan a teclados auxiliares alternativos y controles de juegos exóticos.
Administra varias pantallas con la API de Window Management
La API de Window Management te permite enumerar las pantallas conectadas a tu máquina y ubicar ventanas en pantallas específicas.
Actualización de la arquitectura de Herramientas para desarrolladores: Migración a módulos de JavaScript
Cómo migramos Chrome DevTools a módulos de JavaScript.
Bajas y eliminaciones en Chrome 86
Un resumen de las bajas y las eliminaciones de Chrome 86 para ayudarte a planificar.
Novedades de Chrome 85
Ya se está lanzando Chrome 85. Puede mejorar el rendimiento de la renderización con la visibilidad del contenido: automática. Ahora se pueden configurar las propiedades de CSS en CSS. Ahora puedes comprobar si tu app de Windows o AWP está instalada con la API getInstalledRelatedApps(). Los accesos directos a íconos de apps también funcionan en Windows (en este momento). Hay una prueba de origen para la transmisión de cargas con recuperación. Y mucho más. Veamos las novedades para los desarrolladores en Chrome 85.
Usa la tipografía avanzada con fuentes locales
La API de Local Font Access enumera las fuentes locales instaladas por el usuario y proporciona acceso de bajo nivel a las diversas tablas de TrueType/OpenType.
Novedades de Herramientas para desarrolladores (Chrome 86)
Panel New Media, captura de pantalla de Node.js, actualizaciones de la pestaña Problemas, emula las fuentes locales faltantes, usuarios inactivos y prefers-reduced-data.
Agrega encabezados de solicitud HTTP adicionales
Guía para agregar encabezados de CORS HTTP en intents de pestañas personalizadas.
Leer y escribir en un puerto en serie
La API de Web Serial conecta la Web y el mundo físico al permitir que los sitios web se comuniquen con dispositivos en serie.
Nueva política de referencia predeterminada para Chrome: strict-origin-when-cross-origin
Nueva política de referencia predeterminada para Chrome: strict-origin-when-cross-origin
Cómo capturar claves con la API de Keyboard Lock
La API de Keyboard Lock permite que los sitios web capturen teclas normalmente reservadas por el sistema operativo subyacente. Está diseñada para aplicaciones web que proporcionan una experiencia envolvente en pantalla completa (como juegos o apps de acceso remoto).
Lee y escribe archivos y directorios con la biblioteca browser-fs-access
Todos los navegadores modernos pueden leer archivos y directorios locales. Sin embargo, el verdadero acceso de escritura, es decir, más que solo descargar archivos, se limita a los navegadores que implementan la API de File System Access. En esta entrada, se presenta una biblioteca de compatibilidad llamada browser-fs-access que actúa como una capa de abstracción sobre la API de File System Access y que recurre con transparencia a los enfoques heredados para manejar los archivos.
Bajas y eliminaciones en Chrome 85
Un resumen de las bajas y las eliminaciones de Chrome 85 para ayudarte a planificar.
Transmite solicitudes con la API de fetch
Chromium ahora admite la transmisión de cargas a partir de la versión 105, lo que significa que puedes iniciar una solicitud antes de tener todo el cuerpo disponible.
Houdini: Desmitificación de CSS
Houdini es una colección de APIs que exponen los componentes internos del motor de CSS a los desarrolladores
Novedades de Chrome 84
Ya se está lanzando Chrome 84. Los usuarios pueden iniciar tareas comunes dentro de tu app con los accesos directos del ícono de la app. La API de Web Animations agrega compatibilidad con una gran cantidad de funciones que antes no eran compatibles. Wake Lock y la API de Content Indexing finalizan la prueba de origen. Hay nuevas pruebas de origen para la detección de inactividad y SIMD. Además, hay mucho más. Veamos las novedades para los desarrolladores en Chrome 84.
Quita el código JavaScript sin usar
Obtén información sobre cómo pasar la auditoría de Lighthouse para "quitar JavaScript sin usar".
Novedades de Herramientas para desarrolladores (Chrome 85)
Edición de estilo para frameworks de CSS-in-JS, Lighthouse 6.0, nuevas funciones de JavaScript y mucho más.
Cómo usar la API de CrUX
Aprende a usar la API de Chrome UX Report para obtener acceso RESTful a datos de experiencia del usuario real en millones de sitios web.
Mejora la privacidad del usuario y la experiencia del desarrollador con Client Hints de usuario-agente
Las sugerencias de cliente del usuario-agente son una nueva expansión de la API de Client Hints que permite a los desarrolladores acceder a información sobre el navegador de un usuario de una manera ergonómica y que preserva la privacidad. Las
Cómo compilar un panel de CrUX en Looker Studio
Looker Studio es una potente herramienta de visualización de datos que te permite crear paneles sobre fuentes de macrodatos, como el informe de UX de Chrome. En esta guía, aprenderás a crear tu propio panel de CrUX personalizado para hacer un seguimiento de la experiencia del usuario de un origen.
Usa WebTransport
WebTransport es una API que ofrece mensajería bidireccional cliente-servidor de baja latencia. Obtén más información sobre sus casos de uso y cómo enviar comentarios sobre el futuro de la implementación.
Bajas y eliminaciones en Chrome 84
Un resumen de las bajas y las eliminaciones de Chrome 84 para ayudarte a planificar.
Novedades de Chrome 83
Ya se está lanzando Chrome 83. Agrega compatibilidad con tipos de confianza, que ayudan a prevenir vulnerabilidades de secuencias de comandos entre sitios. Los elementos del formulario tienen un cambio importante. Existe una nueva forma de detectar fugas de memoria. Además, la API del sistema de archivos nativo inicia una nueva prueba de origen con funciones adicionales. Veamos las novedades para los desarrolladores en Chrome 83.
Novedades de Lighthouse 6.0
Métricas nuevas, actualización de la puntuación de rendimiento, auditorías nuevas y mucho más. Hoy lanzamos Lighthouse 6.0. Lighthouse es una herramienta de auditoría automatizada de sitios web que ayuda a los desarrolladores con oportunidades y
Detecta usuarios inactivos con la API de Idle Detection
La API de Idle Detection notifica a los desarrolladores cuando un usuario está inactivo y señala la falta de interacción con el teclado, el mouse o la pantalla, la activación de un protector de pantalla, el bloqueo de la pantalla o el desplazamiento a una pantalla diferente. Un umbral definido por el desarrollador activa la notificación.
Problemas: Cómo encontrar y solucionar problemas
Usa el panel Problemas para encontrar y corregir problemas en tu sitio web.
Novedades de Herramientas para desarrolladores (Chrome 84)
La nueva pestaña Problemas, información de accesibilidad en la información sobre la herramienta del modo de inspección y mucho más
Falta la declaración del charset o aparece demasiado tarde en el código HTML
Aprende a agregar una declaración de codificación de caracteres a tu código HTML.
Bajas y eliminaciones en Chrome 83
Un resumen de las bajas y las eliminaciones de Chrome 83 para ayudarte a planificar.
Novedades de Chrome 81
Ya se está lanzando Chrome 81. La insignia del ícono de la app es la terminación de la prueba de origen. Las pruebas de posicionamiento para realidad aumentada ya están disponibles en el navegador. La NFC en la Web comienza su prueba de origen. Por último, recibí una actualización sobre el programa de lanzamiento de Chrome ajustado. Veamos las novedades para los desarrolladores en Chrome 81.
WebSocketStream: Integra transmisiones con la API de WebSocket
WebSocketStream integra transmisiones con la API de WebSocket. Esto permite que tu app aplique contrapresión a los mensajes recibidos.
Chromium Chronicle n.o 13: Depuración de viaje en el tiempo con RR
¿Ejecutas la misma prueba una y otra vez en el depurador para intentar averiguar por qué el código entró en mal estado? Tenemos una herramienta para ti. La RR registrará un seguimiento de ejecución, lo que facilita el retroceso, la ejecución hacia atrás, la ubicación en la que las variables cambiaron su valor o la última vez que se llamó a una función en un objeto.
Novedades de Herramientas para desarrolladores (Chrome 83)
Emula deficiencias en la visión de colores, emula configuraciones regionales, depuración COOP y COEP, y mucho más.
Bajas y eliminaciones en Chrome 81
Un resumen de las bajas y las eliminaciones de Chrome 81 para ayudarte a planificar.
Cómo interactuar con dispositivos NFC en Chrome para Android
Ahora es posible leer y escribir en etiquetas NFC en Chrome para Android.
Cómo agregar datos de permisos de notificaciones al Informe sobre la experiencia del usuario en Chrome
Para ayudar a los propietarios de sitios a comprender las métricas de permisos de notificaciones, agregamos estos datos al Informe sobre la experiencia del usuario en Chrome (CrUX) del conjunto de datos de 202001, lo que permite a los propietarios comprender mejor las respuestas típicas de los permisos de notificaciones de los usuarios para sus sitios y sitios similares en su categoría.
Chromium Chronicle n.o 10: Cómo capturar regresiones de IU con pruebas de Pixel
La estrategia de prueba de Chrome se basa en gran medida en pruebas de corrección funcional automatizadas y pruebas manuales, pero ninguna de estas detecta de manera confiable regresiones menores en la IU. Usa pruebas de píxeles para probar de forma automática la IU del navegador de escritorio.
Descripción general de las pestañas personalizadas de Android
Descubre cuál es el mejor uso de las pestañas personalizadas de Android para abrir una URL en tu app para Android.
Novedades de Chrome 80
Ahora se está lanzando Chrome 80, y ofrece un montón de funciones nuevas para los desarrolladores. Hay compatibilidad con módulos en trabajadores, encadenamiento opcional en JavaScript, nuevas pruebas de origen, funciones que cambiaron a partir de la prueba de origen y mucho más. Veamos las novedades para los desarrolladores en Chrome 80.
Cómo abrir una pestaña personalizada para vínculos en WebView
Combina WebViews y pestañas personalizadas para brindar una mejor experiencia del usuario.
Cómo verificar si un dispositivo Android tiene un navegador que admite pestañas personalizadas
Obtén más información sobre cómo comprobar si un dispositivo Android tiene un navegador compatible con pestañas personalizadas.
Descripción general
Descubre cómo integrar de forma continua tu app web progresiva a tu app para Android con una actividad web de confianza.
Terreno
Una descripción general de las bibliotecas y herramientas para crear actividades web de confianza.
Cómo usar la API de bajo nivel de Custom Tab
Aprende a usar una pestaña personalizada sin la biblioteca de compatibilidad del navegador androidx.
Novedades de Herramientas para desarrolladores (Chrome 81)
Moto G4 en Modo de dispositivo, nuevas funciones relacionadas con las cookies y mucho más.
Cómo pasar información a una actividad web de confianza con parámetros de consulta
Cómo pasar información de la shell nativa a la aplicación web cuando se inicia una actividad web de confianza
Actividades web de confianza de varios orígenes
Cómo crear una aplicación mediante Trusted Web Activities que admite la apertura de varios orígenes en pantalla completa
android-browser-helper, una biblioteca nueva para compilar actividades web de confianza
Se introdujo android-browser-helper, una nueva biblioteca para compilar actividades web de confianza.
Procesamiento de imagen con contenido más grande
Obtén información sobre la métrica de Largest Contentful Paint de Lighthouse y cómo medirla y optimizarla.
Bajas y eliminaciones en Chrome 80
Un resumen de las bajas y las eliminaciones de Chrome 80 para ayudarte a planificar.
Chromium Chronicle n.o 9: ClusterFuzz
Es posible que se te solicite corregir los errores de seguridad de alta prioridad que detectó ClusterFuzz. ¿Qué es? ¿Deberías tomarte esos errores en serio? ¿Cómo puedes ayudar?
Cómo indexar páginas que pueden funcionar sin conexión con la API de Content Indexing
Es posible que tu AWP puede almacenar artículos y archivos multimedia en caché, pero ¿cómo sabrán los usuarios que las páginas funcionan sin conexión? La API de Content Indexing es una de las respuestas a esta pregunta. Una vez que el índice se propague con contenido de tu AWP, así como de cualquier otra AWP instalada, se mostrará en las áreas dedicadas de los navegadores compatibles.
Novedades de Chrome 79
Ya se está lanzando Chrome 79. Las apps web progresivas instaladas en Android son compatibles con íconos enmascarables. Ahora puedes crear experiencias inmersivas con la API de WebXR Device. Las pruebas de origen comienzan para la API de Wake Lock y el atributo rendersubtree. Además, todos los videos de la Chrome Dev Summit 2019 ya están en línea. Veamos las novedades para los desarrolladores en Chrome 79.
Novedades de Herramientas para desarrolladores (Chrome 80)
Compatibilidad con redeclaraciones de clases y let en la consola, mejora de la depuración de WebAssembly y mucho más.
Depuración de WebAssembly mejorada en las Herramientas para desarrolladores de Chrome
Repasa el código, establece puntos de interrupción y resuelve seguimientos de pila en tus idiomas de origen desde Herramientas para desarrolladores.
Chromium Chronicle #8: GWP-ASan: Detecta errores en la naturaleza
GWP-ASan es un detector de errores de memoria de solo montón diseñado para usarse en el mundo real. Detecta casos de uso después de la liberación, desbordamientos y subdesbordamientos de búfer, y liberaciones dobles. A diferencia de ASan, no detecta errores en la pila ni en globales.
Comienza a usar los paquetes web
Los paquetes web te permiten compartir sitios web como un solo archivo por Bluetooth y ejecutarlos sin conexión en el contexto de tu origen.
Experiencias sin conexión enriquecidas con la API de Periodic Background Sync
La sincronización periódica en segundo plano permite que las aplicaciones web sincronicen datos periódicamente en segundo plano, lo que acerca más las aplicaciones web al comportamiento de una aplicación de iOS, Android o escritorio.
Cómo recibir datos compartidos con la API de Web Share Target
En un dispositivo móvil o de escritorio, compartir debe ser tan simple como hacer clic en el botón Compartir, elegir una aplicación y, luego, elegir con quién compartir. La API de Web Share Target permite que las apps web instaladas se registren con el sistema operativo subyacente para recibir contenido compartido.
Bajas y eliminaciones en Chrome 79
Un resumen de las bajas y las eliminaciones de Chrome 79 para ayudarte a planificar.
API de Notification Triggers
La API de Notification Triggers permite a los desarrolladores programar notificaciones locales que no requieren una conexión de red, lo que las hace ideales para casos de uso como apps de calendario.
Chromium Chronicle n.o 7: Fuente de procesamiento previo
La compilación manual de un único archivo de origen de Chromium puede ayudar a los desarrolladores a experimentar con las opciones de optimización del compilador, comprender detalles sutiles de las macros o minimizar un error del compilador. Este mes, veremos cómo procesar previamente la fuente.
Novedades de Chrome 78
Ya se está lanzando Chrome 78. Ahora puedes proporcionar "tipos" para las variables de CSS. Obtienes service workers más actualizados, ya que ahora se realizan comprobaciones byte por byte de secuencias de comandos importadas por importScripts(). Además, tengo detalles de dos pruebas de origen nuevas que proporcionan algunas funcionalidades nuevas, como el sistema de archivos nativo y el receptor de SMS. Además, Chrome DevSummit se realizará del 11 al 12 de noviembre de 2019. Veamos las novedades para los desarrolladores en Chrome 78.
Novedades de Herramientas para desarrolladores (Chrome 79)
Depura por qué se bloquearon las cookies y simula un esquema prefers-color-scheme: oscuro, actualizaciones de cobertura de código y mucho más.
Tiempo de bloqueo total
Obtén información sobre la métrica de Tiempo de bloqueo total de Lighthouse y cómo medirla y optimizarla.
Verifica números de teléfono en la Web con la API de WebOTP
Encontrar, memorizar y escribir las OTP que se envían por SMS es un proceso engorroso. La API de WebOTP simplifica el flujo de trabajo de OTP para los usuarios.
Chromium Chronicle #6: Vista de cuadrícula del monorriel
Monorail, la herramienta de seguimiento de errores de Chrome, ofrece una vista de cuadrícula que te permite visualizar tus problemas en un tablero de estilo Kanban. En este episodio, se explica cómo usar el modo de cuadrícula.
Puntuación de accesibilidad de Lighthouse
Obtén información sobre cómo Lighthouse genera la puntuación de accesibilidad para tu página.
Bajas y eliminaciones en Chrome 78
Un resumen de las bajas y las eliminaciones de Chrome 78 para ayudarte a planificar.
Trabajadores de servicio más recientes, de forma predeterminada
De forma predeterminada, la caché HTTP dejará de entregar las solicitudes HTTP que verifiquen actualizaciones de la secuencia de comandos del service worker, y las secuencias de comandos importadas pueden activar el flujo de actualización del service worker.
Puntuación de rendimiento de Lighthouse
Obtén información sobre cómo Lighthouse genera la puntuación del rendimiento general de tu página.
Novedades de Chrome 77
Ya se está lanzando Chrome 77. Existe una mejor manera de hacer un seguimiento del rendimiento de tu sitio con el Procesamiento de imagen con contenido más grande. Formularios tiene algunas funciones nuevas. Ya está disponible la carga diferida nativa. Chrome DevSummit se llevará a cabo del 11 al 12 de noviembre de 2019. Y mucho más Veamos las novedades para los desarrolladores en Chrome 77.
Cómo depurar servicios en segundo plano
Consulta informes y depura servicios en segundo plano, como recuperación en segundo plano, sincronización en segundo plano, notificaciones, mensajes push y mucho más.
Novedades de Herramientas para desarrolladores (Chrome 78)
Lighthouse 5.2 en el panel Audits y Largest Contentful Paint, en el panel Performance.
Comienza a usar GPU Compute en la Web
En esta publicación, se explora la API experimental de WebGPU a través de ejemplos y se te ayuda a comenzar a realizar cálculos paralelos de datos con la GPU.
- WebGpu
Chromium Chronicle n.o 5: Programación fuera de la zona de pruebas
Todo el código tiene errores. El proceso del navegador Chrome no tiene zona de pruebas, lo que significa que esos errores podrían proporcionar un código malicioso acceso completo a todo el dispositivo. En este episodio, se explican las sugerencias y precauciones para programar sin una zona de pruebas.
Conoce el estado de tu código con la API de ReportingObserver
ReportingObserver te avisa cuando tu sitio usa una API obsoleta o se ejecuta con una intervención del navegador. La funcionalidad básica originalmente se incluyó en Chrome 69. A partir de Chrome 84, se puede usar en los trabajadores. Es bastante sencillo.
Bajas y eliminaciones en Chrome 77
Un resumen de las bajas y las eliminaciones de Chrome 77 para ayudarte a planificar.
Un selector de contactos para la Web
El acceso a los contactos de los usuarios ha sido una función de las apps para iOS y Android desde (casi) el principio. La API de Contact Picker es una API a pedido que permite a los usuarios seleccionar una o varias entradas de su lista de contactos y compartir detalles limitados de los contactos seleccionados con un sitio web. Permite que los usuarios compartan solo lo que quieran y cuando quieran, y facilita que los usuarios se comuniquen con sus amigos y familiares y se conecten con ellos.
Chromium Chronicle n.o 4: Prueba las funciones de tu plataforma web con WPT
Las pruebas de plataforma web (WPT) son la forma preferida de probar las funciones expuestas en la Web, ya que se comparten con otros navegadores a través de GitHub. Este mes, analizaremos las prácticas recomendadas de WPT.
Novedades de Chrome 76
Ya se está lanzando Chrome 76. Agrega compatibilidad con la consulta de medios prefers-color-scheme, lo que lleva el modo oscuro a los sitios web. Un botón de instalación en el cuadro multifunción para facilitar la instalación de apps web progresivas en el escritorio. Una forma de evitar que la minibarra de información aparezca en dispositivos móviles. Aumenta la frecuencia con la que se actualizan los WebAPK. Y mucho más Veamos las novedades para los desarrolladores en Chrome 76.
Novedades de Herramientas para desarrolladores (Chrome 77)
Copia estilos de elementos, visualiza cambios de diseño y mucho más.
Actualizaciones multimedia en Chrome 75
Predecir si la reproducción será fluida y de bajo consumo para el contenido multimedia encriptado y la compatibilidad con la sugerencia de atributo del elemento de video "playsInline"
Actualización de los componentes web: más tiempo para actualizar a las APIs v1
Los usuarios de Web Components v0 tienen más tiempo para actualizar a la versión 1, pero asegúrate de hacer la prueba.
Chromium Chronicle #3: Cobertura de código en Gerrit
Las pruebas son fundamentales porque detectan errores y regresiones, aplican mejores diseños y facilitan el mantenimiento del código. Este mes, veremos cómo realizar pruebas exhaustivas con Gerrit.
Bajas y eliminaciones en Chrome 76
Un resumen de las bajas y las eliminaciones de Chrome 76 para ayudarte a planificar.
Actualiza los WebAPK con más frecuencia
A partir de Chrome 76, los WebAPK se actualizarán con mayor frecuencia.
Novedades de Chrome 75
Ahora se está lanzando Chrome 75. Hay una nueva forma de reducir la latencia en los elementos del lienzo. Las aplicaciones web ahora pueden compartir archivos con otras aplicaciones instaladas mediante la hoja para compartir a nivel del sistema. Todas las charlas de Google I/O están en nuestro canal de YouTube. Y mucho más Veamos las novedades para los desarrolladores en Chrome 75.
Novedades de Herramientas para desarrolladores (Chrome 76)
Autocompletar con valores de CSS, una nueva IU para la configuración de red y mucho más.
Chromium Chronicle n.° 2: Cómo combatir la fragilidad de las pruebas
Las pruebas inestables son un problema común en Chrome. Afectan la productividad de otros desarrolladores y se inhabilitan con el tiempo. Este mes, veremos cómo combatir la fragilidad de las pruebas.
En Chrome 76, puede ocultar la minibarra informativa de Agregar a la pantalla principal
Agregamos más control a la minibarra de información para las AWP en Chrome 76.
Realidad aumentada con visor de modelos
En febrero, presentamos el componente web del visor de modelos, que permite agregar de forma declarativa un modelo 3D a una página web. Ahora anunciamos la compatibilidad con RA en Android con la adición del atributo ar.
Retención de pintura: Se reduce el destello blanco en las navegaciones del mismo origen
Una breve descripción general del mantenimiento de la pintura. Una función de Chrome para reducir el destello blanco en las navegaciones del mismo origen
Evita los redireccionamientos de varias páginas
Obtén información sobre por qué los redireccionamientos de página ralentizan la velocidad de carga de tu página web y cómo evitarlos.
El documento no utiliza tamaños de fuente legibles.
Obtén más información sobre la auditoría de Lighthouse "El Documento no usa tamaños de fuente legibles".
Latencia de entrada estimada
Obtén información sobre la métrica de latencia de entrada estimada de Lighthouse y cómo medirla y optimizarla.
Usa document.write()
Obtén información sobre cómo evitar document.write() para acelerar el tiempo de carga de tu página.
El contenido fuera de pantalla se oculta de la tecnología de accesibilidad
Obtén información para mejorar la accesibilidad para los usuarios de tecnologías de accesibilidad ocultando el contenido fuera de la pantalla de las tecnologías de accesibilidad.
Primera pintura significativa
Obtén información sobre la métrica de Primera pintura significativa que dejó de estar disponible de Lighthouse y cómo medirla y optimizarla.
Medidas y marcas de User Timing
Descubre cómo la API de User Timing puede ayudarte a obtener datos de rendimiento reales para tu página web.
Solicita el permiso de ubicación geográfica cuando se carga la página
Aprende a solicitar el permiso de ubicación geográfica de forma responsable y que brinde una buena experiencia del usuario.
El enfoque del usuario se dirige al nuevo contenido agregado a la página.
Aprende a realizar cambios en el estado de tu app web que sea comprensible para los usuarios de tecnología de accesibilidad cambiando el enfoque al contenido recién agregado.
Los elementos de referencia HTML5 se utilizan para mejorar la navegación
Obtén información sobre cómo mejorar la accesibilidad de tu página web mediante puntos de referencia que los usuarios de teclados pueden usar para navegar.
Impide que los usuarios peguen contenido en los campos de entrada
Permite que los usuarios peguen contenido en los campos de entrada para mejorar la experiencia del usuario en la pantalla de acceso de tu sitio.
Se registraron errores del navegador en la consola
Obtén más información para identificar y corregir errores del navegador.
Bajas y eliminaciones en Chrome 75
Un resumen de las bajas y las eliminaciones de Chrome 75 para ayudarte a planificar.
Codifica las imágenes de forma eficaz
Obtén más información sobre la auditoría uses-Optimized-images.
Se bloqueó la indexación de la página
Obtén información sobre la auditoría de Lighthouse “La página está bloqueada”.
Los vínculos a destinos de origen cruzado no son seguros
Obtén más información para vincular de forma segura a recursos en otro host.
Primer procesamiento de imagen con contenido
Obtén información sobre la métrica de Primer procesamiento de imagen con contenido de Lighthouse y cómo medirla y optimizarla.
La página no tiene el DOCTYPE de HTML, por lo que se activa el modo no estándar
Obtén información sobre cómo asegurarte de que tu página no active el modo no estándar en navegadores anteriores.
robots.txt no es válido
Obtén información acerca de que la auditoría de "robots.txt no es válida" Lighthouse.
Cómo usar formatos de video para contenido animado
Obtén más información sobre la auditoría de contenido animado eficiente.
El orden visual en la página sigue el orden del DOM
Obtén información sobre la auditoría visual-order-follow-dom.
Índice de velocidad
Obtén información sobre la métrica del índice de velocidad de Lighthouse y cómo optimizarla.
La página tiene un código de estado HTTP incorrecto
Obtén información sobre la auditoría de Lighthouse "La página no tuvo éxito en el código de estado HTTP".
Habilita la compresión de texto
Descubre cómo habilitar la compresión de texto puede mejorar el rendimiento de carga de tu página.
Reduce el tiempo de ejecución de JavaScript
Descubre cómo la ejecución de JavaScript puede ralentizar el rendimiento de tu página y cómo puedes acelerarla.
Los vínculos no tienen texto descriptivo
Obtén información sobre la auditoría de Lighthouse "Los vínculos no tienen texto descriptivo".
Establece una conexión previa con los orígenes requeridos
Obtén información sobre la auditoría uses-rel-preconnect.
Elimina los recursos que bloqueen la renderización
Obtén más información sobre la auditoría de recursos que bloquean la renderización.
Los elementos interactivos indican su propósito y estado
Establece claramente su propósito y estados para todos los usuarios a fin de aprender a mejorar la accesibilidad de los controles personalizados en tu página web.
No usa HTTP/2 para todos los recursos
Obtén información sobre por qué HTTP/2 es importante para el tiempo de carga de tu página y cómo habilitar HTTP/2 en tu servidor.
Incluye bibliotecas JavaScript de frontend con vulnerabilidades de seguridad conocidas
Obtén información sobre cómo hacer que tu página sea más segura reemplazando las bibliotecas de JavaScript que tienen vulnerabilidades conocidas.
Máximo retraso de primera entrada posible
Obtén información sobre la métrica de Lighthouse obsoleta Retraso de primera entrada potencial obsoleto y cómo medirla y optimizarla.
Mantén la cantidad de solicitudes y los tamaños de transferencia reducidos
Descubre cómo la gran cantidad de recursos y los grandes tamaños de transferencia afectan el rendimiento de la carga. Obtén estrategias para reducir la cantidad de solicitudes y los tamaños de transferencia.
Reduce los tiempos de respuesta del servidor
Obtén información sobre la auditoría de tiempo de respuesta del servidor.
Evita utilizar cargas útiles de red de gran tamaño
Obtén información sobre cómo mejorar el tiempo de carga de tu página web reduciendo el tamaño total de los archivos de los recursos que ofreces a tus usuarios.
Entrega elementos estáticos con una política de caché eficiente
Obtén información sobre cómo almacenar en caché los recursos estáticos de tu página web puede mejorar el rendimiento y la confiabilidad para los visitantes recurrentes.
El documento usa complementos
Obtén más información sobre la auditoría de Lighthouse "El documento usa complementos".
Evita encadenar solicitudes críticas
Obtén información sobre qué son las cadenas de solicitudes críticas, cómo afectan el rendimiento de la página web y cómo puedes reducir el efecto.
Bibliotecas JavaScript detectadas
Obtén más información sobre la auditoría de las "bibliotecas de JavaScript detectadas de Lighthouse.
Aplaza las imágenes fuera de pantalla
Obtén información sobre la auditoría de imágenes fuera de pantalla.
Primer tiempo inactivo de la CPU
Obtén información sobre la métrica Primera métrica de inactividad de la CPU obsoleta y cómo optimizarla.
El enfoque del usuario no queda atrapado accidentalmente en una región
Obtén información para mejorar la accesibilidad para los usuarios del teclado evitando que el enfoque quede atrapado en una región de la página.
Los datos estructurados son válidos
Obtén información sobre la auditoría de Lighthouse "Los datos estructurados son válidos".
Usa la caché de aplicaciones
Aprende a migrar tu página web de la caché de aplicaciones obsoleta a la API de Cache.
Usa el tamaño adecuado para las imágenes
Obtén información sobre la auditoría de imágenes responsivas.
El documento no tiene un vínculo rel=canonical válido
Obtén información sobre el "El documento no tiene una auditoría de Lighthouse válida en rel=canonical.
El documento no tiene un atributo hreflang válido.
Obtén información sobre que el documento no tiene una auditoría de Lighthouse válida de hreflang.
Solicita el permiso de notificaciones al cargar la página
Obtén información sobre cómo solicitar permisos de notificaciones de manera responsable y de manera que brinde una buena experiencia del usuario.
Minimiza el trabajo del subproceso principal
Obtén información sobre el subproceso principal del navegador y cómo puedes optimizar tu página web para reducir la carga del subproceso principal y mejorar el rendimiento.
Renderización de latencia baja con la sugerencia desincronizada
Las aplicaciones de dibujo basadas en plumas stylus y creadas para la Web presentan problemas de latencia debido a que una página web tiene que sincronizar las actualizaciones de gráficos con el DOM. La sugerencia dessincronizada para contextos omite el DOM a fin de eliminar la latencia.
Muestra imágenes con una relación de aspecto incorrecta
Obtén información para mostrar imágenes responsivas con la relación de aspecto correcta.
Los controles personalizados tienen roles de ARIA
Obtén información para mejorar la accesibilidad agregando ARIA a los controles personalizados, de modo que las tecnologías de accesibilidad puedan interpretarlos.
Cómo usar objetos de escucha pasivos para mejorar el rendimiento del desplazamiento
Evita los objetos de escucha de eventos pasivos para aprender a mejorar la capacidad de respuesta al desplazamiento de tu página.
El documento no tiene una metadescripción
Obtén información sobre la auditoría de Lighthouse "El documento no tiene una metadescripción".
Tiempo de carga
Obtén información sobre la métrica Tiempo de carga de Lighthouse y cómo medirla y optimizarla.
Los controles interactivos se pueden enfocar en el teclado
Obtén información para hacer que los controles personalizados de tu página web se puedan enfocar para que los usuarios del teclado puedan acceder a ellos.
Los controles personalizados tienen etiquetas asociadas
Para mejorar la accesibilidad, asegúrate de que todos los controles personalizados tengan etiquetas a las que puedan acceder los usuarios de tecnología de accesibilidad.
Reduce el impacto del código de terceros
Descubre cómo el código de terceros, como las redes de publicidad y los servicios de análisis, afecta el rendimiento de carga de la página y cómo puedes optimizar el código de terceros.
La página tiene un orden de tabulación lógico
Coloca tabulaciones en un orden lógico para facilitar la navegación de los usuarios del teclado por tu página web.
El tamaño de los elementos táctiles no es el adecuado
Obtén información sobre la auditoría de Lighthouse "Los objetivos que se deben presionar no tienen el tamaño adecuado".
Novedades de Chrome 74
Justo a tiempo para Google I/O, ¡Chrome 74 ya está disponible! Agrega compatibilidad con campos de clase privada; te permite detectar cuándo el usuario solicitó una experiencia de movimiento reducido; agrega compatibilidad con eventos de transición de CSS y mucho más. Veamos las novedades para los desarrolladores en Chrome 74.
Observa los valores de JavaScript en tiempo real con Live Expressions
Si tienes que escribir las mismas expresiones de JavaScript en la consola reiteradamente, prueba Live Expressions.
Referencia de las funciones de la consola
Referencia integral sobre todas las funciones y los comportamientos relacionados con la IU de Console en las Herramientas para desarrolladores de Chrome.
Novedades de Herramientas para desarrolladores (Chrome 75)
Ofrece valores predeterminados de autocompletado, borra datos de sitios desde el menú Comando y mucho más.
Chromium Chronicle n.o 1: Prácticas recomendadas para la programación de tareas
El equipo de Chrome se enorgullece en presentar Chromium Chronicle, una serie mensual dirigida específicamente a los desarrolladores de Chromium: los que crean el navegador. Este mes, analizaremos las prácticas recomendadas para la programación de tareas.
Obsoleto: ver datos de caché de la aplicación con las Herramientas para desarrolladores de Chrome
Cómo ver datos de la caché de aplicaciones desde el panel de la app de las Herramientas para desarrolladores de Chrome
Ver datos de caché
Cómo ver datos almacenados en caché desde el panel Application de las Herramientas para desarrolladores de Chrome
Visualiza datos de Web SQL
Cómo ver datos de Web SQL desde el panel Application de las Herramientas para desarrolladores de Chrome
El nodo del DOM seleccionado actualmente
Aprende el acceso directo rápido a la consola para obtener el nodo del DOM seleccionado actualmente.
Bajas y eliminaciones en Chrome 74
Un resumen de las bajas y las eliminaciones de Chrome 74 para ayudarte a planificar.
Visualiza y cambia los datos de IndexedDB
Cómo ver y cambiar datos de IndexedDB con el panel Application y Fragmentos
Cómo ver y editar el almacenamiento de la sesión
Cómo ver y editar “sessionStorage” con el panel de almacenamiento de sesiones y la consola
Ver y editar el almacenamiento local
Cómo ver y editar “localStorage” con el panel de Almacenamiento local y la consola
Novedades de Chrome 73
Chrome 73 facilita la creación de contenido portátil con intercambios HTTP firmados. Cambiar los estilos de forma dinámica se vuelve mucho más fácil con las hojas de estilo constructibles. Además, agrega compatibilidad con apps web progresivas en Mac, lo que brinda compatibilidad con AWPs a todas las plataformas de escritorio y dispositivos móviles, lo que facilita la creación de apps instalables, que se entregan a través de la Web. Veamos las novedades para los desarrolladores en Chrome 73.
KV Storage: el primer módulo integrado de la Web
Una introducción a la nueva API de KV Storage, los módulos integrados y los mapas de importación.
Cómo navegar por las Herramientas para desarrolladores de Chrome con tecnología de accesibilidad
Guía para navegar por las Herramientas para desarrolladores de Chrome con tecnología de asistencia, como lectores de pantalla.
Novedades de Herramientas para desarrolladores (Chrome 74)
Destaca los nodos afectados por una propiedad de CSS, Lighthouse v4, visualizador de mensajes binarios de WebSocket y mucho más.
Comienza a ver y cambiar el DOM
Aprende a ver nodos, buscar nodos, editarlos, hacer referencia a nodos en la consola, interrumpir los cambios de nodos y mucho más.
Equipo del Ecosistema de Desarrollo Web - Resumen de febrero
En el resumen de febrero, en el que analizamos lo que ha estado sucediendo en el equipo del ecosistema de desarrolladores web.
ventana-cuadro de trabajo
Es un módulo que ayuda a registrar un service worker, administrar actualizaciones y responder a eventos del ciclo de vida.
Reemplaza una ruta de acceso directa en el código JavaScript de tu app por WebAssembly
Un beneficio clave que ofrece WebAssembly es un rendimiento _predecible_ en todos los navegadores. Pero ¿cómo conviertes la ruta de acceso directa escrita en JavaScript en WebAssembly?
Aceleración predeterminada del desplazamiento de la rueda
La capacidad de respuesta del desplazamiento es fundamental para la participación del usuario en un sitio web en dispositivos móviles. Sin embargo, los objetos de escucha de eventos de rueda a menudo causan graves problemas de rendimiento del desplazamiento. Descubre cómo ayudamos a los usuarios y desarrolladores a ser rápidos de forma predeterminada.
Bajas y eliminaciones en Chrome 73
Un resumen de las bajas y las eliminaciones de Chrome 73 para ayudarte a planificar.
Mejor coincidencia de resultados con String.prototype.matchAll()
Chrome 73 presenta el método String.prototype.matchAll(). Se comporta de manera similar a match(), pero ofrece una manera sencilla de iterar las coincidencias, en especial cuando necesitas acceso para capturar grupos.
Actualizaciones multimedia en Chrome 73
Compatibilidad con teclas multimedia de hardware, verificación de política HDCP, pruebas de origen de pantalla en pantalla y mucho más
Plantillas y componentes web ultrarrápidos: lit-html y LitElement
lit-html y LitElement ofrecen plantillas y componentes interoperables rápidos y ligeros a la Web moderna.
RTCQuicTransport se lanzará una versión de prueba de origen cerca de ti (Chrome 73)
RTCQuicTransport es una nueva API de plataforma web que permite intercambiar datos arbitrarios con pares remotos mediante el protocolo QUIC.
Novedades de Chrome 72
En Chrome 72, la creación de campos de clase pública en JavaScript ahora es mucho más ordenada. Se puede ver si una página se activó con la nueva API de activación de usuarios, la localización de listas se vuelve mucho más fácil y hay mucho más. Veamos las novedades para los desarrolladores en Chrome 72.
Paquetes de pilas de prototipado para Lighthouse
En lugar de mostrar únicamente consejos generales, los paquetes de pila ampliarán Lighthouse a fin de incluir mensajes adicionales para herramientas específicas.
Novedades de Herramientas para desarrolladores (Chrome 73)
Puntos de registro, información sobre herramientas detalladas en el modo de inspección y mucho más.
Haz que la activación del usuario sea coherente en todas las APIs
En la versión 72, Chrome envía User Activation v2, una función que completa la disponibilidad de activación del usuario para todas las APIs con control de activación, lo que resuelve muchas incoherencias en la activación del usuario.
API de Shape Detection: una imagen vale más que mil palabras, rostros y códigos de barras
La API de Shape Detection detecta rostros, códigos de barras y texto en imágenes.
Cómo compilar un dispositivo para WebUSB
Compila un dispositivo para aprovechar al máximo la API de WebUSB. En este artículo, se explica cómo compilar un dispositivo para aprovechar al máximo la API de WebUSB. Para obtener una breve introducción a la API, consulta Cómo acceder a
Bajas y eliminaciones en Chrome 72
Un resumen de las bajas y las eliminaciones de Chrome 72 para ayudarte a planificar.
Mantente activo con la API de Screen Wake Lock
Para evitar que se agote la batería, la mayoría de los dispositivos se suspenderán rápidamente cuando estén inactivos. Si bien esto es correcto la mayor parte del tiempo, hay algunas aplicaciones que necesitan mantener la pantalla activa para completar algunas tareas. La API de Screen Wake Lock proporciona una forma de evitar que el dispositivo atenúe o bloquee la pantalla cuando una aplicación necesita seguir ejecutándose.
Abra las Herramientas para desarrolladores de Chrome
Todas las formas en las que puedes abrir las Herramientas para desarrolladores de Chrome.
Hacer un seguimiento del foco de los elementos
Abre la consola, crea una expresión en vivo y configúrala como document.activeElement.
Insignias para íconos de apps
La API de insignias de aplicaciones permite que las aplicaciones web instaladas establezcan una insignia para toda la aplicación, que se muestra en un lugar específico del sistema operativo y asociado con la aplicación, como la biblioteca o la pantalla principal. Las insignias permiten notificar sutilmente al usuario que hay alguna actividad nueva que podría requerir su atención, o se pueden usar para indicar una pequeña cantidad de información, como un recuento de mensajes no leídos.
Novedades de Chrome 71
Chrome 71 facilita la visualización de los valores de tiempo relativos con la nueva API Intl.RelativeTimeFormat(). Puedes especificar en qué lado del texto debe aparecer el subrayado para el texto que fluya verticalmente. Además, el uso de la API de síntesis de voz ahora requiere la activación del usuario antes de que la computadora comience a hablarte. Veamos las novedades para los desarrolladores en Chrome 71.
Presentamos la recuperación en segundo plano
La recuperación en segundo plano te permite administrar descargas de gran tamaño, incluso si se cierra el navegador.
Novedades de Herramientas para desarrolladores (Chrome 72)
Visualiza métricas de rendimiento, destaca nodos de texto, copia la ruta de JS a un nodo del DOM y realiza actualizaciones en el panel Audits.
Audio web, política de reproducción automática y juegos
En septiembre de 2017, anunciamos un próximo cambio en la forma en que se controlaría el audio con la política de comportamiento de reproducción automática en Chrome. El cambio de política se lanzó con la versión estable de Chrome 66 en mayo de 2018.
Nuevo estado de capacidades
Las apps web deben poder hacer lo mismo que las apps específicas de la plataforma. Descubre el estado de las nuevas funciones para las apps web.
Intercambios HTTP firmados
Los intercambios firmados permiten que los sitios web firmen contenido web de manera que el contenido se pueda redistribuir y verificar de forma segura de donde proviene originalmente.
Bajas y eliminaciones en Chrome 71
Un resumen de las bajas y las eliminaciones de Chrome 71 para ayudarte a planificar.
Mira el video con la función Pantalla en pantalla
Controla la función pantalla en pantalla para los elementos de video de tu sitio web.
Actualizaciones de audio y video en Chrome 70
Un resumen de las actualizaciones de audio y video en Chrome 70: almacenamiento en búfer y reproducción de códecs cruzados y transmisiones de bytes, Opus en MP4 con ECM y reproducción de contenido protegido permitida de forma predeterminada en Android.
Novedades de Chrome 70
Chrome 70 agrega compatibilidad con las Apps web progresivas para computadoras de escritorio en Windows y Linux, compatibilidad con las credenciales de clave pública para la API de Credential Management, que permite darles un nombre a los trabajadores dedicados y mucho más. Veamos las novedades para los desarrolladores en Chrome 70.
Se realizaron ajustes en importScripts() y cache.addAll() disponibles en Chrome 71
Se harán algunos cambios pequeños en cache.addAll() e importScripts, y en Chrome 71.
Problemas con el tiempo de procesamiento de pintura en Chrome 69
Chrome 69 incluye un cambio incorrecto en nuestras métricas de tiempo de procesamiento de imagen, que tenía como objetivo capturar una mayor parte de la canalización de procesamiento, pero dio como resultado marcas de tiempo inexactas.
Novedades de Herramientas para desarrolladores (Chrome 71)
Destaca nodos del DOM de expresiones en vivo, almacena nodos como variables globales y mucho más.
Worklet de animación de Houdini
El Worklet de animaciones te permite escribir animaciones imperativas que se ejecutan a la velocidad de fotogramas nativa del dispositivo para lograr una fluidez adicional sin bloqueosTM, hacen que tus animaciones sean más resistentes a los bloqueos del subproceso principal y se pueden vincular para desplazar en lugar de tiempo.
Controles del usuario para los permisos de organizador: guía de transición
Lineamientos para actualizar tus extensiones a fin de controlar los cambios de permisos del host de tiempo de ejecución a partir de Chrome 70.
Cómo funciona el navegador web moderno (parte 4)
Control de eventos de entrada con el subproceso del compositor
Cómo funciona el navegador web moderno (parte 3)
Funcionamiento interno de un motor de renderización de navegador
Actualizaciones multimedia en Chrome 70
El almacenamiento en búfer y la reproducción de códecs cruzados y flujos de bytes cruzados, Opus en MP4 con MSE y la reproducción de contenido protegido está permitida de forma predeterminada en Android.
Bajas y eliminaciones en Chrome 70
Un resumen de las bajas y las eliminaciones de Chrome 68 para ayudarte a planificar.
Cómo funciona el navegador web moderno (parte 2)
Obtén información sobre la forma en que el navegador controla las solicitudes de navegación.
Acceso asíncrono a cookies HTTP
La API de Cookie Store ofrece acceso asíncrono a cookies HTTP y abre el archivo jar de cookies a los service workers.
Análisis del navegador web moderno (parte 1)
Descubre cómo el navegador convierte tu código en un sitio web funcional, desde la arquitectura de alto nivel hasta los detalles de la canalización de renderización.
Novedades de Chrome 69
Transcurrieron diez años desde que se lanzó Chrome por primera vez. Desde entonces, han cambiado muchas cosas, pero nuestro objetivo de construir una base sólida para las aplicaciones web modernas no ha hecho lo mismo. En Chrome 69, se admite el ajuste de desplazamiento de CSS, compatibilidad con recortes, bloqueos web y algunas funciones nuevas y geniales de CSS4. Veamos las novedades para los desarrolladores en Chrome 69.
Novedades de Herramientas para desarrolladores (Chrome 70)
Live Expressions en la consola, destaca nodos del DOM durante Eager Evaluation y mucho más.
Actualizaciones multimedia en Chrome 69
Un resumen de las actualizaciones de contenido multimedia de Chrome 69: Verificación de las políticas de AV1 y HDCP.
ReportingObserver: Conoce el estado de tu código
ReportingObserver ofrece a los desarrolladores estadísticas sobre las acciones que realizan sus códigos en el mundo real. ReportingObserver muestra información sobre problemas como intervenciones y bajas, mensajes que antes solo estaban disponibles en la consola de Herramientas para desarrolladores.
La velocidad ahora es un factor en las páginas de destino para la Búsqueda de Google y Google Ads
Actualmente, la velocidad es un factor de las páginas de destino para la Búsqueda de Google y Google Ads.
Novedades de Chrome 68
Chrome 68 realiza cambios en el comportamiento de Agregar a la pantalla principal en Android, lo que te brinda más control. La API de ciclo de vida de la página te indica cuándo se suspendió o restableció tu pestaña. Y la API Payment Handler permite que las aplicaciones de pago basadas en la Web admitan la experiencia de Payment Request. Veamos las novedades para los desarrolladores en Chrome 68.
Presentamos NoState Prefetch
Se envió Chrome 63 con NoState Prefetch. NoState Prefetch es un mecanismo para recuperar recursos por adelantado que usa menos memoria que el proceso de renderización previa obsoleto.
PWACompat: el manifiesto de apps web para todos los navegadores
Usa la biblioteca PWACompat para implementar el manifiesto de apps web en todos los navegadores.
carga previa de Workbox-navigation
Habilita la precarga de navegación para obtener una respuesta de red para las solicitudes de navegación más rápido.
Aislamiento de sitios para desarrolladores web
La versión de Chrome 67 para computadoras de escritorio tiene una nueva función llamada Aislamiento de sitios\* que está habilitada de forma predeterminada. En este artículo, se explica de qué se trata el aislamiento de sitios, por qué es necesario y por qué los desarrolladores web deberían tenerlo en cuenta.
Cómo experimentar con el retraso de primera entrada en el informe sobre la UX de Chrome
Anunciamos que se agregó la métrica experimental de retraso de primera entrada (FID) al Informe sobre la experiencia del usuario en Chrome.
Información sobre la cuota de almacenamiento
Guía para configurar Workbox a fin de evitar problemas de cuota de almacenamiento
Introducción a la política de funciones
La política de funciones permite a los desarrolladores habilitar, inhabilitar y modificar selectivamente el comportamiento de ciertas APIs y funciones en el navegador. Es como CSP, pero para las funciones. Se envía en Chrome 60.
Realidad aumentada para la Web
La realidad aumentada permite ubicar objetos virtuales y hacerles un seguimiento en una vista del mundo real.
Chacmool: Realidad aumentada en Chrome Canary
Chacmool, una demostración web educativa, muestra la facilidad con la que la RA basada en la Web puede crear una experiencia atractiva.
Preguntas frecuentes sobre la migración de la baja de la instalación intercalada
Preguntas frecuentes sobre la baja de las instalaciones integradas para las extensiones de Chrome.
Bajas y eliminaciones en Chrome 68
Un resumen de las bajas y las eliminaciones de Chrome 68 para ayudarte a planificar.
Cambios para agregar al comportamiento de la pantalla principal
A partir de Chrome 68 en Android, el comportamiento de Agregar a la pantalla principal cambiará para brindarte más control sobre cuándo y cómo solicitarle al usuario. Si tu sitio cumple con los criterios para agregar a la pantalla principal, Chrome ya no mostrará automáticamente el banner correspondiente. En cambio, deberás llamar a prompt() en el evento guardado beforeinstallPrompt para mostrar a los usuarios el mensaje de diálogo para agregar a la pantalla principal.
Novedades de Chrome 67
Chrome 67 lleva las apps web progresivas al escritorio. Se agregó compatibilidad con la API de sensor genérico, lo que facilita el acceso a los sensores del dispositivo, como el acelerómetro, el giroscopio y más. Además, se agregó compatibilidad con BigInts para que trabajar con números enteros grandes sea mucho más fácil. Veamos las novedades para los desarrolladores en Chrome 67.
Novedades de Herramientas para desarrolladores (Chrome 68)
Evaluación pasiva, sugerencias de argumentos, autocompletado de funciones, Lighthouse 3.0 y mucho más.
Habilita la autenticación sólida con WebAuthn
La versión beta de Chrome 67 presenta la API de autenticación web (WebAuthn), que permite a los navegadores interactuar con credenciales basadas en claves públicas y administrarlas. Esto permite una autenticación sólida con llaves de seguridad extraíbles y autenticadores de plataforma integrados, como los escáneres de huellas digitales.
Cómo usar Lighthouse para mejorar el rendimiento de carga de la página
Nuevas auditorías de rendimiento para precarga, preconexión, GIF y mucho más.
Anunciamos Lighthouse 3.0
Auditorías más rápidas, menos variaciones, una IU de informes nueva, auditorías nuevas y mucho más.
Bajas y eliminaciones en Chrome 67
Un resumen de las bajas y las eliminaciones de Chrome 67 para ayudarte a planificar. En esta versión, dejará de estar disponible la fijación de claves públicas, la eliminación de AppCache en contextos no seguros y más eliminaciones de prefijos.
Migra a secuencias de comandos en segundo plano controladas por eventos
Cómo migrar una secuencia de comandos persistente en segundo plano a un modelo no persistente basado en eventos para mejorar el rendimiento de tu extensión de Chrome
Novedades de Chrome 66
Chrome 66 facilita la manipulación de CSS con el nuevo objeto de modelo escrito en CSS, el acceso al portapapeles ahora es asíncrono, hay un nuevo contexto de renderización para los elementos del lienzo y una mejor manera de procesar audio con JavaScript. Veamos las novedades para los desarrolladores en Chrome 66.
Novedades de Herramientas para desarrolladores (Chrome 67)
Realiza búsquedas en encabezados de red, copia solicitudes como solicitudes de recuperación, audita páginas con condiciones de escritorio y mucho más.
Cómo editar y guardar archivos en un espacio de trabajo
Aprende a guardar los cambios realizados en las Herramientas para desarrolladores en tus archivos de origen.
Presentar las páginas web en pantallas secundarias adjuntas
Chrome 66 permite que las páginas web usen una pantalla secundaria adjunta a través de la API de Presentación y controlen su contenido a través de la API de Receptor de presentación.
Bajas y eliminaciones en Chrome 66
Un resumen de las bajas y las eliminaciones de Chrome 66 para ayudarte a planificar. En esta versión, mejoró la seguridad de los service worker, cambios en los valores de posición de CSS y mucho más.
Preguntas frecuentes sobre SmooshGate
¿Qué nos puede enseñar SmooshGate sobre el desarrollo de estándares y la plataforma web? Este informe ofrece una visión general.
Protege la privacidad del usuario
Lineamientos para garantizar que la extensión de Chrome proteja la privacidad del usuario
Protege la privacidad del usuario
Lineamientos para garantizar que la extensión de Chrome proteja la privacidad del usuario
Novedades de Chrome 65
En Chrome 65 se agrega compatibilidad con la nueva API de pintura de CSS, que permite generar una imagen de forma programática. Puedes usar la API de Server Timing para proporcionar información sobre el tiempo del rendimiento del servidor a través de encabezados HTTP, y la nueva propiedad CSS display: content puede hacer que los cuadros desaparezcan. Veamos las novedades para los desarrolladores en Chrome 65.
Novedades de Herramientas para desarrolladores (Chrome 66)
Ignora la secuencia de comandos en el panel Network, ajusta automáticamente el zoom en el Modo de dispositivo y mucho más.
Actualizaciones de Lighthouse 2.8
Nuevas auditorías de rendimiento y SEO, primera sección en los informes y mucho más.
Bajas y eliminaciones en Chrome 65
Un resumen de las bajas y las eliminaciones de Chrome 65 para ayudarte a planificar. En esta versión, hay un recordatorio sobre los certificados de Symantec, las descargas de origen cruzado están bloqueadas, y document.all ahora es de solo lectura.
Meltdown/espectro
Implications for Web Developers and Chrome’s mitigation (Implicaciones para desarrolladores web y mitigaciones de Chrome).
compilación-caja de trabajo
Un módulo que puede generar un service worker, insertar un manifiesto de precaché en el código existente o crear un manifiesto de precaché.
Informe sobre la experiencia del usuario en Chrome: Nueva dimensión de país
Anuncio del lanzamiento de una nueva dimensión de país en el Informe sobre la experiencia del usuario en Chrome.
Novedades de Chrome 64
Chrome 64 agrega compatibilidad con ResizeObservers, que te notificará cuando cambie el tamaño del rectángulo de contenido de un elemento. Ahora los módulos pueden acceder a metadatos específicos de host con import.metadata El bloqueador de ventanas emergentes se fortalece y mucho más. Veamos las novedades para los desarrolladores en Chrome 64.
API de Paint de CSS
La API de CSS Paint de Houdini te permite dibujar imágenes de CSS de forma programática.
Novedades de Herramientas para desarrolladores (Chrome 65)
Anulaciones locales, herramientas de accesibilidad, auditorías de rendimiento y SEO, y mucho más.
Headless Chrome: respuesta a los sitios de JavaScript que se renderizan en el servidor
Headless Chrome es una solución directa para convertir sitios dinámicos de JavaScript en páginas HTML estáticas.
Novedades de Herramientas para desarrolladores (Chrome 64)
Agrupaciones del supervisor de rendimiento, la barra lateral de la consola y la consola
Inhabilita la reducción de ruido del hardware
Se está inhabilitando de forma experimental la reducción de ruido del hardware en Chrome 64.
complemento-webpack-de-trabajo
Genera un service worker o inserta un manifiesto de precaché con la herramienta de compilación de webpack.
Bajas y eliminaciones en Chrome 64
Un resumen de las bajas y las eliminaciones de Chrome 64 para ayudarte a planificar. En esta versión, se realizaron cambios en la API de rendimiento, se quitaron la compatibilidad con varias shadow root y se quitó una API de WebKit.
Worklet de audio ahora está disponible de forma predeterminada
Chrome 64 incorpora una nueva función muy esperada en la API de Web Audio: Audio Worklet
Autohosting para Linux
Cómo empaquetar, alojar y actualizar archivos crx desde un servidor personal para usuarios de Linux
En Chrome 64, la API chrome.loadTimes() dejará de estar disponible
La API no estándar de chrome.loadTimes() dejará de estar disponible en Chrome 64 ahora que existen equivalentes basados en estándares para todas sus funciones útiles.
Cómo instalar extensiones en Linux
Cómo empaquetar, alojar y actualizar archivos crx desde un servidor personal
Informe sobre la experiencia del usuario en Chrome: expansión a más de 1 millón de orígenes
Hoy anunciamos un nuevo Informe sobre la experiencia del usuario en Chrome con una cobertura ampliada de más de 1 millón de orígenes principales en la Web.
Actualizaciones de Lighthouse 2.6
Nuevas auditorías de rendimiento, reacondicionamiento de la puntuación de accesibilidad, mejoras en la UX de los informes y corrección de errores.
Actualizaciones multimedia en Chrome 63/64
En Chrome 64, podrás consultar contenido multimedia predecible, HDR en Windows 10, reproducción sin conexión con licencias persistentes y mucho más.
API de Device Memory
La API de Device Memory permite a los desarrolladores ofrecer diferentes recursos a los usuarios según las capacidades de memoria de sus dispositivos.
Novedades de Chrome 63
Chrome 63 te permite importar módulos de JavaScript de forma dinámica. Mi pregunta favorita sobre programación para entrevistas es sencilla con iteradores y generadores asíncronos. También puedes anular el comportamiento de desplazamiento de desbordamiento predeterminado del navegador con la propiedad de comportamiento de sobredesplazamiento de CSS.
actualización-de-transmisión-de-caja de trabajo
Envía mensajes a las páginas cuando se actualiza una caché con una respuesta nueva.
Novedades de Herramientas para desarrolladores (Chrome 63)
Depuración remota de varios clientes, notificaciones push con datos personalizados y lugares de trabajo 2.0.
almacenamiento previo en caché en caja de trabajo
Almacena previamente un conjunto de archivos en caché y administra de manera eficiente las actualizaciones de los archivos.
vencimiento del cuadro de trabajo
Se quitaron las solicitudes almacenadas en caché en función de la cantidad de elementos en una caché o la antigüedad de la solicitud almacenada en caché.
estrategias-de-caja de trabajo
Un conjunto de estrategias de almacenamiento en caché en tiempo de ejecución que se encargan de responder a una solicitud. Normalmente, se usa con "workbox-Routing".
workbox-cli
Genera un service worker, inserta un manifiesto de precaché o crea una copia local de las bibliotecas de Workbox desde la línea de comandos.
sincronización-en segundo plano-de-la-caja de trabajo
Usa la sincronización en segundo plano para realizar una solicitud de red de manera confiable, incluso si el usuario no tiene conexión.
enrutamiento de caja de trabajo
Enruta las solicitudes del service worker a funciones de devolución de llamada o estrategias de almacenamiento en caché específicas.
respuesta-que se puede almacenar en caché de la caja de trabajo
Restringe las solicitudes que se almacenan en caché según los encabezados o el código de estado de una respuesta.
solicitudes de rango de trabajo
Este módulo proporciona compatibilidad para responder a una solicitud “Range:” con una porción de datos previamente almacenados en caché.
workbox-google-analytics
Compatibilidad para volver a reproducir interacciones sin conexión de Google Analytics
núcleo de la caja de trabajo
Modifica los niveles de registro y cambia los nombres de la caché. Contiene el código compartido que usan todas las bibliotecas de Workbox.
Workbox-sw
Proporciona una forma de cargar el entorno de ejecución de Workbox sin un paso de compilación.
Controla tu desplazamiento: personaliza los efectos de "deslizar hacia abajo para actualizar" y "desbordamiento",
Introducción a la propiedad de comportamiento de sobredesplazamiento de CSS.
Bajas y eliminaciones en Chrome 63
Un resumen de las bajas y las eliminaciones de Chrome 63 para ayudarte a planificar. En esta versión, se introdujo un nuevo comportamiento en las propiedades de la interfaz, eliminación de una función de webkit y un cambio en RTCRtcpMuxPolicy.
Se superó la cuota de almacenamiento en búfer
Existen varias formas de lidiar con QuotaExceededError.
Actualizaciones de Lighthouse 2.5
Cinco auditorías nuevas, el módulo de Node independiente del selector de Chrome y una nueva guía de regulación.
Novedades de Chrome 62
Chrome 62 mejora la API de información de red con indicadores de calidad de red, ya se agregó compatibilidad con OpenType Variable Fonts, y ahora se pueden capturar y procesar transmisiones de medios desde HTMLMediaElements con la API de Media Capture desde elementos DOM.
Recuperación anulable
Anulación de las recuperaciones mediante una nueva primitiva web: el controlador de anulación
Un evento para el elemento position:sticky de CSS
Uso de la posición: Sticky e IntersectionObserver juntos para determinar cuándo los elementos se vuelven fijos Aplica efectos de desplazamiento sin eventos de desplazamiento.
Sensores para la Web
Los sensores se usan en muchas aplicaciones para habilitar funciones avanzadas, como juegos que tienen en cuenta la orientación o la aceleración del dispositivo en el que se ejecutan. La API de Generic Sensor proporciona una interfaz genérica para acceder a esos datos de sensores en la Web.
Bajas y eliminaciones en Chrome 62
Un resumen de las bajas y las eliminaciones de Chrome 62 para ayudarte a planificar. En esta versión, mejoras de seguridad, más bajas de webkit y mucho más.
Explorar una memoria caché atrás/adelante para Chrome
bfcache crea una caché que permite navegar de forma instantánea a páginas visitadas anteriormente.
Política de reproducción automática en Chrome
Conoce las prácticas recomendadas para ofrecer buenas experiencias del usuario con las nuevas políticas de reproducción automática de Chrome.
Pantalla en pantalla (PIP)
Analicemos una API web que permitiría a los sitios web crear una ventana de video flotante sobre el escritorio.
Actualizaciones multimedia en Chrome 62
Reproducción sin conexión con licencias persistentes y Widevine L1 en Android, optimizaciones de pistas de video, pantalla completa automática de video cuando se rota el dispositivo, rango de búsqueda personalizable en transmisiones de MS en vivo y archivos FLAC en MP4 con ECM.
Novedades de Chrome 61
Chrome 61 ahora admite módulos de JavaScript de forma nativa, lo que unifica la forma en que se puede escribir JavaScript modular. Ahora puedes usar el menú de puntos de navegación para activar el diálogo de uso compartido nativo de Android. Además, llegó la API de WebUSB, que permite que las apps web accedan a los dispositivos USB permitidos por los usuarios. Y hay mucho más.
Presentación de visualViewport
La API de viewport visual te proporciona detalles sobre cómo el usuario se desplaza y hace zoom en tu página.
Novedades de Herramientas para desarrolladores (Chrome 62)
Operadores de espera de nivel superior en Console, nuevos flujos de trabajo de captura de pantalla, resaltado de la cuadrícula de CSS y mucho más.
Bajas y eliminaciones en Chrome 61
Un resumen de las bajas y las eliminaciones de Chrome 61 para ayudarte a planificar. En esta versión, mejoras de seguridad, más bajas de webkit y mucho más.
Cómo estimar el espacio de almacenamiento disponible
Navigator.storage.estimated() te proporciona información sobre las restricciones de almacenamiento de tu aplicación web.
Actualizaciones de audio y video en Chrome 61
Un resumen de las actualizaciones de audio y video en Chrome 61.
Actualizaciones multimedia en Chrome 61
Aquí están las optimizaciones de las pistas de video en segundo plano y la pantalla completa automática del video cuando se rota el dispositivo.
Novedades de Chrome 60
Con Chrome 60, ahora puedes medir el tiempo hasta el primer procesamiento de imagen y el tiempo hasta el primer procesamiento de imagen con contenido con la API de Paint Timings. Puedes controlar cómo se renderizan las fuentes con la propiedad font-display de CSS. Ya está disponible WebAssembly y hay mucho más.
Próximas funciones de expresiones regulares
Una descripción general de las nuevas y emocionantes funciones de las expresiones regulares de JavaScript, incluidas las capturas con nombre, la marca dotAll, los escapes de propiedad Unicode y las aserciones de elementos visuales.
Novedades de Herramientas para desarrolladores (Chrome 61)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 61.
Eventos de entrada alineados
Proporcionar una experiencia del usuario fluida es importante para la Web. En las últimas versiones de Chrome, disminuimos la latencia de entrada en estos dispositivos.
Blog de transmisiones en vivo potenciadas: División de código
Implementamos la división de código y la fragmentación basada en rutas como WebPack.
DOMException: Se interrumpió la solicitud play().
¿Qué ocurre realmente con "DOMException: Se interrumpió la solicitud play()"?
Actualizaciones más recientes de la API de administración de credenciales
Actualizaciones más recientes de la API de administración de credenciales
Bajas y eliminaciones en Chrome 60
Un resumen de las bajas y las eliminaciones de Chrome 60 para ayudarte a planificar. En esta versión, mejoras de seguridad, más bajas de webkit y mucho más.
Introducción a la API de Budget
La API de Budget permite a los desarrolladores realizar acciones en segundo plano sin notificar a los usuarios, lo que habilita casos de uso como envío silencioso.
Novedades de Chrome 59
Con Chrome 59, puedes ejecutar Chrome en un entorno automatizado sin interfaz de usuario ni periféricos. El sistema de notificaciones nativo de macOS muestra las notificaciones en macOS directamente; ahora puedes capturar fotos en resolución completa con la API de captura de imágenes, ¡y hay mucho más!
Novedades de Herramientas para desarrolladores (Chrome 60)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 60.
Bajas y eliminaciones en Chrome 59
Un resumen de las bajas y las eliminaciones de Chrome 59 para ayudarte a planificar.
Cambio al sistema de notificaciones nativo en macOS
A partir de Chrome 59, se mostrarán notificaciones nativas en macOS.
Novedades de Chrome 58
Con Chrome 58, las apps web progresivas son más envolventes con la pantalla: pantalla completa. Ahora se admite IndexedDB 2.0, y los iFrames de zona de pruebas obtienen más opciones. Pete LePage contiene todos los detalles y la manera de usar estas nuevas funciones para desarrolladores en Chrome 58.
Novedades de Herramientas para desarrolladores (Chrome 59)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 59.
Política de Chromium sobre los diálogos de JavaScript
Los diálogos modales de JavaScript de la app se usan con frecuencia (y lamentablemente) para perjudicar a los usuarios. Por este motivo, el equipo de Chromium recomienda no utilizar diálogos de JavaScript.
Análisis detallado de CSS: matrix3d() para obtener una barra de desplazamiento personalizada perfecta para el marco.
Las matrices de transformaciones personalizadas te permiten crear barras de desplazamiento personalizadas perfectas para los marcos.
Cómo compilar animaciones de expansión y contracción de rendimiento
Cuando haces efectos de expansión y contracción, puedes usar transformaciones de escala para mantener el rendimiento de la IU.
Actualizaciones multimedia en Chrome 58
Personalización de los controles multimedia, reproducción automática de las apps web progresivas agregadas a la pantalla principal, pausa de la reproducción automática del video silenciado cuando es invisible, y consulta de medios con gama de colores.
Cruzaremos las transmisiones (de contenido multimedia), Ray
Actualmente, cuando se utilizan extensiones de fuente de medios (MSE) en Chrome, no es posible alternar entre transmisiones encriptadas y claras. A partir de Chrome 58, todos estos cambios se aplican.
Bajas y eliminaciones en Chrome 58
Un resumen de las bajas y las eliminaciones de Chrome 58 para ayudarte a planificar.
Actualizaciones de audio y video en Chrome 58
Un resumen de las actualizaciones de audio y video en Chrome 58.
Novedades de Chrome 57
Con Chrome 57, ahora puedes usar Display: Cuadrícula para diseños basados en cuadrículas, usar la API de sesiones multimedia para personalizar la pantalla de bloqueo y las notificaciones con información sobre el contenido multimedia que se está reproduciendo y mucho más. Pete LePage tiene todos los detalles y la manera de usar estas nuevas funciones para desarrolladores en Chrome 57.
Novedades de Herramientas para desarrolladores (Chrome 58)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 58.
Personaliza las notificaciones multimedia y administra listas de reproducción
Personaliza notificaciones de contenido multimedia web y responde a eventos relacionados con contenido multimedia con la nueva API de Media Session.
Manifiesto: Controladores de acciones
Documentación de referencia para la propiedad action_handlers de manifest.json.
Bajas y eliminaciones de API en Chrome 57
Un resumen de las bajas y las eliminaciones de Chrome 57 para ayudarte a planificar.
Cambios en la API de solicitud de pago
En Chrome 56 y 57, se realizaron algunos cambios en la API de Payment Request después de los cambios de especificaciones. Aprende qué son y realiza cambios en tus propias implementaciones.
Cuadrícula de CSS: Volvió el diseño de tabla. Mantente presente y no te rindas.
CSS Grid es un nuevo sistema de diseño para la Web.
Novedades de Chrome 56
Con Chrome 56, las aplicaciones web ahora pueden comunicarse con dispositivos Bluetooth de bajo consumo cercanos a través de la API de Web Bluetooth. Posición CSS: fija y regresa, lo que facilita la creación de elementos que se desplazan normalmente hasta que se adhieren a la parte superior del viewport. Y HTML5 de forma predeterminada está habilitado para todos los usuarios.
Cómo acelerar el desplazamiento táctil de manera predeterminada
La capacidad de respuesta del desplazamiento es fundamental para la participación del usuario en un sitio web en dispositivos móviles. Sin embargo, los objetos de escucha de eventos táctiles a menudo causan graves problemas de rendimiento del desplazamiento. Descubre cómo ayudamos a los usuarios y desarrolladores a ser rápidos de forma predeterminada.
Referencia de depuración de JavaScript
Descubre nuevos flujos de trabajo de depuración en esta referencia completa de las funciones de depuración de las Herramientas para desarrolladores de Chrome.
Cómo crear una Web mejor con Lighthouse
Novedades de Lighthouse. Rediseño, nuevas auditorías de prácticas recomendadas y un visualizador de informes en línea
Cambio de tamaño de la barra de URL
Ocultar la barra de URL ya no cambia el tamaño de las páginas para dispositivos móviles.
Herramientas para desarrolladores de Chrome: Creación de perfiles de CPU en JavaScript en Chrome 58
Se modificó la opción "Record JavaScript CPU Profile" en Chrome 58.
Herramientas para desarrolladores de Chrome: Creación de perfiles de CPU en JavaScript en Chrome 58
Se cambió el perfil de CPU de registro de JavaScript en Chrome 58.
Bajas y eliminaciones de API en Chrome 56
Un resumen de las bajas y las eliminaciones de Chrome 56 para ayudarte a planificar.
Cómo tomar fotos y controlar la configuración de la cámara
Captura de imágenes es una API para controlar la configuración de la cámara y tomar fotos.
Paralaje de alto rendimiento
Con un poco de cambios matemáticos, es posible tener efectos de paralaje que se adaptan muy bien a las arquitecturas de los navegadores.
Novedades de Chrome 55
Con Chrome 55, puedes escribir código basado en promesas como si fuera síncrono, usando async y await. PointerEvents proporciona una forma unificada de controlar todos los eventos de entrada. Y el almacenamiento persistente finaliza la prueba de origen.
Prepárate para la Chrome Dev Summit 2016
Chrome Dev Summit 2016 se realizará el jueves, 10 y 11 de noviembre.
Cómo evitar la advertencia de no seguro en Chrome
Chrome pronto marcará como No seguras en la barra de URL las páginas no seguras que contengan campos de entrada de contraseñas y tarjetas de crédito.
Administra guiones con CSS
En Chrome 55, se implementa la propiedad de guiones para controlar cuándo aparecen esos guiones y su comportamiento.
Resumen de Herramientas para desarrolladores, octubre de 2016
Nuevas funciones de la consola, actualizaciones sobre el error del selector de contexto y el nuevo usuario-agente del navegador de UC.
Opciones de acciones táctiles
Las acciones táctiles permiten que un desarrollador defina cómo un usuario puede interactuar con un elemento, y Chrome ahora tiene una mayor compatibilidad con las opciones de acciones táctiles en Chrome 55.
Señalar el camino a seguir
Los eventos del puntero unifican el modelo de entrada del puntero para el navegador y reúnen elementos táctiles, bolígrafos y mouse en un solo conjunto de eventos.
Cómo capturar un MediaStream de un lienzo, un elemento de video o audio
El método captureStream() permite capturar un MediaStream desde un elemento de lienzo, audio o video en Android y computadoras de escritorio.
Había una vez un objeto de escucha de eventos
addEventListener ahora admite una opción de una sola vez, lo que facilita la definición de eventos que se borran después de ellos mismos.
Bajas y eliminaciones de APIs en Chrome 55
Un resumen de las bajas y las eliminaciones de Chrome 56 para ayudarte a planificar.
auxclick llegará a Chrome 55
Se activará un nuevo evento de clic auxiliar para los clics que no sean el botón principal del mouse.
Novedades de Chrome 54
Con Chrome 54, ahora puedes crear tu propia etiqueta HTML personalizada con Elementos personalizados y crear componentes web reutilizables con la versión 1; es más fácil enviar mensajes entre ventanas o pestañas abiertas en el mismo origen con la API de BroadcastChannel; la experiencia multimedia mejora en Android, y la recuperación externa ahora está disponible como prueba de origen.
Actualizaciones de developers.google.com/web
El nuevo Web Fundamentals: mejor navegación, contenido nuevo y mucho más
Rerasterización de capas compuestas en cambio de escala
will-change (transformar significa que debes animarla rápido)
Service Workers de origen cruzado: cómo experimentar con la recuperación externa
Los servicios de terceros pueden comenzar a implementar sus propios controladores de solicitudes de red.
CacheQueryOptions llega a Chrome 54
Se admite el conjunto completo de CacheQueryOptions, lo que facilita la búsqueda de respuestas almacenadas en caché.
Opciones de una PushSubscription
Ahora puedes acceder a las opciones que se usan cuando suscribes a un usuario al envío.
Resumen de Herramientas para desarrolladores, septiembre de 2016 - Resumen de Perf
Se realizaron mejoras en las herramientas de rendimiento en Herramientas para desarrolladores en las últimas versiones de Chrome.
API de BroadcastChannel: un bus de mensajes para la Web
La API de BroadcastChannel se puede usar para Pub/Sub simple entre ventanas, pestañas, iframes o trabajadores.
Cómo intervenir en document.write()
Chrome bloquea algunas secuencias de comandos que se agregan con document.write()
La API de Web Animations alcanza el objetivo en varios navegadores
Firefox 48 se une a Chrome para enviar una implementación nativa de la API de Web Animations.
Bajas y eliminaciones de APIs en Chrome 53
Un resumen de las bajas y las eliminaciones de Chrome para ayudarte a planificar.
Resumen de Herramientas para desarrolladores, agosto de 2016
Qué sucedió con el panel Recursos, las nuevas funciones y la actividad de la comunidad.
Reproducción automática silenciada en dispositivos móviles. Olvídate de los trucos sobre lienzos y los GIF animados.
La reproducción automática silenciada para videos es compatible con Android a partir de Chrome 53. Anteriormente, un elemento de video requería un gesto del usuario para iniciar la reproducción.
Éxitos de la interoperabilidad push web
Las actualizaciones web push han tenido algunas actualizaciones en versiones recientes de Chrome. GCM ahora es compatible con el protocolo push web y, si usas VAPID, no necesitarás registrarte en un proyecto de Google Developers y obtendrás un extremo de FCM.
Depura Progressive Web Apps
Usa el panel Application para inspeccionar, modificar y depurar manifiestos de apps web, service workers y cachés de service worker.
Google Analytics sin conexión ahora es más fácil
La biblioteca sw-offline-google-analytics te ofrece todo lo que necesitas.
Complejidades de un desplazador infinito
Los desplazamientos infinitos son un patrón de IU común. Aquí exploramos cómo implementar este patrón de una manera conservadora de memoria que funciona a 60 fps.
Adiós a las sesiones cortas: una propuesta para usar service workers para mejorar la administración de cookies en la Web
Introducción a una prueba de diseño de concepto para conservar sesiones con Service Worker.
Almacenamiento en caché de los service workers, URL de PlaybackRate y BLOB para audio y video en Chrome para Android
A partir de la versión 52, Chrome para Android usa la misma pila de medios que Chrome para computadoras de escritorio, en lugar de depender de la implementación subyacente de la plataforma. Esto habilita el almacenamiento en caché de contenido multimedia de service worker, las velocidades de reproducción variables, las URL de BLOB en Android, la transferencia de MediaStream entre APIs y una depuración multiplataforma más sencilla.
ECDSA para WebRTC: mejor seguridad, mayor privacidad y mejor rendimiento
A partir de la versión 52, Chrome usa ECDSA de forma predeterminada, un algoritmo mucho más eficiente y seguro para la generación de claves de certificados de WebRTC. Además, los RTCCertificates ahora se pueden almacenar con IndexedDB.
Flexbox adquiere un nuevo comportamiento para los elementos secundarios en posición absoluta
Flexbox adquiere un nuevo comportamiento para los elementos secundarios en posición absoluta
Bajas y eliminaciones de APIs en Chrome 52
Un resumen de las bajas y las eliminaciones de Chrome para ayudarte a planificar.
Contención de CSS en Chrome 52
La nueva propiedad de contención de CSS permite a los desarrolladores limitar el alcance de los estilos, el diseño y el trabajo de pintura del navegador.
Observador de rendimiento: Acceso eficiente a los datos de rendimiento
Como novedad en Chrome 52, la interfaz de Performance Observer proporciona un acceso más eficiente y basado en eventos a datos del cronograma de rendimiento.
Resumen de Herramientas para desarrolladores, septiembre de 2016 - Herramientas para desarrolladores de 2016 en adelante
Grandes temas y tendencias para Herramientas para desarrolladores durante 2016 y en el futuro.
Transmite tu camino a respuestas inmediatas
Comienza a procesar tus respuestas de service worker lo antes posible gracias a ReadableStreams.
Cómo mejorar el rendimiento de desplazamiento con objetos de escucha de eventos pasivos
Los objetos de escucha de eventos pasivos que son nuevos en Chrome 51 proporcionan un gran impulso potencial para el rendimiento de desplazamiento.
Resumen de Herramientas para desarrolladores: Más potencia con el nuevo menú de comandos
Lee sobre el nuevo menú de comandos de Herramientas para desarrolladores y sus más de 60 acciones que permiten flujos de trabajo rápidos.
Se quitó la API de Geolocation de orígenes no seguros en Chrome 50
A partir de la versión 50, Chrome ya no admite la API de Geolocation HTML5 con conexiones no seguras.
Bajas y eliminaciones de API en Chrome 51
Un resumen de las bajas y las eliminaciones de Chrome para ayudarte a planificar.
Optimiza el flujo de acceso con la API de administración de credenciales
Para proporcionar una experiencia del usuario sofisticada, es importante que los usuarios se autentiquen en tu sitio web. Sin embargo, crear, recordar y escribir contraseñas suele ser engorroso para los usuarios finales, especialmente en dispositivos móviles.
¿Cuáles son las novedades de KeyboardEvents? Claves y códigos
Dos nuevos atributos proporcionan un control coherente de los eventos de teclado a la Web.
Tiempo del experimento: Anclaje del desplazamiento
El anclaje de desplazamiento impide que una página web se mueva una vez que comienzas a leer el contenido.
Cómo acceder a dispositivos USB en la Web
La API de WebUSB lo lleva a la Web para hacer que USB sea más seguro y fácil de usar.
Descripción general
Comienza a usar las herramientas integradas para desarrolladores web de Google Chrome.
Un nuevo modo de dispositivo para los dispositivos móviles de primera generación
Obtén toda la información sobre las Herramientas para desarrolladores de Chrome (el nuevo modo de dispositivo actualizado que se introdujo en Chrome 49).
Crea un dispositivo IoT habilitado para la Web con Intel Edison
En la actualidad, la Internet de las cosas está en boca de todos, pero ¿qué pasaría si pudieras crear un dispositivo IoT al que accedieras desde tu navegador web? En este artículo, veremos cómo puedes hacer exactamente eso con la Web física, Web Bluetooth y Node.js, que se ejecutan en una placa separada de Intel® Edison Arduino.
Se implementarán cambios en la orientación de los dispositivos en Chrome 50
DeviceOrientationEvent usa grados relativos, y hay un nuevo DeviceOrientationAbsoluteEvent.
API de fuente de medios: garantiza automáticamente una reproducción sin interrupciones de segmentos multimedia en el orden de apéndice.
La API de fuente de medios permite que JavaScript construya transmisiones multimedia para su reproducción. A partir de Chrome 50, es posible usar el modo de secuencia SourceBuffer para garantizar que los segmentos de medios se reubiquen automáticamente en el cronograma en el orden en que se hayan agregado, sin espacios entre ellos.
Se agregó la validación DOMTokenList en Chrome 50
Verifica la compatibilidad con varias funciones directamente en el código (disponible en Chrome 50).
Se agregó compatibilidad con Canvas toBlob() en Chrome 50
Se estableció la compatibilidad con lienzos.toBlob en Chrome 50.
Bajas y eliminaciones de APIs en Chrome 50
Un resumen de las bajas y las eliminaciones de APIs en Chrome para ayudarte a planificar.
Mejoras en Animaciones web en Chrome 50
Chrome 50 ofrece nuevas funciones y un mayor cumplimiento de especificaciones.
Chrome es compatible con createImageBitmap() en Chrome 50
Compatibilidad con la decodificación de imágenes en trabajadores configurados para aterrizar en Chrome 50.
Quita los dolores de cabeza de la administración del foco
La función de 'punto de partida de la navegación de enfoque secuencial' define dónde se comienza a buscar los elementos enfocables para la navegación secuencial de enfoque ([Tab] o [Mayús-Tab]) cuando no hay un área enfocada. Es especialmente útil para las funciones de accesibilidad, como omitir vínculos y administrar el enfoque del documento.
Métodos FormData para la inspección y la modificación
En Chrome 50, ahora puedes interactuar con tus instancias de FormData antes de enviarlas a su recorrido.
Encriptación de carga útil web push
Web Push ahora admite cargas útiles. Descubra cómo aprovechar esta nueva y eficaz función.
Mejoras en las notificaciones web en Chrome 50: íconos, cierres de eventos, renotificar preferencias y marcas de tiempo
Hay muchas funciones nuevas y geniales en Chrome 50 para las notificaciones. A continuación, se incluye un resumen.
Cómo priorizar tus recursos con el vínculo rel='preload'
Chrome 50 agrega compatibilidad con la función rel='preload', y el subrecurso deja de estar disponible.
HTMLMediaElement.play() muestra una promesa
¡Di adiós a la incertidumbre en cuanto a la reproducción automática! La función play() ahora muestra una promesa.
¿Depuración remota supercargada, desenlaces de clase y nuestro propio espectáculo nocturno?
Aprende todo sobre la IU renovada "Inspecciona dispositivos", alterna fácilmente clases en el panel de estilo ahora fijo y mira la versión piloto de Herramientas para desarrolladores Tonight.
Supervisa las variables en Sources
Las Herramientas para desarrolladores de Chrome te permiten ver fácilmente diferentes variables en toda tu aplicación.
Herramientas para desarrolladores oscurecidos, edición con @keyframe y autocompletado más inteligente
Descubre cómo las Herramientas para desarrolladores te permiten escribir menos gracias a la función de autocompletado más inteligente de la consola, cómo editar reglas @keyframe directamente en el panel Styles, cómo divertirte con las variables personalizadas de CSS y cómo combinar el lado oscuro.
Actualizaciones de audio web en Chrome 49
Un resumen de algunas de las ediciones más recientes de la API de Web Audio en Chrome.
Desplazamiento fluido en Chrome 49
¿Cansado de los movimientos inquietos? Genial, porque Chrome 49 se envía con un nuevo desplazamiento suave de inmediato.
Presentación de los proxies de ES2015
Los proxies de ES2015 (en Chrome 49 y versiones posteriores) proporcionan a JavaScript una API de intercesión, lo que nos permite capturar o interceptar todas las operaciones en un objeto de destino y modificar su funcionamiento.
Cómo controlar el rendimiento de la fuente con font-display
El nuevo descriptor font-display para @font-face permite que los desarrolladores decidan la manera en que se representarán (o se usarán como resguardo) sus fuentes web, según el tiempo que demoren en cargarse.
Variables de CSS: ¿Por qué debería importarte?
Las variables de CSS, conocidas con más precisión como propiedades personalizadas de CSS, llegan a Chrome 49. Pueden ser útiles para reducir la repetición en CSS y también para efectos de tiempo de ejecución potentes como el cambio de tema y la posible extensión o polyfill sobre futuras funciones de CSS.
VP9 ahora está disponible en WebRTC
A partir de Chrome 48 en computadoras de escritorio y Android, VP9 será un códec de video opcional para videollamadas con WebRTC.
Cómo grabar audio y video con MediaRecorder
La API de MediaRecorder te permite grabar audio y video desde una app web. Ahora está disponible en Firefox y en Chrome para Android y computadoras de escritorio.
Acciones de notificaciones en Chrome 48
Los usuarios pueden interactuar con tu sitio sin abrir la página mediante los botones de acción de las notificaciones.
Marcas de tiempo de alta resolución para eventos
Descubre cuándo se producen eventos con precisión de microsegundos gracias a DOMHighResTimeStamp.
Manipulación sencilla de URL con URLSearchParams
Acceso trivial a TURLSearchParams y manipulación de la cadena de consulta de la URL
Google Cast para Chrome en Android
Chrome en Android ahora permite que los sitios móviles presenten contenido en dispositivos Google Cast mediante la API de Presentación y el SDK de Cast Web.
El panel de seguridad debuta en las Herramientas para desarrolladores de Chrome
Obtén toda la información sobre el nuevo panel Security en las Herramientas para desarrolladores de Chrome.
Presentamos la sincronización en segundo plano
La sincronización en segundo plano es una nueva API web que te permite diferir acciones hasta que el usuario tenga una conectividad estable. Esto es útil para garantizar que lo que el usuario desea enviar se envíe realmente.
Resumen de Herramientas para desarrolladores (edición de SDS): Un vistazo al futuro y perfiles de RAIL
Descubre la forma en que Herramientas para desarrolladores lanzarán primero los dispositivos móviles con un modo de dispositivo nuevo y simplificado que siempre está activado. Usa los botones de colores para agregar colores rápidamente a tus selectores y descubre las próximas novedades de Herramientas para desarrolladores.
Carga instantánea de apps web con una arquitectura de shell de aplicación
En la actualidad, la arquitectura de shell de aplicación es un método para compilar apps web progresivas que aprovechan una variedad de tecnologías.
Resumen de Herramientas para desarrolladores: Edición eficiente de elementos, depuración de service worker y sombras de Material Design
Usa el nuevo menú contextual del panel DOM para editar nodos de manera eficiente. Depura los service workers directamente a través del panel Resources. Elige entre todos los tonos de Material Design en el selector de color. Coloca las bibliotecas de JS en la caja negra con mayor facilidad.
Administrar la activación de la función Tocar para buscar
Cómo entender cuándo y cómo se activa la función Tocar para buscar
Las notificaciones requierenInteraction: una experiencia del usuario más fluida para las notificaciones en computadoras de escritorio.
Las notificaciones en computadoras de escritorio se descartarán automáticamente después de un período breve.
Capacidades del dispositivo de entrada
Un método más simple para racionalizar la lógica táctil y del mouse cuando no hay PointerEvents
Resumen de Herramientas para desarrolladores: Reordenamiento de pestañas, Console en 2 y objetos de escucha de eventos del framework
Reordena las pestañas de Herramientas para desarrolladores de la forma que mejor se adapte a tus necesidades y descubre exactamente dónde se vincularon los eventos del framework.
Elige cámaras, micrófonos y bocinas de tu aplicación web
La interfaz de MediaDevices brinda acceso a los dispositivos de entrada y salida disponibles en el navegador, incluidas cámaras, micrófonos y bocinas.
Ejecuta fragmentos de JavaScript
Los fragmentos son pequeñas secuencias de comandos que puedes crear y ejecutar dentro del panel Sources de Chrome Herramientas para desarrolladores. Puedes acceder a ellas y ejecutarlas desde cualquier página. Cuando ejecutas un fragmento, este se ejecuta desde el contexto de la página actualmente abierta.
La extensión de registrador de EME
EME Logger es una extensión de Chrome que registra eventos de extensiones de medios encriptados (EME) y llamadas a la consola de Herramientas para desarrolladores.
Actualizaciones a la API de Service Worker Cache
Chrome 46 introdujo nuevos métodos para las memorias caché, al igual que Chrome 47 y, probablemente, 48. Nunca se detiene.
API de History: Restablecimiento de desplazamiento
Se actualizó la API de History para evitar los saltos de desplazamiento desagradables.
Descartar pestaña en Chrome: un experimento que ahorra memoria
Una de las principales prioridades del equipo este año es reducir la huella de memoria de Chrome.
Lanzamiento de la fijación de claves públicas con los informes de HPKP
Chrome 46 incluye una función denominada informes de HPKP, que puede ayudarte a implementar una forma de SSL más estricta para tu sitio.
Usa el manifiesto de la app web para especificar un color de tema en todo el sitio
Establece un color de tema en el manifiesto y haz que esté disponible para todas las páginas de tu sitio cuando se inicie desde la pantalla de inicio.
El filtro del panel de red, que es más grande que el avanzado, y algunos otros
¿Sabías que el filtro del panel Red admite algunas ingeniosas etiquetas de búsqueda personalizadas?
Resumen de Herramientas para desarrolladores - Detalles del cronograma agregado, paletas de colores y mucho más
Descubre qué secuencias de comandos de terceros causan problemas de rendimiento con los detalles agregados en el cronograma, cómo elegir colores coherentes con la nueva paleta de colores y mucho más.
Trucos de teclado simples para usar en el panel Estilos
Aprende a navegar eficazmente por el panel Estilos con algunos trucos útiles del teclado.
Nuevo lanzamiento de Material Design Lite: 1.0.4
Hay un nuevo lanzamiento de Material Design Lite que trae una serie de correcciones de errores y mejoras al proceso de compilación.
Cómo usar imágenes de póster en el contenido de los complementos
Chrome ahora puede agregar imágenes de pósteres personalizadas a los elementos de los objetos para mejorar el rendimiento de carga percibido de los complementos como Flash.
Cómo usar requestIdleCallback
requestIdleCallback es una nueva API de rendimiento para programar trabajo cuando el navegador está inactivo.
Duplica nodos del DOM con facilidad
Puedes cambiar fácilmente el DOM sin tener que editar el HTML como una string gigante.
Editar HTML en el panel de la consola
El menú contextual del nodo del DOM, que quizás reconozcas en el panel de elementos, también está en el panel de la consola.
Un nuevo lugar para Herramientas para desarrolladores
Nos mudamos a nuestra nueva y brillante página en developers.google.com/web/tools/chrome-firestore y tenemos nuevos instructivos y sugerencias geniales para ti.
Edición en vivo de CSS en fuentes
¿Sabías que puedes editar el CSS en tiempo real en la sección Fuentes y actualizar la página en tiempo real?
Resumen de Herramientas para desarrolladores: Tira de película y un nuevo hogar para la limitación
Descubre la nueva funcionalidad de la tira de película y mucho más en esta primera actualización de resumen de Herramientas para desarrolladores.
Cómo comunicarse con dispositivos Bluetooth a través de JavaScript
La API de Web Bluetooth permite que los sitios web se comuniquen con dispositivos Bluetooth.
Cómo agregar un nuevo dispositivo personalizado como ajuste predeterminado
¿Con frecuencia emulas dispositivos de una dimensión determinada? En Device Mode de Herramientas para desarrolladores, puedes agregar nuevos ajustes predeterminados del dispositivo.
Bajas de MediaStream
La API de MediaStream representa transmisiones sincronizadas de audio o video. MediaStream.ended, MediaStream.label y MediaStream.stop() dejarán de estar disponibles. En su lugar, usa MediaStream.active, MediaStreamTrack.label y MediaStreamTrack.stop().
Cómo usar rotationAngle y touchRadius
Chrome 45 incorpora un pequeño conjunto de cambios que permitirán a los desarrolladores compilar mejores aplicaciones táctiles con mayor facilidad.
Notificaciones de reproducción de contenido multimedia para Chrome en Android
Cuando se reproduce audio o video en una página web, aparece una notificación con el título de la página y un botón de reproducción/pausa en la bandeja de notificaciones y en la pantalla de bloqueo. La notificación se puede usar para pausar o reanudar la reproducción, o bien para volver a la página que reproduce el contenido multimedia.
Medir el rendimiento de un service worker
Si no puedes medir el rendimiento de tus solicitudes en un service worker, ¿cómo puedes decir que mejora el rendimiento? Ahora puedes responder esa pregunta con los cambios recientes en Chrome.
Acceso directo para seleccionar el siguiente caso
En el editor del panel Sources, puedes seleccionar el próximo caso con Cmd + D.
Inspecciona y activa consultas de medios de CSS
El Modo de dispositivo tiene un inspector de consultas de medios integrado que facilita el diseño responsivo.
Selecciona y ejecuta un bloque de código en el panel Sources
Usa la combinación de teclas Ctrl + Mayúsculas + E para ejecutar un bloque de código destacado en el panel Sources.
Cómo establecer un punto de interrupción según una condición determinada
Cuando estableces un punto de interrupción, puedes hacerlo condicional según el resultado de una expresión.
Recorrer rápidamente los paneles de Herramientas para desarrolladores
Puedes usar Cmd+] (o Cmd+[) para desplazarte por los paneles en Herramientas para desarrolladores.
Imprime un seguimiento de pila rápido desde la consola.
Puedes usar console.trace() para obtener un seguimiento de pila rápido y sencillo y entender mejor el flujo de ejecución de código.
¿Quién inspecciona al inspector?
¿Sabía que puede inspeccionar las Herramientas para desarrolladores con las Herramientas para desarrolladores?
Activa una seudoclase en un elemento
¿Alguna vez intentaste depurar los efectos de desplazamiento de CSS, pero no pudiste mantener el mouse sobre el elemento? A continuación, te indicamos cómo hacerlo.
Búsqueda en todo el proyecto con permiso de archivo opcional
Aprende los comandos secretos para realizar búsquedas como un profesional en Herramientas para desarrolladores.
Grupos de colores de red
Obtén información sobre qué colores coinciden con cada tipo de recurso para identificarlos fácilmente.
Obtén una vista previa de los valores de JavaScript intercalados durante la depuración
Aprende a obtener una vista previa de los valores de las variables de JavaScript en Herramientas para desarrolladores durante la depuración.
Edita o visualiza recursos rápidamente desde el panel de elementos
Edita o visualiza recursos rápidamente desde el panel de elementos
Extensiones de fuentes de medios para audio
Las extensiones de fuente de medios (MSE) brindan almacenamiento en búfer extendido y control de reproducción para los elementos de audio y video HTML5. Si bien se desarrolló originalmente para facilitar la transmisión adaptable dinámica a través de reproductores de video basados en HTTP (DASH), ECM se puede usar para audio, específicamente para la reproducción sin interrupciones.
Aviso sobre cambios en las notificaciones
Se agregaron dos nuevas API en Chrome 44, lo que facilita el uso y la personalización del uso de notificaciones con notificaciones push.
El editor de aceleración
Seleccione una propiedad de CSS de aceleración para obtener una vista previa animada y visual de su comportamiento.
El nodo del DOM seleccionado actualmente
Aprende el acceso directo rápido a la consola para obtener el nodo del DOM seleccionado actualmente.
Alt + clic para expandir todos los nodos secundarios
Alt + Hacer clic para expandir todos los nodos secundarios
Usa el teclado para navegar por la pila de llamadas
Cómo establecer un punto de interrupción y navegar por la pila de llamadas con combinaciones de teclas
Supervisa eventos rápidamente desde el panel de la consola
Puedes registrar todos los eventos enviados a un objeto con el método monitorEvents(object [, events]) de la API de Command Line.
Etiquetas de elementos de Edición rápida
Puede hacer doble clic en el nombre de la etiqueta de apertura de un nodo en el panel de elementos para editarlo.
Copiar imagen como URI de datos
Haz clic con el botón derecho en la vista previa de una imagen dentro del panel Recursos para copiarla como un URI de datos (codificado en base 64).
Algunas mejoras en la IU y las funciones de la herramienta Selector de color
La herramienta de selector de color de DevTools se actualizará. Actualmente en Chrome Canary
Solicitudes de red sin terminar
Puede usar el filtro de red avanzado Is:running para ver las solicitudes de red sin terminar (por ejemplo, solicitudes en ejecución).
Ver selectores coincidentes
Cuando ves un selector en el panel Styles, las partes del selector separadas por comas tienen un color diferente según si coinciden o no con el nodo del DOM seleccionado.
Clic de comando para agregar varios cursores en el panel de fuentes
Aprende a editar cursores múltiples en el panel de fuentes de Herramientas para desarrolladores.
Obtén y depura objetos de escucha de eventos
Obtén y depura objetos de escucha de eventos en Herramientas para desarrolladores con estos comandos de la consola.
Pausar automáticamente en cualquier excepción
En las Herramientas para desarrolladores, puedes hacer una pausa automáticamente en cualquier excepción (especialmente útil para excepciones no detectadas).
Cambia rápidamente los valores CSS
Cambia rápidamente los valores CSS con el teclado o la rueda del mouse
Autocompletado para notación de corchetes
¿Sabías que puedes autocompletar la notación con corchetes en el panel Sources?
Vuelve a reproducir una solicitud de red en cURL
Obtén información para depurar una solicitud de red desde la línea de comandos.
Cómo ver y cambiar los puntos de interrupción del DOM
Cómo ver y cambiar los puntos de interrupción del DOM con el panel Breakpoints en Herramientas para desarrolladores.
Desplazar elementos al viewport
Si un elemento que estás inspeccionando está fuera de vista, aquí te mostramos cómo incorporarlo al viewport.
Tiras de película en el panel de red
Navega visualmente por el panel de red y mira las capturas de pantalla tomadas mientras se carga la página
Activación de seudoclases
Aprende a activar seudoclases, como :active, para depurar correctamente tu CSS.
Expandir las propiedades de abreviatura de CSS
En el panel de estilos, puedes expandir las propiedades abreviadas de CSS, como flex o relleno, y ver la gama completa de propiedades definidas para ti.
Redirección de puertos
La redirección de puertos de Herramientas para desarrolladores permite que incluso las URLs localhost funcionen en dispositivos móviles.
Buscar en el árbol del DOM por selector de CSS
Cuando explores el DOM con el panel Elements, intenta buscar nodos con CMD/Ctrl+F mediante sus selectores CSS.
Recibe notificaciones de errores de JS mientras escribes
Si recibes un error en el panel de la consola, haz clic en él para revelar la línea en el panel Sources donde aparece una indicación del error.
Grabación sencilla de la línea de tiempo
Intente desconectar Herramientas para desarrolladores en otra ventana para que el botón de grabación quede cerca de la parte de la página en la que debe realizar una acción.
Manifiesto: Impresoras USB
Documentación de referencia para la propiedad usb_printers de manifest.json.
Ir al número de línea de una columna específica
Obtén información sobre cómo pasar a números de línea específicos en el panel de fuentes.
Video de alto rendimiento con decodificación por hardware
La compatibilidad con videos por hardware ofrece una decodificación eficiente para complementos y videos HTML5. Los usuarios de Flash deben cambiar del estilo de video anterior al objeto StageVideo.
Pasa fácilmente a objetos de escucha de eventos
Aprende a mostrar la definición de función de un objeto de escucha de eventos registrado en cualquier nodo.
Aspectos destacados de las declaraciones detalladas
Consulta la sentencia ejecutada exacta con resaltado detallado.
Recarga forzada
Con Herramientas para desarrolladores abierto, mantén presionado el botón de volver a cargar para ver más opciones.
Modificaciones locales
Las modificaciones locales te permiten ver los cambios que se realizaron (mediante Herramientas para desarrolladores) en ciertos archivos de origen.
Desplazar por las ubicaciones de edición
El historial de posiciones del cursor se conserva en el panel Fuentes, lo que te permite desplazarte por ubicaciones de edición anteriores con Alt+(hacia atrás) o Alt+(adelante).
Copiar la respuesta de un recurso de red en el portapapeles
Además de copiar los encabezados de solicitud/respuesta de un recurso de red, también puedes copiar la respuesta en sí.
Realizar una selección de columna con solo arrastrar
Puedes seleccionar una columna en el editor del panel Sources si mantienes presionada la tecla Alt mientras arrastras el mouse.
Edita rápidamente las etiquetas de los elementos
Puede hacer doble clic en el nombre de la etiqueta de apertura de un nodo en el panel de elementos para editarlo.
Copiar imagen como URI de datos
Haz clic con el botón derecho en la vista previa de una imagen dentro del panel Recursos para copiarla como un URI de datos (codificado en base 64).
Ver selectores coincidentes
Cuando ves un selector en el panel Styles, las partes del selector separadas por comas tienen un color diferente según si coinciden o no con el nodo del DOM seleccionado.
Supervisa eventos rápidamente desde el panel de la consola
Puedes registrar todos los eventos enviados a un objeto con el método monitorEvents(object [, events]) de la API de Command Line.
Clic de comando para agregar varios cursores en el panel de fuentes
Aprende a editar cursores múltiples en el panel de fuentes de Herramientas para desarrolladores.
Alt + clic para expandir todos los nodos secundarios
Alt + Hacer clic para expandir todos los nodos secundarios
Activa o desactiva el estado del conector de Herramientas para desarrolladores con una combinación de teclas
Usa Cmd + Shift + D para alternar el estado del conector de Herramientas para desarrolladores entre los dos últimos estados usados recientemente.
Activa o desactiva el estado del conector de Herramientas para desarrolladores con una combinación de teclas
Usa Cmd + Shift + D para alternar el estado del conector de Herramientas para desarrolladores entre los dos últimos estados usados recientemente.
Solicitudes de red sin terminar
Puede usar el filtro de red avanzado Is:running para ver las solicitudes de red sin terminar (por ejemplo, solicitudes en ejecución).
El editor de aceleración
Seleccione una propiedad de CSS de aceleración para obtener una vista previa animada y visual de su comportamiento.
Usar mayúsculas automáticamente en dispositivos móviles
Otra frustración que genera las entradas de texto para los usuarios es la eliminación.
Cortar y copiar comandos
La compatibilidad con los comandos de cortar y copiar te permite cortar y copiar de forma programática el texto seleccionado en el portapapeles del usuario.
Depura tu código original en lugar de implementarlo con mapas de origen
Haz que tu código del cliente sea legible y depurable incluso después de combinarlo, comprimirlo o compilarlo.
Los atributos del DOM ahora están en la cadena de prototipos
Chrome está cumpliendo con la especificación. Revisa tus sitios si asumes la lógica de WebKit para la propagación de atributos.
Emula y prueba otros navegadores
Tu trabajo no termina cuando te aseguras de que tu sitio funcione bien en Chrome y Android. Aunque Device Mode puede simular diferentes dispositivos, como iPhones, te recomendamos que consultes otras soluciones de navegadores para emulación.
Cómo depurar de forma remota dispositivos Android
Depura contenido activo en un dispositivo Android de forma remota desde una computadora con Windows, Mac o Linux.
WebViews de depuración remota
Depura WebViews en tus apps para Android nativas con las herramientas para desarrolladores de Chrome.
Referencia del evento en el cronograma
El modo de eventos de la línea de tiempo muestra todos los eventos activados mientras se realiza una grabación. Usa la referencia de eventos de la línea de tiempo para obtener más información sobre cada tipo de evento de la línea de tiempo.
Referencia de la API de Console Utilities
Referencia de las funciones prácticas disponibles en la consola de las Herramientas para desarrolladores de Chrome.
API de Permissions para la Web
La API de Permissions te proporciona un lugar central para verificar el estado de los permisos de una API.
Conceptos simplificados en la denominación de animaciones web
En respuesta a los comentarios de los desarrolladores, se cambiará el nombre de algunas funciones futuras de animaciones web.
Un nuevo lugar para Herramientas para desarrolladores
Nos trasladamos a una nueva página web en developer.google.com/web y tenemos excelentes instructivos y sugerencias nuevos para ti.
Cronograma de Herramientas para desarrolladores: Ahora se proporciona la historia completa
Actualizamos el panel Timeline de las Herramientas para desarrolladores de Chrome para brindar a los desarrolladores más estadísticas sobre el rendimiento del tiempo de ejecución de su sitio.
Cómo administrar el almacenamiento sin conexión en HTML5
Cómo almacenar datos del cliente en tu app de Chrome para que funcione sin conexión
Crea sitios semánticos con componentes web y JSON-LD
Agrega lenguaje de marcado de schema.org a tus componentes y haz que sean compatibles con los motores de búsqueda.
¿Qué es la ventana gráfica virtual?
La viewport virtual separa el diseño y la visualización del viewport.
Cómo obtener literales con strings de plantilla de ES6
Literales de string de plantilla con expresiones incorporadas Hemos estado esperando esto durante mucho tiempo. Literalmente
Conserva el estado durante las mutaciones del DOM con moveBefore()
Mueve nodos alrededor del DOM sin perder el estado crítico
Mensaje de instalación de aplicación nativa
Los banners de instalación de aplicaciones nativas te dan la posibilidad de permitir que los usuarios instalen tu app nativa de forma rápida y fluida desde la tienda de aplicaciones en sus dispositivos, sin salir del navegador.
Control de reproducción de animaciones web en Chrome 39
Más información sobre la reproducción de animaciones web
Aspectos básicos del desarrollo web móvil
Un resumen rápido de algunos de los esfuerzos que realiza el equipo de Chrome para ayudar a los desarrolladores a comenzar con el desarrollo web y realizar iteraciones en sus sitios.
Se necesitan comentarios de desarrolladores: API de Frame Timing
Se está trabajando en una nueva API para ayudar a medir los fotogramas por segundo en un entorno real, pero requiere tus comentarios.
Compatibilidad con el color del tema en Chrome 39 para Android
Usa el color del tema para establecer el color de la barra de herramientas en Chrome para Android.
Paso 6: Exporta todos al sistema de archivos
Cómo escribir en el sistema de archivos desde la app de Chrome
Paso 2: Importa una app web existente
Cómo adaptar una aplicación web existente para la plataforma Apps de Chrome
Paso 3: Agrega alarmas y notificaciones
Cómo activar la app de Chrome en intervalos específicos y usar las notificaciones
Paso 4: Abre vínculos externos con una WebView
Cómo mostrar contenido web externo en la app de Chrome
Paso 1: Crea y ejecuta una app de Chrome
Cómo crear, instalar, ejecutar y depurar una app básica de Chrome
Enviar datos de la baliza en Chrome 39
Chrome 39 implementa la API de Beacon, que permite enviar pequeñas solicitudes HTTP asíncronas durante los eventos de descarga de páginas.
Control táctil preciso para gestos precisos
TouchEvents se modificó en Chrome para mostrar valores flotantes, en lugar de números enteros, a fin de tener en cuenta las diferentes densidades de pantalla. Esto genera comentarios más detallados durante los gestos lentos.
Recopilación e iteración con ES6
Los mapas, los conjuntos y for...of iteración son funciones de ES6 que pueden cambiar la forma en que trabajas con las colecciones de datos.
Conversión más sencilla de ArrayBuffer a string con la API de codificación
La API de codificación nativa ofrece una manera directa de realizar conversiones entre datos binarios sin procesar y strings de JavaScript.
Cambios de audio web en m36
Descripción del trabajo de limpieza de los estándares de audio web en Chrome 36
elemento de diálogo enviado en la versión beta de Chrome 37
Chrome Beta ahora es compatible con el elemento
Resumen de Herramientas para desarrolladores - Chrome 35
Actualizaciones de las Herramientas para desarrolladores en Chrome 35
API de notificaciones enriquecidas
Cómo mostrar notificaciones a los usuarios de la extensión de Chrome
Cómo automatizar la medición del rendimiento web
Usa PSI para obtener métricas de rendimiento web en tu proceso de compilación.
La compatibilidad de BLOB con IndexedDB llegó a Chrome Dev
Función muy esperada para Chrome: La compatibilidad con BLOB en IndexedDB llegó a Chrome Dev.
Web Animations: element.animate() ahora está en Chrome 36.
Las animaciones web definen un modelo para admitir animación y sincronización en la plataforma web. element.animate() es la primera de esas piezas que llegan a Chrome.
Un toque más compatible y más fluido
Tú y tus usuarios quieren aplicaciones web móviles que reaccionen y se desplacen sin problemas al tacto. Desarrollarlas debería ser fácil, pero, lamentablemente, la forma en que los navegadores web móviles reaccionan a los eventos táctiles durante el desplazamiento es un detalle de la implementación en la especificación de [TouchEvent](https://www.w3.org/TR/touch-events/).
Ejecuta Apps de Chrome en dispositivos móviles con Apache Cordova
Guía sobre cómo usar Apache Cordova para configurar la app de Chrome de modo que se ejecute en dispositivos iOS y Android.
Depuración de JavaScript asíncrono con las Herramientas para desarrolladores de Chrome
Una función potente que hace que JavaScript sea único es su capacidad para trabajar de forma asíncrona a través de funciones de devolución de llamada. Asignar devoluciones de llamada asíncronas te permite escribir código orientado a eventos, pero
Accede a la cuadrícula de CSS
CSS Grid Layout es un nuevo módulo CSS3 que proporciona nuevas primitivas de diseño que son ideales para aplicaciones web.
Cambios en el hosting de Chrome 33
Detalles sobre los cambios en el hosting de las extensiones de Chrome que comenzaron en la versión 33 de Chrome.
Flujo de trabajo de WebView
Un instructivo que te enseña a usar Yeoman, Gradle y Grunt para compilar una aplicación web.
Aplicaciones de WebView para desarrolladores web
Un instructivo que te enseña a usar Yeoman, Gradle y Grunt para compilar una aplicación web.
Resumen de Herramientas para desarrolladores
Actualizaciones de las Herramientas para desarrolladores en Chrome 33
Resumen mensual de Yeoman
Un resumen mensual de artículos, generadores y noticias sobre proyectos de Yeoman de alta calidad.
Anula la configuración de Chrome
Cómo anular la configuración de Chrome desde una extensión de Chrome
Anula la configuración de Chrome
Cómo anular la configuración de Chrome desde una extensión de Chrome
Yo Polymer: un recorrido por Whirlwind por las herramientas de componentes web
Un recorrido por los componentes web, Polymer y las herramientas del frontend para ellos
Apps web que hablan - Introducción a la API de síntesis de voz
Introducción a la función de síntesis de la API de Web Speech.
Chrome Dev Summit: Resumen de la plataforma web abierta
Las capacidades de Open Web Platform se están acelerando a un ritmo que nunca se había visto. En la Cumbre de desarrolladores de Chrome, hablamos sobre nuestro trabajo para mejorar Blink, la seguridad y los medios en la plataforma.
Chrome Dev Summit: componentes declarativos, encapsulados y reutilizables de Polymer
Polymer es una puerta de enlace al futuro increíble de los componentes web. Más información sobre los componentes web y Polymer en la Chrome Dev Summit
Chrome Dev Summit: Resumen para dispositivos móviles
Este es el primero de una serie de informes de la Cumbre de desarrolladores de Chrome. Se hizo un gran énfasis en el desarrollo para dispositivos móviles y multidispositivo, por lo que comenzaremos con eso.
Resumen mensual de Yeoman
Un resumen regular de artículos, videos y charlas de la comunidad de Yeoman
El nuevo motor de animaciones web en Blink genera transiciones y animaciones CSS.
Una implementación de Web Animations 1.0 llegó a Blink, que potencia las animaciones y transiciones CSS.
Resumen de Herramientas para desarrolladores (diciembre de 2013)
La actualización más reciente de los cambios en las Herramientas para desarrolladores de Chrome.
Retraso de presión de 300 ms que desapareció
Cada interacción con un clic en los navegadores para dispositivos móviles se ve obstaculizada con una demora de 300 ms, pero eso ya no sucede en Chrome 32, en el caso de los sitios optimizados para dispositivos móviles.
Terminal de Herramientas para desarrolladores
Cómo usar la terminal desde Herramientas para desarrolladores
Manifiesto para el almacenamiento administrado
Documentación de referencia para la propiedad de almacenamiento de manifest.json.
Manifiesto para áreas de almacenamiento
Documentación de referencia para la propiedad de almacenamiento de manifest.json.
Herramientas para desarrolladores de Chrome para dispositivos móviles
Presentación en pantalla y emulación
Resumen de noviembre de las Herramientas para desarrolladores de Chrome
DevTools de Chrome evoluciona rápidamente y queremos llamar tu atención a algunas funciones y mejoras nuevas que agregamos a algunos componentes. En particular, hablaremos sobre algunos cambios en la IU, la generación de perfiles de JS de alta
Resumen mensual de Yeoman
Un resumen regular de artículos, videos y charlas de la comunidad de Yeoman
El panorama de la automatización del desarrollo de frontend (diapositivas)
Aprende a mejorar la productividad de tu frontend con herramientas para automatizar flujos de trabajo.
Entrada de audio en vivo del audio web: ahora en Android
Chrome para Android (v31.0.1650+) acaba de llegar a ser compatible con la entrada de audio a través de la API de Web Audio.
El diseño de Flexbox no es lento
¡Buenas noticias! El nuevo Flexbox es 2.3 veces más rápido que el antiguo
Herramientas para desarrolladores: ¿Qué fuente es esa?
¿Alguna vez te preguntaste qué fuente se utiliza realmente para representar texto? Ya no tendrá dudas mientras Chrome DevTools lo revela todo.
elemento de diálogo: modales más sencillas
¿Alguna vez creaste tu propio cuadro de diálogo modal? Pronto, ya no tendrás que volver a hacerlo, ya que los cuadros de diálogo se convertirán en parte de la plataforma web.
externally_connectable
Documentación de referencia de la propiedad external_connectable de manifest.json.
externally_connectable
Documentación de referencia de la propiedad external_connectable de manifest.json.
Transparencia alfa en video de Chrome
WebM acaba de agregar transparencia alfa, y la compatibilidad con esta función llegó a Chrome 31.
Revoluciones de Chrome DevTools 2013
A medida que la complejidad y la funcionalidad de las aplicaciones web han crecido, también lo han hecho las Herramientas para desarrolladores de Chrome. En este resumen de la charla de Paul Irish en Google I/O 2013 Chrome DevTools Revolutions 2013,
Manifiesto: Recursos accesibles en la Web
Documentación de referencia para la propiedad web_accessible_resources de manifest.json.
Manifest V2 - Versión [obsoleta]
Documentación de referencia para la propiedad de versión de manifest.json.
Manifiesto: Zona de pruebas
Documentación de referencia para la propiedad de zona de pruebas de manifest.json.
Manifiesto: descripción
Documentación de referencia para la propiedad de descripción de manifest.json.
Manifiesto: descripción
Documentación de referencia para la propiedad de descripción de manifest.json.
Manifiesto: configuración regional predeterminada
Documentación de referencia para la propiedad default_locale de manifest.json.
Manifiesto: nombre corto
Documentación de referencia para la propiedad short_name del manifiesto.json.
Manifiesto: Recursos accesibles en la Web
Documentación de referencia para la propiedad web_accessible_resources de manifest.json.
Manifiesto: Versión mínima de Chrome
Documentación de referencia para la propiedadminimum_chrome_version de manifest.json.
Versión del manifiesto
Documentación de referencia para la propiedad manifest_version de manifest.json.
Manifiesto: habilitación sin conexión
Documentación de referencia para la propiedad offline_enabled de manifest.json.
Manifiesto: nombre y nombre corto
Documentación de referencia para las propiedades name y short_name del manifiesto.json.
Manifiesto: URL de página principal
Documentación de referencia para la propiedad home_url de manifest.json.
Manifiesto: Zona de pruebas
Documentación de referencia para la propiedad de zona de pruebas de manifest.json.
Manifiesto: configuración regional predeterminada
Documentación de referencia para la propiedad default_locale de manifest.json.
Manifiesto: URL de página principal
Documentación de referencia para la propiedad home_url de manifest.json.
Manifiesto: módulos Nacl
Documentación de referencia para la propiedad nacl_modules de manifest.json.
Manifiesto: Controladores de archivos
Documentación de referencia para la propiedad file_handlers de manifest.json.
Aplicaciones de kiosco
Documentación de referencia para la propiedad kiosco_enabled de manifest.json.
Introducción a los filtros personalizados (también conocidos como sombreadores CSS)
Introducción a los filtros personalizados (también conocidos como sombreadores CSS)
¿Qué son las extensiones?
Una descripción general del propósito de las extensiones de Chrome y cómo se desarrollaron.
Cómo generar perfiles de tiempos de pintura prolongados con el modo de pintura continua de Herramientas para desarrolladores
Cómo generar perfiles de tiempos de pintura prolongados con el modo de pintura continua de Herramientas para desarrolladores
WebRTC: demostración de RTCDataChannel, cambios en la API... y Chrome se comunica con Firefox
WebRTC: demostración de RTCDataChannel, cambios en la API... y Chrome se comunica con Firefox
Abreviatura de CSS Background para los navegadores WebKit para dispositivos móviles
Abreviatura de CSS Background para los navegadores WebKit para dispositivos móviles
Aplicaciones web controladas por voz: introducción a la API de Web Speech
Aplicaciones web controladas por voz - Introducción a la API de Web Speech
La Política de Seguridad del Contenido 1.0 es oficialmente increíble
La Política de Seguridad del Contenido 1.0 es oficialmente increíble
Cómo declarar permisos
Descripción general de los valores válidos para la propiedad de permisos en manifest.json.
Globo interactivo con sombreadores CSS y Google Maps
Globo interactivo con sombreadores CSS y Google Maps
Cómo declarar permisos y advertir a los usuarios
Cómo implementar permisos para proteger a tus usuarios y tu extensión
Versión del manifiesto
La propiedad manifest_version de manifest.json indica a qué versión de la especificación del manifiesto se orienta una extensión de Chrome.
Formatos de mensajes de localización
Documentación de referencia sobre el formato del archivo messages.json para las extensiones de Chrome.
Usa Google Analytics 4
Instrucciones paso a paso sobre cómo hacer un seguimiento del uso de tu extensión con Google Analytics 4.
Patrones de coincidencia
Conceptos básicos sobre los patrones de coincidencia de URL en las extensiones de Chrome
Formato de archivo de manifiesto
Una descripción general de las propiedades de manifest.json que puedes usar en tu extensión de Chrome
Chrome Web Store
Cómo alojar tu extensión en Chrome Web Store y actualizar una extensión alojada en Chrome Web Store
Anula páginas de Chrome
Cómo anular el Administrador de favoritos, el historial y las páginas de Nueva pestaña de Chrome en tu extensión de Chrome
Formato de archivo de manifiesto
Descripción general de las propiedades de manifest.json de una extensión de Chrome
OAuth2: Autentica usuarios con Google
Instrucciones paso a paso sobre cómo crear una extensión que acceda a los contactos de Google de un usuario a través de la API de Google People, la API de Chrome Identity y OAuth2.
Anular páginas de Chrome
Cómo anular el Administrador de favoritos, el historial y las páginas de Nueva pestaña de Chrome en tu extensión de Chrome
Descripción general de la arquitectura
Una explicación de alto nivel de la arquitectura de software de las extensiones de Chrome.
Instructivo: Google Analytics
Instrucciones paso a paso sobre cómo hacer un seguimiento del uso de su extensión con Google Analytics.
Patrones de coincidencia
Ejemplos de cómo funcionan la coincidencia de patrones de secuencias de comandos de contenido y el permiso de host.
Formatos de mensajes de localización
Documentación de referencia sobre el formato del archivo messages.json para las extensiones de Chrome.
Solicitudes de red de origen cruzado
Implementa solicitudes de red de origen cruzado en tu extensión de Chrome.
OAuth 2.0: autentica usuarios con Google
Instrucciones paso a paso sobre cómo crear una extensión que acceda a los contactos de Google de un usuario a través de la API de Google People, la API de Chrome Identity y OAuth2.
Descripción general del desarrollo de extensiones
Descripción general de las funciones y los componentes de las extensiones de Chrome
Versión del manifiesto
Documentación de referencia para la propiedad manifest_version de manifest.json.
Política de Seguridad del Contenido
Descripción general de CSP para apps de Chrome y cómo cumplir con ella.
Cómo extender Herramientas para desarrolladores
Cómo crear una extensión de Chrome que agregue funcionalidad a las Herramientas para desarrolladores de Chrome
Arquitectura de MVC
Una descripción general del modelo de arquitectura de software del controlador de vista de modelo.
Administra eventos con secuencias de comandos en segundo plano
Cómo responder a activadores del navegador (eventos) desde una secuencia de comandos en segundo plano de la extensión de Chrome
Secuencias de comandos de contenido
Una explicación de las secuencias de comandos de contenido y cómo usarlas en tu extensión de Chrome
Secuencias de comandos de contenido
Una explicación de las secuencias de comandos de contenido y cómo usarlas en tu extensión de Chrome
Opciones de distribución de extensiones alternativas
Cómo distribuir extensiones de Chrome fuera de Chrome Web Store
Extender Herramientas para desarrolladores
Cómo crear una extensión de Chrome que agregue funciones a las Herramientas para desarrolladores de Chrome
Arquitectura de las apps de Chrome
Una descripción general de la arquitectura de software de las Apps de Chrome.
¿Qué son las Apps de Chrome?
Una descripción general de las Apps de Chrome y por qué podrías querer compilarlas
Usa métodos de instalación alternativos
Cómo instalar extensiones de Chrome usando las preferencias JSON o el registro de Windows.
Se vienen cambios de apilado en los elementos position:fixed
Cambios de apilado que llegan a los elementos position:fixed
Integración de input[type=file] con la API de Filesystem
Integración de input[type=file] con la API de Filesystem
Cuando los milisegundos no son suficientes: performance.now
Cuando los milisegundos no son suficientes: performance.now
la lista de datos para las entradas de rango/color ofrece algunas opciones predeterminadas
la lista de datos para las entradas de rango/color ofrece algunas opciones predeterminadas
Preguntas frecuentes rápidas sobre input[type=date] en Google Chrome
Preguntas frecuentes rápidas sobre input[type=date] en Google Chrome
Ahora puedes arrastrar y soltar una carpeta en Chrome.
Ahora puedes arrastrar y soltar una carpeta en Chrome.
Cómo medir el rendimiento de los gráficos del navegador
Cómo medir el rendimiento de los gráficos del navegador
Cómo aprovechar la aceleración de GPU en el lienzo 2D
Cómo aprovechar la aceleración de GPU en el lienzo 2D
Escribir un libro volteable con regiones de CSS y transformaciones 3D
Escribir un libro volteable con regiones de CSS y transformaciones 3D
Política de Seguridad del Contenido
La Política de Seguridad del Contenido puede reducir significativamente el riesgo y el impacto de los ataques de secuencia de comandos entre sitios en los navegadores modernos.
Cómo convertir ArrayBuffer en una string y entre ella
Cómo convertir ArrayBuffer en una string y entre ella
No construyas BLOB, sí los construyas
Los cambios de especificaciones recientes en la API de File incluyen un nuevo constructor para Blob, lo que básicamente hace que BlobBuilder sea irrelevante.
Websocket Frame Inspection ahora en las Herramientas para desarrolladores de Chrome
Agregar la capacidad de inspección a los datos que se pasan por la conexión en WebSockets
La lista de datos llegó a Chrome Canary
Cuando usas `datalist`, tu app puede definir una lista de resultados sugeridos que los usuarios deben seleccionar. Pueden seleccionar una opción de la lista o ingresar texto en formato libre.
API de requestAnimationFrame: ahora con precisión de menos de milisegundos
Pronto habrá un cambio en parte de la API de equestAnimationFrame
Procesa cargas de archivos XHR2 en PHP
Ejemplo de código de servidor para ilustrar cómo controlar las cargas de archivos
Protothon de WebRTC
El 24 de marzo, Google organizó el primer evento para desarrolladores de WebRTC, WebRTC Protothon.
Gran mejora en el rendimiento del DOM: WebKit's internalHTML es un 240% más rápido
El ingeniero de Chrome, Kentaro Hara, realizó siete optimizaciones de código en WebKit, lo que mejoró el rendimiento de Safari (JavaScriptCore) y Chrome (V8).
Resumen de recursos internos de los navegadores web
La mayoría de los recursos que explican el funcionamiento interno de los navegadores web
Desconecta una página completa con la API del sistema de archivos HTML5
La API de FileSystem permite almacenar de manera programática jerarquías de archivos y carpetas en el sistema de archivos local (con zona de pruebas) y, luego, agregar, actualizar o quitar recursos individuales según sea necesario.
Introducción a los mapas de origen de JavaScript
¿Alguna vez deseaste poder mantener tu código del cliente legible y, lo que es más importante, depurable incluso después de combinarlo y reducirlo, sin afectar el rendimiento? Ahora puedes hacerlo gracias a la magia de los mapas de origen. Los mapas
Optimización de JavaScript
JavaScript es relativamente rápido, pero siempre puede hacerlo más rápido. Obtén más información sobre cómo optimizar el rendimiento de JavaScript.
Una nueva función experimental: las hojas de estilo con alcance
Recientemente, Chromium implementó una nueva función de HTML5: hojas de estilo centradas.
Resumen de demostración de la API de WebGL y Web Audio
A continuación, se muestran algunas demostraciones interesantes de la API de WebGL y Web Audio que vi en las últimas dos semanas.
SwiftShader lleva el procesamiento en 3D del software a Chrome
SwiftShader es un procesador 3D de software usado en Chrome 18 que te permite usar CSS 3D y WebGL incluso en GPU incluidas en la lista de bloqueo.
Cómo lograr que Gmail maneje todos los correos electrónicos de mailto: vínculos con registerProtocolHandler
Gracias a navigator.registerProtocolHandler() puede configurar Gmail como su cliente de correo electrónico predeterminado para todos los vínculos de mailto.
Chrome para Android: Aceleración de la Web móvil
La versión beta de Chrome para Android se basa en el proyecto de código abierto de Chromium y trae consigo muchas de las funciones de HTML5 más recientes que los desarrolladores de Chrome ya conocen y disfrutan.
La API de Pointer Lock lleva los juegos FPS al navegador
La API de Pointer Lock permite escribir juegos de disparos en primera persona adecuados para la Web.
El audio HTML5 y la API de Web Audio son mejores amigos
createMediaElementSource() te permite combinar HTML5 con la potencia de visualización, filtro y procesamiento de la API de Web Audio.
Cómo deshacerse de XHR síncronas
¡Atención! Recientemente, se modificó la especificación de XMLHttpRequest2 para prohibir el envío de una solicitud síncrona cuando se configura XMLHttpRequest.responseType.
Preguntas frecuentes sobre el audio web
El objetivo de esta actualización rápida es abordar algunas de las preguntas más frecuentes para que tu experiencia con la API de Web Audio sea más placentera.
Presentamos el ejemplo del reproductor de video
El ejemplo de reproductor de video es una aplicación web de reproducción de video de código abierto compilada con la misma arquitectura que las apps de 60 minutos y RedBull.tv.
Efectos de filtro CSS que llegan a WebKit
Adobe ha trabajado arduamente para traer esta increíble tecnología a CSS. En concreto, me refiero a Efectos de filtro de CSS 1.0, que WebKit comenzó a implementar.