La muestra de API de Project Fugu es una colección de apps que usan APIs pensadas en el contexto de Project Fugu. Obtén más información sobre Project Fugu en la página de destino de Funciones.

Filtrar por

APIs usadas

Una guía de las consideraciones que se deben tener en cuenta cuando se implementan reglas de especulación, en particular para sitios más complejos.

Obtén información sobre las nuevas funciones de comportamiento declarativo en los botones.

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

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

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.

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

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

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

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

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.

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

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

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

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

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

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

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

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

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

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

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

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.

El equipo de Chrome responde las inquietudes de la comunidad.

scheduler.yield() es una nueva API para dividir tareas largas de forma ergonómica y obtener una continuación de la ejecución priorizada.

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

Descubre las novedades de Chrome con la versión beta más reciente.

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

ChromeDriver es un servidor independiente que implementa el estándar W3C WebDriver.

Se está lanzando Chrome 134. Incluye la función de descarte de luz para diálogos y mucho más por descubrir.

Selección personalizable, descarte de la luz del diálogo y mucho más.

Descubre cómo la función Pantalla en pantalla de Documentos mejoró una experiencia de aprendizaje en línea.

Aprende a desarrollar extensiones de Chrome.

Ahora puedes detener el proceso de revisión de un elemento que esté pendiente.

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

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

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

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

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

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

Crea experiencias web de borde a borde

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

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

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

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

Descubre cómo las animaciones activadas y guiadas por el desplazamiento mejoran los artículos de narración

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Documentación técnica sobre las dimensiones de CrUX

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

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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Sugerencias para Herramientas para desarrolladores

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Automatiza las auditorías de rendimiento web con Lighthouse

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Graba y analiza un registro de rendimiento con DevTools.

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

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

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

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

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

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

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

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

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

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

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

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

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

Aprende a desarrollar extensiones con IA

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

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

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

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

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

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

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

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

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

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

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

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

Documentación técnica sobre las herramientas de CrUX

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Comprende los perfiles de rendimiento con la ayuda de la IA

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Referencia de la pestaña Innovaciones sobre la IA.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Inspecciona las capas que conforman tu sitio web.

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

La API de Language Detection ahora está disponible en una prueba de origen de Chrome.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Mostrar contenido HTML arbitrario en una ventana siempre activa.

La API de Keyboard Lock permite 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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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