Descubre Chrome
Guía para implementar reglas de especulación en sitios más complejos
Una guía de las consideraciones que se deben tener en cuenta cuando se implementan reglas de especulación, en particular para sitios más complejos.
Presentamos command y commandfor
Obtén información sobre las nuevas funciones de comportamiento declarativo en los botones.
- Chrome
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
Actualización: Páginas de eventos y páginas de fondo
Formato de archivo de manifiesto
Cada app tiene un archivo de manifiesto con formato JSON, llamado manifest.json, que proporciona información. El siguiente código muestra los campos de manifiesto admitidos para apps, con vínculos a la página que analiza cada campo.
Funciones web inhabilitadas
Aunque las Apps de Chrome usan la plataforma web, algunas funciones web se inhabilitaron o se usan de otra manera. Esto es principalmente para evitar problemas de seguridad y mejorar las prácticas de programación. A continuación, se muestra un
Manifiesto: Versión
Uno a cuatro números enteros separados por puntos que identifican la versión de esta extensión. Se aplican algunas reglas a los números enteros: deben estar entre 0 y 65, 535 inclusive, y los números enteros distintos de cero no pueden comenzar con
Manifiesto: Requisitos
Tecnologías que requiera la app o extensión Los sitios de hosting como Chrome Web Store pueden usar esta lista para disuadir a los usuarios de instalar aplicaciones o extensiones que no funcionan en su computadora. Entre los requisitos admitidos, se
Manifiesto: descripción
Una string de texto sin formato (no HTML ni otro formato, no más de 132 caracteres) que describe la extensión. La descripción debe ser adecuada para la IU de administración de extensiones del navegador y Chrome Web Store. Puedes especificar strings
Manifiesto: módulos Nacl
Una o más asignaciones de tipos de MIME al módulo de Native Client que controla cada tipo. Para ejemplo, el código en negrita del siguiente fragmento registra un módulo de Native Client como el para el tipo MIME de hoja de cálculo de OpenOffice. El
externally_connectable
La propiedad del manifiesto externally_connectable declara qué extensiones, apps y páginas web se pueden conéctate a la app a través de runtime.connect y runtime.sendMessage. Para ver un instructivo sobre el envío de mensajes, consulta Mensajes entre
Manifiesto: Zona de pruebas
Advertencia: A partir de la versión 57, Chrome ya no permitirá contenido web externo (incluido marcos y secuencias de comandos incorporados) dentro de páginas de la zona de pruebas. En su lugar, usa WebView. Define un conjunto de páginas de
Manifiesto: configuración regional predeterminada
Especifica el subdirectorio de _locales que contiene las cadenas predeterminadas para esta extensión. Este campo es obligatorio en las extensiones que tienen un directorio _locales. No debe estar en las extensiones que no tienen un directorio
Manifiesto: Clave
Este valor se puede usar para controlar el ID único de una extensión, una app o un tema cuando se carga durante el desarrollo. Para obtener un par clave-valor adecuado, primero instala tu extensión desde un archivo.crx (es posible que debas subir tu
transmisiones-de-caja de trabajo
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Respuesta ReadableStream BodyInit Toma múltiples promesas de origen, cada una de las cuales podría resolverse como una respuesta, una ReadableStream o BodyInit. Devuelve
Ejemplos
Las muestras de extensiones de Chrome están disponibles en GitHub.
- Extensiones de Chrome
Cómo publicar tu app
TODO
- Extensiones de Chrome
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.
- Chrome
Se retrasa el envío de @function de CSS de Chrome 136 a 139.
El equipo de Chrome responde las inquietudes de la comunidad.
- Chrome
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
Chrome for Developers
Te ayudamos a desarrollar, innovar y crecer en la Web.
- Chrome
Versión beta de Chrome 135
Descubre las novedades de Chrome con la versión beta más reciente.
- Chrome
Chrome Web Store
Chrome Web Store Un mercado en línea en el que los usuarios pueden buscar extensiones y temas. Publica tu extensión allí para que todo el mundo pueda acceder a ella. dashboard Panel del desarrollador Publica tu extensión y administra los elementos de
¿Qué es ChromeDriver?
ChromeDriver es un servidor independiente que implementa el estándar W3C WebDriver.
Novedades de Chrome 134
Se está lanzando Chrome 134. Incluye la función de descarte de luz para diálogos y mucho más por descubrir.
- Chrome
Chrome 134
Selección personalizable, descarte de la luz del diálogo y mucho más.
- Chrome
Desbloquea casos de uso interesantes con la API de Document Picture-in-Picture
Descubre cómo la función Pantalla en pantalla de Documentos mejoró una experiencia de aprendizaje en línea.
- Chrome
Chrome Extensions
Aprende a desarrollar extensiones de Chrome.
- Extensiones de Chrome
Cancela una opinión en el panel del desarrollador de Chrome Web Store
Ahora puedes detener el proceso de revisión de un elemento que esté pendiente.
- Extensiones de Chrome
- Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Chrome
Guía de migración de Chrome en Android de borde a borde
Crea experiencias web de borde a borde
Cómo depurar Gemini Nano
Hay una página especial interna de Chrome para ver los detalles de las instrucciones a Gemini Nano. En esta guía, se explica cómo usarlo para depurar.
Cómo realizar un análisis de red avanzado con las Herramientas para desarrolladores de Chrome
Realiza un análisis de red avanzado con las Herramientas para desarrolladores de Chrome.
- Herramientas para desarrolladores de Chrome
- 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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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
- Chrome
Popover = sugerencia
Descubre el nuevo modo de la ventana emergente que simplifica las herramientas de ayuda y otros elementos flotantes.
- Chrome
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:
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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:
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Herramientas para desarrolladores de Chrome
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
- Extensiones de Chrome
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
- Chrome
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
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
- Extensiones de Chrome
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
- Extensiones de Chrome
Dimensiones
Documentación técnica sobre las dimensiones de CrUX
- Informe de UX de Chrome
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.
- Chrome
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.
- Informe de UX de Chrome
Docs
Muestras de código, guías y referencias de la API que necesitas para lo que estés compilando.
Extensiones / Primeros pasos
Conceptos básicos para comenzar a usar las extensiones de Chrome
- Extensiones de Chrome
Ingresar automáticamente al modo de pantalla en pantalla cuando se reproduce contenido multimedia
Chrome permite que las apps web que reproducen contenido multimedia ingresen automáticamente al modo de pantalla en pantalla.
- Chrome
Versión beta de Chrome 134
Descubre las funciones más recientes que llegarán a Chrome.
- Chrome
chrome.enterprise.platformKeys
Usa la API de chrome.enterprise.platformKeys para generar claves y, luego, instalar certificados para ellas. La plataforma administrará los certificados y se podrán usar para la autenticación de TLS, el acceso a la red o por otra extensión a través
- Extensiones de Chrome
chrome.enterprise.platformKeys
Usa la API de chrome.enterprise.platformKeys para generar claves y, luego, instalar certificados para ellas. La plataforma administrará los certificados y se podrán usar para la autenticación de TLS, el acceso a la red o por otra extensión a través
- Extensiones de Chrome
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
Chrome 133
CSS avanzado attr(), text-box-trim, consultas de contenedor de estado de desplazamiento y mucho más.
- Chrome
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
- Chrome
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
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
- 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.
- Chrome
- Extensiones de Chrome
Prácticas recomendadas para la administración de sesiones con la API de Prompt
En esta guía, se presentan las prácticas recomendadas para la administración de sesiones con la API de Prompt.
Notas de la versión
Obtén información sobre los cambios de Chrome que afectan a los desarrolladores
- Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Llaves de acceso
- Chrome
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.
- Chrome
Sugerencias para Herramientas para desarrolladores
Sugerencias para Herramientas para desarrolladores
- Herramientas para desarrolladores de Chrome
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.
- Llaves de acceso
- Chrome
scroll-state() de CSS
Al igual que las consultas de contenedores, pero para consultas atascadas, ajustadas y desbordadas.
- Chrome
Versión beta de Chrome 133
Obtén información sobre las funciones más recientes que se envían en Chrome.
- 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.
- Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
text-box-trim de CSS
Recupera espacio de arriba y abajo del contenido de texto para lograr un equilibrio óptico.
- Chrome
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.
- Chrome
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
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,
- Extensiones de Chrome
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,
- Extensiones de Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- 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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Chrome
- WebGpu
Novedades de las extensiones de Chrome
Cambios recientes en la plataforma, la documentación y la política de extensiones de Chrome
- Extensiones de Chrome
GPU de la Web
Aprende sobre WebGPU con guías, demostraciones y las noticias más recientes
Crea con Chrome
Consulta qué se incluye en las versiones estables y beta más recientes de Chrome.
Pagos
Aprende a usar las APIs de Payment más recientes en Chrome
Privacidad y seguridad
Obtén información sobre las funciones de privacidad y seguridad de Chrome.
Apps
La tecnología dejó de estar disponible para crear experiencias que tuvieran más acceso al sistema operativo subyacente.
Titiritero
Una biblioteca de Node.js que proporciona una API de alto nivel para controlar Chrome o Chromium sin interfaz gráfica
Web en Android
Obtén más información sobre las funciones de Chrome para desarrollar apps web en Android.
chrome.certificateProvider
Usa esta API para exponer certificados a la plataforma que puede usar estos certificados para autenticaciones de TLS. El uso típico de esta API para exponer certificados de cliente a ChromeOS sigue estos pasos: La secuencia real de pasos puede ser
- Extensiones de Chrome
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
- Extensiones de Chrome
Faro
Automatiza las auditorías de rendimiento web con Lighthouse
Rendimiento
Optimiza el rendimiento de tus aplicaciones web con las herramientas de rendimiento de Chrome.
chrome.system.display
Usa la API de system.display para consultar los metadatos de la pantalla. Es una enumeración para indicar si el sistema detecta y usa la pantalla. La pantalla se considera "inactiva" si el sistema no la detecta (tal vez esté desconectada o se
- Extensiones 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
- Extensiones de Chrome
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
- Extensiones de Chrome
Identidad
Obtén información sobre las funciones de identidad de Chrome, como la autenticación web.
chrome.commands
Usa la API de comandos para agregar combinaciones de teclas que activen acciones en tu extensión, por ejemplo, una acción para abrir la acción del navegador o enviar un comando a la extensión. Para usar esta API, se deben declarar las siguientes
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
Cómo registrar y analizar un registro de rendimiento con DevTools
Graba y analiza un registro de rendimiento con DevTools.
- Herramientas para desarrolladores de Chrome
- Chrome
Cómo ver y editar el almacenamiento de extensiones
Cómo ver y editar el almacenamiento de extensiones con el panel Extension Storage
- Herramientas para desarrolladores de Chrome
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
- Extensiones de Chrome
chrome.usb
Usa la API de chrome.usb para interactuar con dispositivos USB conectados. Esta API proporciona acceso a las operaciones USB desde el contexto de una app. Con esta API, las apps pueden funcionar como controladores de dispositivos de hardware. Para
La API de Prompt
Descubre las infinitas posibilidades de la API de Prompt en las extensiones de Chrome.
IA y extensiones
Aprende a desarrollar extensiones con IA
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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
- Herramientas para desarrolladores de Chrome
chrome.documentScan
Usa la API de chrome.documentScan para descubrir y recuperar imágenes desde los escáneres de documentos adjuntos.
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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ó
- Extensiones de Chrome
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
- Extensiones de Chrome
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,
- Extensiones de Chrome
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
- Extensiones de Chrome
Autocompletar
Los navegadores y tú, como desarrollador, pueden ayudar a los usuarios a ingresar datos más rápido y evitar que los vuelvan a ingresar. Autocompletar es una función que permite a los navegadores completar automáticamente los campos de formularios con
Herramientas de CrUX
Documentación técnica sobre las herramientas de CrUX
- Informe de UX de Chrome
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,
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
- 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
- Extensiones de Chrome
Llaves de acceso
Un reemplazo de contraseñas más fácil y seguro.
chrome.networking.onc
La API de chrome.networking.onc se usa para configurar conexiones de red (datos móviles, Ethernet, VPN o Wi-Fi). Esta API está disponible en las sesiones de kiosco de ChromeOS con inicio automático. Las configuraciones de conexión de red se
Panel de asistencia de IA
Comprender cómo funciona un sitio web con la ayuda de la IA
- Herramientas para desarrolladores de Chrome
Ú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.
- Chrome
IA integrada
La IA integrada es la oferta más reciente para ofrecer modelos potentes a los usuarios, proteger los datos sensibles y mejorar la latencia.
Asistencia de IA para fuentes
Comprende los recursos de tu sitio web con la ayuda de la IA
- Herramientas para desarrolladores de Chrome
Versión beta de Chrome 132
Obtén información sobre las funciones más recientes que se envían en Chrome.
- 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
- Chrome
- Herramientas para desarrolladores de Chrome
API de Signal para llaves de acceso en Chrome para computadoras
Presentamos la API de Signal para llaves de acceso en Chrome para computadoras
- Chrome
- Llaves de acceso
Asistencia de IA para el rendimiento
Comprende los perfiles de rendimiento con la ayuda de la IA
- Herramientas para desarrolladores de Chrome
Asistencia de IA para la red
Comprende el tráfico de red de tu sitio web con la ayuda de la IA
- Herramientas para desarrolladores de Chrome
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.
- Llaves de acceso
- Chrome
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.
- Chrome
Ú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.
- Chrome
Ú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
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.
- Chrome
Resume contenido con la IA integrada
Condensa artículos extensos, documentos complejos o incluso conversaciones animadas de chat en resúmenes concisos y perspicaces.
IU y CSS
Encuentre recursos sobre temas como tipografía, color y diseño.
Cómo comenzar con las pruebas de origen
Probar una función nueva o experimental de la plataforma web Proporciona comentarios a la comunidad de estándares web sobre la usabilidad, practicidad y eficacia de la función antes de que esté disponible para todos los usuarios.
Más opciones para aplicar diseño <details>
Ahora puedes establecer el tipo de visualización y también aplicar diseño al contenedor de la parte que se expande y se contrae con el nuevo pseudoelemento ::details-content.
Cómo solucionar problemas de memoria
Aprende a usar Chrome y las Herramientas para desarrolladores para encontrar problemas de memoria que afecten el rendimiento de la página, como fugas o aumentos de memoria y recolecciones frecuentes de elementos no utilizados.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
- 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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Referencia de insignias
Activa o desactiva varias superposiciones y acelera la navegación del árbol del DOM con insignias.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- 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.
- Chrome
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).
- Herramientas para desarrolladores de Chrome
- Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chromium
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.
- Chrome
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.
- Extensiones de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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!
- Chrome
Novedades de WebGPU (Chrome 130)
Combinación de doble fuente, mejoras en el tiempo de compilación del sombreador en Metal, baja de GPUAdapter requestAdapterInfo() y mucho más.
- Chrome
- 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
Innovaciones en IA
Referencia de la pestaña Innovaciones sobre la IA.
- Herramientas para desarrolladores de Chrome
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.
- 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.
- Chrome
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.
- Extensiones de Chrome
- Chrome
Acceso a redes privadas en espera
El lanzamiento del Acceso a redes privadas (PNA) está en espera.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Ú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.
- Chrome
WebAuthn: Cómo emular autenticadores
Emula autenticadores y depura WebAuthn en las Herramientas para desarrolladores de Chrome.
- 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.
- Herramientas para desarrolladores de Chrome
Referencia de las funciones
Referencia completa de las funciones del panel Grabadora de Herramientas para desarrolladores de Chrome.
- 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
- Extensiones de Chrome
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- 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
- Herramientas para desarrolladores de Chrome
Transiciones de vista del mismo documento para aplicaciones de una sola página
Comienza a usar transiciones de vista al mismo documento en tu aplicación de una sola página.
Panel de capas: explora las capas de tu sitio web
Inspecciona las capas que conforman tu sitio web.
- Herramientas para desarrolladores de Chrome
Desmitificación de la caché: Inspecciona, borra y, luego, inhabilita las cachés
Inspecciona la caché y soluciona problemas con Herramientas para desarrolladores.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Descripción general de la consola
Los principales usos de la consola de Herramientas para desarrolladores de Chrome son registrar mensajes y ejecutar JavaScript.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Comentarios necesarios: ¿Cómo debemos definir la mampostería de CSS?
Una comparación de las dos especificaciones de mampostería propuestas.
- Chrome
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.
- Llaves de acceso
- Chrome
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.
- 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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
- 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
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
Cómo inmovilizar la pantalla y también inspeccionar los elementos que desaparecen
Inmoviliza elementos en el DOM para que puedas inspeccionarlos con DevTools.
- Herramientas para desarrolladores de Chrome
- Chrome
Solicitud de comentarios del desarrollador: selección personalizable
Una vista previa de la nueva función de selección personalizable.
- Chrome
Notas de la versión
Detalles sobre los cambios más recientes en el conjunto de datos de CrUX
- Informe de UX de Chrome
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.
- Chrome
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++
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Cambios en la sintaxis del posicionamiento de anclajes
Cambios relacionados con la API de posicionamiento de anclajes que debes tener en cuenta
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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
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
- Extensiones de 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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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:
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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"
- Extensiones de Chrome
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
- Extensiones de Chrome
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,
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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 (
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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?
- Chrome
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.
- Chromium
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.
- Chrome
Lighthouse: Optimiza la velocidad del sitio web
Haz que tus sitios web se carguen más rápido con Lighthouse de Chrome.
- Herramientas para desarrolladores 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
- Extensiones de Chrome
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:
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones 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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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"
- Extensiones de Chrome
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.
- Extensiones de Chrome
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,
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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"
- Extensiones de Chrome
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:
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de 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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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:
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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"
- Extensiones de Chrome
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
- Extensiones de Chrome
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:
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Chrome
Personaliza tus datos de rendimiento con la API de Extensibility
Personaliza los datos de rendimiento con la API de Extensibility
- Herramientas para desarrolladores de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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”
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Extensiones de Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
- 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.
- Chrome
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.
- Chrome
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
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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
- Extensiones de Chrome
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.
- Chrome
Eventos de instantáneas de desplazamiento
Presentamos dos nuevos eventos de JavaScript: scrollSnapChange yscrollSnapChanged.
- Chrome
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.
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
Blog
Noticias más recientes del equipo de Relaciones con Desarrolladores de Chrome
- Chrome
Participa en el experimento de IA integrada de Chrome
Una actualización sobre la IA integrada, la API de Prompt y los planes de IA de Chrome.
- 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
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
Cargas más rápidas de páginas utilizando el tiempo de reflexión del servidor con Sugerencias iniciales.
Descubre cómo tu servidor puede enviar sugerencias al navegador sobre subrecursos críticos.
API de CrUX
Aprende a crear solicitudes y analizar respuestas desde la API de CrUX.
- Informe de UX de Chrome
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.
- Informe de UX de Chrome
Panel de red: Analiza la carga de red y los recursos
Analizar la carga de red y los recursos
- Herramientas para desarrolladores de Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
Novedades de WebGPU (Chrome 127)
Compatibilidad experimental con OpenGL ES en Android, atributo de información de GPUAdapter, mejoras en la interoperabilidad de WebAssembly y mucho más.
- Chrome
- 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.
- Chrome
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.
- Chrome
Preferencias
Referencia de la pestaña Preferencias.
- Herramientas para desarrolladores de Chrome
Referencia de las funciones de red
Referencia completa de las funciones del panel Network de Chrome DevTools.
- Herramientas para desarrolladores de Chrome
Panel de grabadora: Registra y mide el flujo de usuarios
Analiza y registra los flujos de usuarios.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
¿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
- Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Modo de inspección: Analiza rápidamente las propiedades de los elementos
Inspecciona elementos en tu app web
- Herramientas para desarrolladores de Chrome
Referencia de las funciones de rendimiento
Referencia sobre todas las formas de registrar y analizar el rendimiento en las Herramientas para desarrolladores de Chrome.
- 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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
- Chrome
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).
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de WebGPU (Chrome 126)
Aumenta el límite de maxTextureArrayLayers, la optimización de la carga de búferes para el backend de Vulkan, las mejoras en el tiempo de compilación de sombreadores, los búferes de comandos enviados deben ser únicos y las actualizaciones de Dawn
- Chrome
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
Da de baja el evento de descarga
El evento de descarga dejará de estar disponible gradualmente a partir de Chrome 117. Obtén información sobre lo que esto significa y cómo los sitios y las empresas pueden prepararse para esto.
Chrome UX Report
Documentación técnica sobre las métricas de CrUX
- Informe de UX de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Supervisor de protocolos: visualiza y envía solicitudes de CDP
Supervisa las solicitudes y respuestas de CDP.
- Herramientas para desarrolladores de Chrome
Analiza el rendimiento del selector de CSS durante los eventos Recalculate Style
Analiza el rendimiento del selector de CSS durante los eventos Recalculate Style.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Filtro de contenido
Una explicación del filtro de contenido y cómo abordarlo en tu extensión de Chrome.
- Extensiones 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.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Cómo depurar JavaScript
Aprende a usar las Herramientas para desarrolladores de Chrome para encontrar y corregir errores de JavaScript.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Panel de fuente rápida
Ver archivos fuente y acceder a otras herramientas
- Herramientas para desarrolladores de Chrome
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.
- Chrome
- 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.
- Chrome
- 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.
- Chrome
- 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.
- Chrome
¿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
- Chrome
Panel de supervisión de rendimiento
Analiza el rendimiento del tiempo de ejecución de tu sitio web en tiempo real.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Compatibilidad con SVG para la API de Async Clipboard
La API de Async Clipboard ahora puede procesar imágenes SVG.
- Chrome
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
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Presentamos la API de posicionamiento de anclas de CSS
Posiciona elementos uno respecto del otro con la nueva API de posicionamiento de anclas.
- Chrome
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.
- Chrome
Implementa pruebas en tu empresa con Chrome
Aprende a superar los desafíos de las pruebas en entornos empresariales
- Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Novedades de WebGPU (Chrome 125)
Subgrupos en desarrollo y renderizados como porción de textura 3D.
- Chrome
- WebGpu
Casos de éxito de :has()
Descubre cómo Policybazaar y Tokopedia se benefician del uso de :has().
- Chrome
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.
- Chrome
Casos de éxito de animaciones basadas en desplazamientos
Descubre los beneficios de las animaciones basadas en desplazamientos con Policybazaar, redBus y Tokopedia.
- Chrome
¿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.
- Chrome
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
- Chrome
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.
- Chrome
Manifiesto: Versión mínima de Chrome
Documentación de referencia para la propiedadminimum_chrome_version de manifest.json.
- Extensiones de Chrome
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.
- Chrome
Casos de éxito de ventanas emergentes
Tokopedia usa la API de Popover para reducir la cantidad de código de su aplicación.
- Chrome
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
- Herramientas para desarrolladores de Chrome
Manifiesto: Tokens de prueba
Documentación de referencia para la propiedad try_tokens de manifest.json.
- Extensiones de Chrome
Chrome 125 beta
Posicionamiento de anclajes de CSS, funciones escalonadas de CSS, la API de Compute Pressure y mucho más.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Regulación
Referencia de la pestaña Regulación.
- Herramientas para desarrolladores de Chrome
Animaciones: Cómo inspeccionar y modificar los efectos de animación CSS
Inspecciona y modifica animaciones con el panel Animaciones.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
El sitio funciona en diferentes navegadores
Aprende a usar Workbox para asegurarte de que tu página web funcione en todos los navegadores.
El manifiesto no tiene un ícono adaptable
Obtén más información para agregar compatibilidad con íconos enmascarables a tu AWP.
No redirecciona el tráfico HTTP a HTTPS
Obtén información para que tu sitio sea más seguro redireccionando todas las páginas a HTTPS.
No usa HTTPS
Obtenga información sobre cómo proteger su sitio web con HTTPS.
¿Qué sucederá con las extensiones de Chrome?
Una descripción general de los cambios recientes en las extensiones de Chrome, además de las interesantes funciones de extensión que los desarrolladores pueden esperar con ansias.
- Extensiones de Chrome
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Informe de UX de Chrome
CrUX en BigQuery
Obtén información sobre la estructura del conjunto de datos de CrUX en BigQuery.
- Informe de UX de Chrome
Guías de CrUX
Aprende a usar CrUX con guías fáciles de seguir
- Informe de UX de Chrome
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
- Extensiones de Chrome
- Chrome
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.
- Chrome
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Solicitudes de red: Bloquea las solicitudes de red para probar tu sitio
Prueba la manera en que tu sitio maneja los recursos que faltan.
- Herramientas para desarrolladores de Chrome
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
Chrome 124 beta
El atributo HTML writesuggestions, la API de WebSocketStream, el encabezado de la solicitud HTTP de prioridad y más.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Descripción general del panel de elementos
Realiza cambios en el DOM al instante.
- Herramientas para desarrolladores de Chrome
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.
- 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.
- Herramientas para desarrolladores de Chrome
Referencia de las funciones de CSS
Descubre nuevos flujos de trabajo para ver y modificar CSS en las Herramientas para desarrolladores de Chrome.
- 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.
- Chrome
- 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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
Descripción general del panel de la aplicación
Obtén información fundamental sobre tu app web directamente desde el navegador.
- Herramientas para desarrolladores de Chrome
Internacionaliza la interfaz
Usa la API de chrome.i18n para renderizar tu interfaz en varios lenguajes.
- Extensiones de Chrome
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.
- Chrome
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.
- Extensiones de Chrome
Novedades de la descripción general
Descubre las funciones más recientes de las Herramientas para desarrolladores de Chrome
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Extensiones de Chrome
- Chrome
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
- Chrome
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
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
- Chrome
Combinaciones de teclas
Documentación canónica de las combinaciones de teclas de las Herramientas para desarrolladores de Chrome.
- 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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Cambios en la herencia ::backdrop de CSS
A partir de Chrome 122, el elemento `::backdrop` hereda las propiedades del elemento de origen.
- Chrome
Cómo configurar los íconos de extensiones
Una extensión requiere al menos un ícono para representarla en la barra de herramientas.
- Extensiones de Chrome
Un panel de rendimiento 400% más rápido mediante la percepción
El panel Rendimiento de Herramientas para desarrolladores es una herramienta potente que sirve para diagnosticar, depurar y solucionar problemas de rendimiento de las aplicaciones web. En esta ocasión, te explicaremos cómo usamos el panel Performance de Herramientas para desarrolladores a fin de mejorar el rendimiento del panel Performance y cómo logramos una mejora muy significativa.
- Chrome
- Herramientas para desarrolladores de Chrome
Chrome Extensions
Por definir
- Extensiones de Chrome
Usa WebHID
La API de WebHID, que expone los dispositivos compatibles con dispositivos de interfaz humana (HID) en la Web, está disponible en extensiones.
- Extensiones de Chrome
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.
- Extensiones de Chrome
Cómo migrar a Manifest V3
Guía para convertir extensiones de Manifest V2 en extensiones de Manifest V3.
- Extensiones de Chrome
Novedades de WebGPU (Chrome 122)
Modo de compatibilidad en desarrollo, aumento del límite maxVertexAttributes y actualizaciones de Dawn
- Chrome
- 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.
- Extensiones de Chrome
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.
- Herramientas para desarrolladores de Chrome
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
- Extensiones de Chrome
Lineamientos de advertencia de permisos
Cómo funcionan las advertencias de permisos en las extensiones de Chrome
- Extensiones de Chrome
Usa Web Push
Guía paso a paso sobre cómo usar Web Push con extensiones de Chrome
- Extensiones de Chrome
Cómo declarar permisos
Descripción general de los valores válidos para la propiedad de permisos en manifest.json.
- Extensiones de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
Cómo responder a comandos
Responde a combinaciones de teclas personalizadas en una extensión.
- Extensiones de Chrome
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.
- Chrome
Cómo personalizar la grabadora con extensiones
Instala extensiones para integrar y personalizar la grabadora.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
¿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
- Chrome
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.
- Chrome
Cómo activar acciones desde el cuadro multifunción
Activa acciones desde el cuadro multifunción.
- Extensiones de Chrome
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.
- Chrome
- WebGpu
Acceso seguro al DOM con el SSR de Angular
Aprende a usar el DOM de forma segura junto con SSR en Angular
- Chrome
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.
- 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
- Extensiones de Chrome
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.
- Chrome
- WebGpu
Modo de escritura vertical de CSS para elementos de control de formularios
Chrome agrega otra nueva función internacional de CSS.
- Chrome
Cómo implementar una acción
Responde a un usuario que hace clic en la barra de herramientas.
- Extensiones de Chrome
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.
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo crear colores
Aprende a crear colores con unos pocos clics.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
Sugerencias para Herramientas para desarrolladores: Cómo depurar la prioridad de recuperación
Aprende a depurar la prioridad de recuperación.
- Herramientas para desarrolladores de Chrome
- Chrome
Actualizaciones en tiempo real de las extensiones
Administración de actualizaciones en tiempo real en Extensiones
- Extensiones de Chrome
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.
- Chrome
Crea un menú contextual
Implementa una ventana emergente que permite a los usuarios invocar funciones de la extensión.
- Extensiones de Chrome
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.
- Extensiones de Chrome
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.
- Extensiones de Chrome
Google Chrome en Android
Para obtener una lista completa de las funciones para desarrolladores de Chrome en Android, consulta chromestatus.com. Descarga Chrome en Play Store. Cuando el usuario accede a Chrome en un dispositivo, las pestañas y el historial de navegación de
¿Cómo funcionan los frameworks modernos en la nueva métrica de INP?
En esta publicación, se analiza la relevancia de la nueva métrica del INP en los sitios web basados en marcos de trabajo y el trabajo de Aurora para respaldar los frameworks en la optimización de esta métrica.
Acordeón exclusivo
Crea un acordeón exclusivo con varios elementos `` que tengan el mismo `nombre`.
Chrome habilita el modo de escritorio de forma predeterminada en las tablets premium
Chrome se adaptó al ecosistema de las tablets Android y habilitó el modo de escritorio de forma predeterminada en las tablets premium.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
- WebGpu
Novedades de WebGPU
Mantente actualizado con los cambios más recientes de WebGPU.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Sugerencias de Herramientas para desarrolladores: ¿Qué es el DOM? HTML frente a DOM
Aprende a depurar el DOM con las Herramientas para desarrolladores.
- Chrome
- Herramientas para desarrolladores de Chrome
Ver detalles del marco
Ver detalles del marco.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Presentamos cuatro nuevas funciones internacionales en CSS
Chrome agregará cuatro nuevas funciones internacionales de CSS.
- Chrome
API de Page Lifecycle
La API de Page Lifecycle lleva a la Web las funciones del ciclo de vida de las apps que son comunes en los sistemas operativos de dispositivos móviles. Los navegadores ahora pueden inmovilizar y descartar de forma segura páginas en segundo plano para conservar recursos, y los desarrolladores pueden manejar de forma segura estas intervenciones sin afectar la experiencia del usuario.
HTML no limpio en la API de Async Clipboard
A partir de Chrome 120, hay una nueva opción no segura disponible en la API de Async Clipboard. Descubre cómo usarlo en esta guía.
Lista de elementos ignorados
Ignorar la referencia de la pestaña Lista.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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
- Extensiones de Chrome
- Chrome
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.
- Chrome
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
- Chrome
- Extensiones de Chrome
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.
- Chrome
Actualización flexible de la sintaxis del anidamiento de CSS
La anidación de visualización anticipada está habilitada en Chrome 120.
- Chrome
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.
- Chrome
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Novedades de Chrome 120 para extensiones
Un resumen de los cambios importantes en Chrome 120 para desarrolladores de extensiones de Chrome.
- Chrome
- 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.
- Chrome
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
- Extensiones de Chrome
file_handlers
Documentación de referencia para la propiedad file_handlers de manifest.json.
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
CSS prefers-reduced-transparency
Optimiza y realiza ajustes para los usuarios que prefieren una IU opaca.
- Chrome
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.
- Chrome
- 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.
- Chrome
Ajuste de texto de CSS: bella
Habilita el ajuste de texto optimizado para lograr una mayor belleza que la velocidad.
- Chrome
¿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.
- Chrome
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
En serie por Bluetooth en la Web
La API de Web Serial agregó compatibilidad con los servicios RFCOMM de Bluetooth.
- Chrome
Pruebas de extremo a extremo para las extensiones de Chrome
Cómo escribir pruebas de extremo a extremo para las extensiones
- Extensiones de Chrome
Prueba de unidades de extensiones de Chrome
Cómo escribir pruebas de unidades para extensiones
- Extensiones de Chrome
Prueba extensiones de Chrome con Puppeteer
Cómo escribir una prueba automatizada para extensiones de Chrome con Puppeteer
- Extensiones de Chrome
Sintaxis de colores relativos de CSS
Crea colores nuevos en función de los canales y valores de otro color.
- Chrome
Informa un error de extensión
Cómo informar errores de extensiones o problemas con la documentación
- Extensiones de Chrome
Cómo buscar y seguir un error
Comprobar si ya se informó un error o una solicitud de función
- Extensiones de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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
Chrome 119 beta
La versión beta de Chrome 119 ofrece sintaxis de colores relativas de CSS, nuevas pseudoclases y mucho más.
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
- Herramientas para desarrolladores de Chrome
- 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.
- Chrome
- 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.
- Chrome
Almacenamiento y cookies
Descripción general de cómo funcionan las APIs y las cookies de almacenamiento web en las extensiones
- Extensiones de Chrome
Somos Chrome para desarrolladores
Celebramos el 15o aniversario de Chrome y nuestro papel como socio útil y confiable para los desarrolladores.
- Chrome
De WebGL a WebGPU
Obtén algunas sugerencias para desarrolladores de WebGL que migran a WebGPU.
- Chrome
- WebGpu
Novedades de Herramientas para desarrolladores (Chrome 118)
Nueva sección para propiedades personalizadas en Elementos > Estilos, más mejoras sobre anulaciones locales, búsqueda mejorada, espacio de trabajo optimizado en Fuentes y mucho más.
- Chrome
- Herramientas para desarrolladores de Chrome
Chrome 118 beta
Estilos con alcance para CSS, funciones multimedia adicionales, contenedores de desplazamiento enfocables en teclado y mucho más.
- Chrome
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.
- Chrome
Transición desde Apps de Chrome
Cómo migrar tu app alojada o empaquetada de Chrome
Novedades de WebGPU (Chrome 117)
Desactiva el búfer de vértices y el grupo de vinculación, hace que los dispositivos perdidos parezcan funcionar y mucho más.
- Chrome
- WebGpu
Google Summer of Code y las extensiones de Chrome
Experiencia y consejos para participar en Google Summer of Code.
- Chrome
- Extensiones de Chrome
Publica tu extensión
Orientación para publicar una nueva extensión de Manifest V3
- Extensiones de Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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 +.
- Chrome
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.
- Chrome
Novedades de Lighthouse 11
Lighthouse 11 está aquí con nuevos cambios de accesibilidad y actualizaciones de auditorías
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Extensiones de Chrome
- Chrome
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
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.
- Chrome
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.
- Chrome
Manifiesto: secuencias de comandos de contenido
Documentación de referencia para la propiedad "content_scripts" de manifest.json.
- Extensiones de Chrome
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.
- Chrome
Novedades de WebGPU (Chrome 116)
Integración de WebCodecs, mejoras en la reproducción de video y mucho más
- Chrome
- 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.
- Chrome
Sugerencias para Herramientas para desarrolladores: Puntos de interrupción y puntos de registro
Usa puntos de interrupción y registro para depurar con facilidad.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
¿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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Usa WebSockets en service workers
Obtén instrucciones paso a paso para conectarte a un WebSocket en tu extensión de Chrome.
- Extensiones 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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
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
- Extensiones de Chrome
Novedades de WebGPU (Chrome 115)
Extensiones de lenguaje WGSL compatibles, compatibilidad experimental con Direct3D 11 y más.
- Chrome
- 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.
- Chrome for Testing
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de WebGPU (Chrome 114)
Optimización de JavaScript y mucho más.
- Chrome
- WebGpu
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.
- Chrome
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
- Chrome
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.
- Chrome
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
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Extensiones de Chrome
- 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
Chrome no permite modificar document.domain
Si tu sitio web depende de la configuración de document.domain, debes realizar esta acción.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
Manifiesto: fondo
Documentación de referencia para la propiedad de fondo de manifest.json.
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
Novedades de Aurora
Descubre lo que ha estado haciendo el equipo de Chrome Aurora últimamente y su hoja de ruta para 2023.
- Chrome
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
- Chrome
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
- Chrome
Se actualizó el cronograma de baja de Web SQL
Se quitó por completo SQL Web en Chromium 119.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- 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.
- Chrome
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.
- Chrome
Prepárate para Google I/O
Crea tu propia agenda y prepárate para Google I/O.
- Chrome
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
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
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.
- Chrome
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.
- Extensiones de Chrome
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.
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
Novedades de WebGPU (Chrome 113)
WebGPU se envía en Chrome con la integración de WebCodecs en la prueba de origen.
- Chrome
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
Consulta de medios de la actualización de CSS
Adapta tu IU a las capacidades de frecuencia de actualización de la pantalla.
Preparación y recuperación previa: mediante el servicio de pestañas personalizadas
Aprende cómo aprovechar el servicio de pestañas personalizadas para mejorar la experiencia del usuario.
Cómo agregar interactividad personalizada
Cómo agregar acciones personalizadas a las pestañas personalizadas
Cómo empezar
Cómo iniciar una pestaña personalizada desde tu app para Android
Cómo realizar varias tareas a la vez con pestañas personalizadas parciales
Aprende a usar pestañas personalizadas parciales para permitir que los usuarios interactúen con tu app mientras ven contenido web.
Personaliza la IU
Cómo hacer que una pestaña personalizada se adapte al aspecto de tu app
Cómo medir la participación de los usuarios
Cómo medir la participación de los usuarios en las pestañas personalizadas
Instalación de IU enriquecida para computadoras de escritorio
Los dispositivos móviles y las tiendas de aplicaciones cambiaron la forma en que los usuarios descubren, evalúan e instalan software. Las apps web ahora ofrecen una plataforma para que los desarrolladores destaquen sus apps en el momento de la instalación.
- Chrome
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.
- Chrome
Grabación de audio y captura de pantalla
Cómo grabar audio o video desde una pestaña, ventana o pantalla
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
- WebGpu
Versión beta de Chrome 113
Nuevas funciones de medios de CSS, la función de aceleración linear() y WebGPU
- Chrome
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.
- Chrome
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.
- Chrome
Controla eventos con service workers
Aprende a crear y depurar un trabajador de servicio de extensión.
- Extensiones de Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Migra a un service worker
Un service worker permite que las extensiones se ejecuten solo cuando sea necesario, lo que ahorra recursos.
- Extensiones de Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
Cómo actualizar el manifiesto
El archivo manifest.json requiere un formato ligeramente diferente para Manifest V3 y Manifest V2.
- Extensiones de Chrome
Lista de tareas para la migración de Manifest V3
Una referencia rápida para actualizar tus extensiones de Manifest V2 a Manifest V3.
- Extensiones de Chrome
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.
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
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.
- Extensiones de Chrome
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.
- Chrome
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
- Chrome
¡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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Mensajería nativa
Intercambia mensajes con aplicaciones nativas desde tu extensión de Chrome.
- Extensiones de Chrome
Cómo comenzar a usar las consultas de estilo
Las consultas de estilo permiten a los desarrolladores consultar los valores de estilo de un elemento superior mediante la regla @container. En Chrome 111, las consultas de estilo para las propiedades personalizadas de CSS son estables. Descubre cómo comenzar a usarlas.
Sugerencias de Herramientas para desarrolladores: Descubre problemas de CSS
Usa los paneles Styles y Computed para descubrir problemas de CSS con Herramientas para desarrolladores.
- Chrome
- Herramientas para desarrolladores de Chrome
Obtén ayuda con las extensiones de Chrome
Adónde dirigirte para obtener ayuda con preguntas que no se abordan en la documentación.
- Extensiones de Chrome
Lugar de trabajo
Referencia de la pestaña de lugar de trabajo.
- Herramientas para desarrolladores de Chrome
Novedades de Herramientas para desarrolladores (Chrome 111)
Depuración del color HD, mejora de la UX de las interrupciones y mucho más
- Chrome
- Herramientas para desarrolladores de Chrome
Combinaciones de teclas
Referencia de la pestaña de accesos directos.
- Herramientas para desarrolladores de Chrome
Ubicaciones
Referencia de la pestaña Ubicaciones
- Herramientas para desarrolladores de Chrome
Experimentos
Referencia de la pestaña Experimentos
- Herramientas para desarrolladores de Chrome
Dispositivos
Referencia de la pestaña Dispositivos
- Herramientas para desarrolladores de Chrome
Descripción general de la configuración
Descripción general de la configuración.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Novedades de Lighthouse 10
Lighthouse 10 está aquí con nuevas puntuaciones y auditorías.
- Chrome
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.
- Chrome
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,
- Chrome
¿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.
- Chrome
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.
- Informe de UX de Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
CSS color-mix()
Combina colores en cualquiera de los espacios de color admitidos directamente desde tu CSS.
- Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores
Mantente actualizado con los cambios más recientes de Herramientas para desarrolladores.
- Herramientas para desarrolladores de Chrome
Documentos fuera de pantalla en Manifest V3
Presentamos la API de Offscreen Documents para el desarrollo de extensiones de Chrome.
- Chrome
- 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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Recuperando íconos de página
Cómo obtener el ícono de página de un sitio web
- Extensiones de Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chromium
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.
- Chrome
¿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.
- Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
Maximice la relevancia de los anuncios
Nueva documentación de Privacy Sandbox sobre la relevancia de los anuncios sin cookies de terceros.
- Chrome
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.
- Chrome
Sugerencias de Herramientas para desarrolladores: Modo de dispositivo
Simula dispositivos mobule con Device Mode en Herramientas para desarrolladores.
- Chrome
- Herramientas para desarrolladores de Chrome
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
Chrome 109 beta
MathML, enfoque condicional para getDisplayMedia(), sistema de archivos privados de origen en Android y mucho más.
- Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
Sugerencias para Herramientas para desarrolladores: Identifica las mejoras de CSS
Usa el panel Resumen de CSS para identificar posibles mejoras de CSS.
- Chrome
- Herramientas para desarrolladores de Chrome
Cómo encontrar un CSS no válido, anulado, inactivo o de otro tipo
Descubre problemas con las propiedades de CSS de un vistazo.
- Herramientas para desarrolladores de Chrome
Manifiesto: oauth2
Documentación de referencia para la propiedad oauth2 de manifest.json.
- Extensiones de Chrome
Panel de CrUX
Usa el panel de CrUX para visualizar datos de CrUX de BigQuery
- Informe de UX de Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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
- Extensiones de Chrome
Chrome 108 beta
Nuevas unidades de viewport de CSS, API de Federated Credential Management, fuentes variables COLRv1 y mucho más.
- Chrome
Manifiesto: input_components
Documentación de referencia para la propiedad input_components de manifest.json.
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
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
- Herramientas para desarrolladores de Chrome
- Chrome
Sugerencias de Herramientas para desarrolladores: Diferentes maneras de abrir Herramientas para desarrolladores
Descubre todas las maneras de abrir las Herramientas para desarrolladores de Chrome.
- Herramientas para desarrolladores de Chrome
- 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.
- Chrome
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.
- Chrome
Haz que tu sitio web sea más legible
Encuentra y corrige texto de contraste bajo con Herramientas para desarrolladores.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
Dentro del polyfill de la consulta del contenedor
Descubre cómo polyfill ofrece compatibilidad con consultas de contenedores a navegadores anteriores.
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
- 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.
- Chrome
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.
- Chrome
¿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.
- Chrome
Extensión Hello World
Crea tu primera extensión de Chrome de Hello World.
- Extensiones de Chrome
Cómo insertar secuencias de comandos en la pestaña activa
Obtén información para simplificar el estilo de la página actual.
- Extensiones de Chrome
Administrar pestañas
Obtén información para organizar pestañas de forma programática con grupos de pestañas.
- Extensiones de Chrome
Ejecuta secuencias de comandos en cada página
Obtén información para agregar automáticamente elementos nuevos a páginas web existentes.
- Extensiones de Chrome
Manifiesto: autor
Documentación de referencia para la propiedad del nombre del autor de manifest.json.
- Extensiones de Chrome
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
- Chrome
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.
- Chrome
Evita compartir demasiado cuando compartas pantalla
La plataforma web ahora incluye controles adicionales para que el uso compartido de pantalla preserve la privacidad.
- Chrome
Más detalles sobre la transición a Manifest V3
Nuevos detalles sobre el plan para mover extensiones a Manifest V3
- Extensiones de Chrome
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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
- Extensiones de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
Ventanas emergentes: ¡Están resurgiendo!
Un patrón problemático se facilita mucho con las nuevas APIs integradas que llegan a la plataforma.
- Chrome
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
- Herramientas para desarrolladores de Chrome
- Chrome
Bajas y eliminaciones en Chrome 106
Un resumen de las bajas y las eliminaciones de Chrome 106 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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?
- Chrome
Quitar el servidor HTTP/2 push de Chrome
El servidor Push HTTP/2 estará inhabilitado de forma predeterminada en Chrome 106
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
¿Pueden los navegadores optimizar la carga de recursos de terceros?
Impulsamos cambios para mejorar la carga de recursos de terceros en la Web
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
Bajas y eliminaciones en Chrome 105
Un resumen de las bajas y las eliminaciones de Chrome 105 para ayudarte a planificar.
- Chrome
:has(): el selector de familia
Con :has() en Chromium 105. Veamos algunas de las increíbles oportunidades que ofrece nuestro CSS.
- Chrome
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().
- Chrome
@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."
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
- Extensiones de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
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
- 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.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
Sugerencias para Herramientas para desarrolladores: Cómo inspeccionar consultas de contenedores CSS
Inspecciona y depura consultas del contenedor CSS con Herramientas para desarrolladores.
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
Bajas y eliminaciones en Chrome 104
Un resumen de las bajas y las eliminaciones de Chrome 104 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
Referencia de las funciones de accesibilidad
Referencia completa de las funciones de accesibilidad de las Herramientas para desarrolladores de Chrome.
- 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.
- Chrome
Cómo y por qué creamos estadísticas de rendimiento
Cómo y por qué creamos el panel Estadísticas de rendimiento
- Chrome
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.
- Chrome
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.
- 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
- Chrome
Proxy privado de carga previa en Chrome para administradores de red
Una descripción general de cómo filtrar contenido en las navegaciones cargadas previamente.
Cómo acelerar el LCP con la carga previa entre sitios
Una introducción a las tecnologías disponibles
- Chrome
Depura WebAssembly más rápido
Cómo hacemos que la depuración de WebAssembly sea más rápida para aplicaciones grandes
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Fondo de Aplicaciones Web Avanzadas
Anunciamos el Fondo de Aplicaciones Web Avanzadas, que apoya a quienes hacen que la Web sea más eficaz.
- Chrome
Mejor uso compartido de pestañas con el controlador de captura
La plataforma web ahora incluye el controlador de captura, un mecanismo que permite que una app web de captura identifique de manera ergonómica y segura la app web capturada si esta se habilitó.
Ver las propiedades de los objetos DOM
Visualiza y filtra las propiedades de los objetos DOM.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chromium
Descripción general de la pestaña Procesamiento
Descubre una colección de opciones que afectan el procesamiento del contenido web.
- Herramientas para desarrolladores de Chrome
Emular las funciones de medios de CSS
Emular prefers-color-scheme, tipo de medio, colores forzados, prefers-contrast, prefers-reducido-movimiento, gamut-color.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
- Herramientas para desarrolladores de Chrome
Bajas y eliminaciones en Chrome 101
Un resumen de las bajas y las eliminaciones de Chrome 101 para ayudarte a planificar.
- Chrome
Bajas y eliminaciones en Chrome 102
Un resumen de las bajas y las eliminaciones de Chrome 102 para ayudarte a planificar.
- Chrome
Celebra Chrome 100 con #100CoolWebMoments
Celebramos el lanzamiento de la versión 100 de Chrome con un repaso breve.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
Bajas y eliminaciones en Chrome 100
Un resumen de las bajas y las eliminaciones de Chrome 100 para ayudarte a planificar.
- Chrome
Siempre fuiste tú, Canvas2D
La API de al lado tiene un nuevo aspecto.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Bajas y eliminaciones en Chrome 99
Un resumen de las bajas y las eliminaciones de Chrome 99 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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."
- Chrome
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
Bajas y eliminaciones en Chrome 98
Un resumen de las bajas y las eliminaciones de Chrome 98 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 97
Un resumen de las bajas y las eliminaciones de Chrome 97 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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
Las formas de Workbox
Familiarízate con algunas de las formas en que puedes usar Workbox.
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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
- 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.
- Chrome
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.
Tema oscuro automático
Generación automática de un tema oscuro para sitios de tema claro.
- Chrome
Descripción general de CSS: Identifica posibles mejoras de CSS
Identifica las posibles mejoras de CSS con el panel Resumen de CSS.
- Herramientas para desarrolladores de Chrome
Bajas y eliminaciones en Chrome 96
Un resumen de las bajas y las eliminaciones de Chrome 96 para ayudarte a planificar.
- Chrome
Diferentes estrategias de service worker para distintas arquitecturas
Introducción a las dos arquitecturas de sitios web diferentes.
Cómo quitar service workers con errores
Cómo reparar un service worker que causa problemas
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.
- Chrome
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.
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
- Chrome
Descripción general del service worker
Una descripción general de los service workers.
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.
- Chrome
Cronograma de compatibilidad con Manifest V2
Detalles de la baja gradual y el final del ciclo de vida de Manifest V2.
- Extensiones de Chrome
Transición de extensiones de Chrome a Manifest V3
Compartir detalles sobre el plan para mover extensiones a Manifest V3
- Extensiones de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chromium
Modernización de la infraestructura de CSS en Herramientas para desarrolladores
Cómo investigamos y actualizamos la infraestructura de CSS en Herramientas para desarrolladores.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 93
Un resumen de las bajas y las eliminaciones de Chrome 93 para ayudarte a planificar.
- Chrome
Bajas y eliminaciones en Chrome 94
Un resumen de las bajas y las eliminaciones de Chrome 94 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chromium
Bajas y eliminaciones en Chrome 92
Un resumen de las bajas y las eliminaciones de Chrome 92 para ayudarte a planificar.
- Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Extensiones de Chrome
Política de abridor de origen cruzado
Documentación de referencia para la propiedad cross_origin_opener_policy de manifest.json.
- Extensiones de Chrome
Aislamiento de origen cruzado
Descripción general del aislamiento de origen cruzado para las extensiones
- Extensiones de Chrome
Política de incorporaciones de origen cruzado
Documentación de referencia para la propiedad cross_origin_embedder_policy de manifest.json.
- Extensiones de Chrome
Bajas y eliminaciones en Chrome 91
Un resumen de las bajas y las eliminaciones de Chrome 91 para ayudarte a planificar.
- Chrome
Política de abridor de origen cruzado
Documentación de referencia para la propiedad cross_origin_opener_policy de manifest.json.
- Extensiones de Chrome
Aislamiento de origen cruzado
Descripción general del aislamiento de origen cruzado para las extensiones
- Extensiones de Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chromium
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.
- Chrome
- Extensiones de Chrome
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.
- Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- 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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
- Extensiones de Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 90
Un resumen de las bajas y las eliminaciones de Chrome 90 para ayudarte a planificar.
- Chrome
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
- Chrome
Ejemplos de la API de VersionHistory
Ejemplo de uso de la API de servicio web VersionHistory.
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Asignar formato y estilo a los mensajes en Console
Aprende a dar formato a los mensajes y darles estilo en Console.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 89
Un resumen de las bajas y las eliminaciones en Chrome 89 para ayudarlo a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
Cómo migrar Puppeteer a TypeScript
Cómo migramos Puppeteer a TypeScript.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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?
- Chrome
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.
- 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
- Chrome
Te damos la bienvenida al nuevo developer.chrome.com.
Anuncio de una renovación del sitio y un resumen de nuestros planes para 2021.
- Chrome
Bajas y eliminaciones en Chrome 88
Un resumen de las bajas y las eliminaciones de Chrome 88 para ayudarte a planificar.
- Chrome
Agrega tu app a Play Store
Agrega tu TWA a Play Store
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.
- Chrome
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
- Chromium
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.
- Chrome
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.
- Chrome
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
- Chrome
Acerca de Manifest V2
Documentación para desarrolladores de extensiones de Chrome.
- Extensiones de Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Cómo migrar de Workbox v5 a v6
Guía para migrar de Workbox v5 a v6.
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.
- Chrome
Bajas y eliminaciones en Chrome 86
Un resumen de las bajas y las eliminaciones de Chrome 86 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Cómo usar pestañas personalizadas con Android 11
Cómo usar pestañas personalizadas con Android 11
- Chrome
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.
- Chrome
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.
- Informe de UX de Chrome
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.
- Informe de UX de Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
Maneja intervenciones de anuncios pesados
Maneja intervenciones de anuncios pesados
- Chrome
Problemas: Cómo encontrar y solucionar problemas
Usa el panel Problemas para encontrar y corregir problemas en tu sitio web.
- Herramientas para desarrolladores de Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 81
Un resumen de las bajas y las eliminaciones de Chrome 81 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
Guía de integración
Obtén información sobre cómo usar Trusted Web Activities 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.
- Chrome
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.
- Chrome
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.
- Chrome
Migra de Workbox v4 a v5
Guía para migrar de Workbox v4 a v5.
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?
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Novedades de Herramientas para desarrolladores (Chrome 78)
Lighthouse 5.2 en el panel Audits y Largest Contentful Paint, en el panel Performance.
- Chrome
Guía de inicio rápido
Una guía para comenzar a crear una actividad web de confianza básica y básica.
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 77)
Copia estilos de elementos, visualiza cambios de diseño y mucho más.
- Chrome
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"
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 76
Un resumen de las bajas y las eliminaciones de Chrome 76 para ayudarte a planificar.
- Chrome
Actualiza los WebAPK con más frecuencia
A partir de Chrome 76, los WebAPK se actualizarán con mayor frecuencia.
- Chrome
LayoutNG
Un nuevo motor de diseño para Chromium.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
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.
Reducir el uso de JavaScript
Obtén más información sobre la auditoría de JavaScript sin minificar.
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.
- Chrome
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.
Usa APIs obsoletas
Aprende a quitar y reemplazar las APIs obsoletas de tu página web.
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.
Entrega imágenes en formatos modernos
Obtén información sobre la auditoría uses-webp-images.
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.
Reduce el uso de CSS
Más información sobre la auditoría unminified-css.
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.
- Chrome
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.
Quita los elementos CSS sin usar
Obtén más información sobre la auditoría unused-css-rules.
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".
Precarga las solicitudes de claves
Obtén información sobre la auditoría de uses-rel-preload.
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.
- Chrome
Registrar mensajes en Console
Aprende a registrar mensajes en la consola.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- 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.
- Chrome
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.
- Chrome
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
- 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
- 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
- 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.
- Chrome
Bajas y eliminaciones en Chrome 74
Un resumen de las bajas y las eliminaciones de Chrome 74 para ayudarte a planificar.
- Chrome
Visualiza y cambia los datos de IndexedDB
Cómo ver y cambiar datos de IndexedDB con el panel Application y Fragmentos
- Herramientas para desarrolladores de Chrome
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
- Herramientas para desarrolladores de Chrome
Ver y editar el almacenamiento local
Cómo ver y editar “localStorage” con el panel de Almacenamiento local y la consola
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
Cómo migrar de Workbox v3 a v4
Guía para migrar de Workbox v3 a v4.
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?
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 73
Un resumen de las bajas y las eliminaciones de Chrome 73 para ayudarte a planificar.
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
Inhabilitar JavaScript
Abre el menú de comandos y ejecuta el comando Inhabilitar JavaScript.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 71
Un resumen de las bajas y las eliminaciones de Chrome 71 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 71)
Destaca nodos del DOM de expresiones en vivo, almacena nodos como variables globales y mucho más.
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
Cómo funciona el navegador web moderno (parte 4)
Control de eventos de entrada con el subproceso del compositor
- Chrome
Cómo funciona el navegador web moderno (parte 3)
Funcionamiento interno de un motor de renderización de navegador
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 70
Un resumen de las bajas y las eliminaciones de Chrome 68 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 70)
Live Expressions en la consola, destaca nodos del DOM durante Eager Evaluation y mucho más.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
Más cancelación del eco nativo
Mayor compatibilidad con la cancelación del eco nativo
- Chrome
Patrón de diseño de worklet de audio
Patrón de diseño de worklet de audio
- Chrome
Realidad aumentada para la Web
La realidad aumentada permite ubicar objetos virtuales y hacerles un seguimiento en una vista del mundo real.
- Chrome
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.
- Chrome
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.
- Extensiones de Chrome
Bajas y eliminaciones en Chrome 68
Un resumen de las bajas y las eliminaciones de Chrome 68 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 68)
Evaluación pasiva, sugerencias de argumentos, autocompletado de funciones, Lighthouse 3.0 y mucho más.
- Chrome
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.
- Chrome
Guía de migración de Lighthouse v3
Cómo migrar de Lighthouse v2 a v3
Anunciamos Lighthouse 3.0
Auditorías más rápidas, menos variaciones, una IU de informes nueva, auditorías nuevas y mucho más.
- Chrome
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.
- Chrome
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
- Extensiones de Chrome
Ejecuta JavaScript en la consola
Aprende a ejecutar JavaScript en la consola.
- Herramientas para desarrolladores 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.
- Chrome
Alcance el rendimiento máximo
Lineamientos para crear una extensión de Chrome de alto rendimiento
- Extensiones de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
Cancelación del eco nativo de macOS
Cómo usar el cancelador de eco nativo de macOS en Chrome
- Chrome
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.
- Chrome
Protege la privacidad del usuario
Lineamientos para garantizar que la extensión de Chrome proteja la privacidad del usuario
- Extensiones de Chrome
Protege la privacidad del usuario
Lineamientos para garantizar que la extensión de Chrome proteja la privacidad del usuario
- Extensiones de Chrome
Cómo diseñar la interfaz de usuario
Lineamientos de IU y diseño para extensiones de Chrome.
- Extensiones de Chrome
Migra de Workbox v2 a v3
Guía para migrar de Workbox v2 a v3.
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.
- Chrome
Mantente protegido
Cómo mantener la seguridad de la extensión de Chrome
- Extensiones de Chrome
Mantente protegido
Cómo mantener la seguridad de la extensión de Chrome
- Extensiones de Chrome
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.
- Chrome
Actualizaciones de Lighthouse 2.8
Nuevas auditorías de rendimiento y SEO, primera sección en los informes y mucho más.
- Chrome
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.
- Chrome
Meltdown/espectro
Implications for Web Developers and Chrome’s mitigation (Implicaciones para desarrolladores web y mitigaciones de Chrome).
- 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é.
Migra desde sw-precache o sw-toolbox
Guía para migrar de sw-precache o sw-toolbox a Workbox.
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.
- 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.
- Chrome
API de Paint de CSS
La API de CSS Paint de Houdini te permite dibujar imágenes de CSS de forma programática.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 65)
Anulaciones locales, herramientas de accesibilidad, auditorías de rendimiento y SEO, y mucho más.
- Chrome
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
- Chrome
Inhabilita la reducción de ruido del hardware
Se está inhabilitando de forma experimental la reducción de ruido del hardware en Chrome 64.
- Chrome
Novedades sobre mejores anuncios
Novedades sobre mejores anuncios.
- Chrome
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.
- Chrome
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
- Chrome
Autohosting para Linux
Cómo empaquetar, alojar y actualizar archivos crx desde un servidor personal para usuarios de Linux
- Extensiones de Chrome
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.
- Chrome
Cómo instalar extensiones en Linux
Cómo empaquetar, alojar y actualizar archivos crx desde un servidor personal
- Extensiones de Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Eliminación de ::shadow y /deep/ en Chrome 63
Dile adiós a los selectores CSS que perforan sombras.
- Chrome
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.
- Chrome
Se superó la cuota de almacenamiento en búfer
Existen varias formas de lidiar con QuotaExceededError.
- Chrome
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.
- Chrome
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.
- Chrome
Cómo animar un desenfoque
Se necesitan algunos trucos para animar un desenfoque de manera eficiente.
- Chrome
Cambios en WebVR en Chrome 62
Conoce los cambios en la API de WebVR.
- Chrome
Recuperación anulable
Anulación de las recuperaciones mediante una nueva primitiva web: el controlador de anulación
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Actualizaciones de audio y video en Chrome 61
Un resumen de las actualizaciones de audio y video en Chrome 61.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 61)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 61.
- Chrome
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.
- Chrome
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.
- Chrome
DOMException: Se interrumpió la solicitud play().
¿Qué ocurre realmente con "DOMException: Se interrumpió la solicitud play()"?
- Chrome
Pruebas automatizadas con Headless Chrome
Pruebas automatizadas con Headless Chrome
- Chrome
Actualizaciones más recientes de la API de administración de credenciales
Actualizaciones más recientes de la API de administración de credenciales
- Chrome
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.
- Chrome
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.
- Chrome
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!
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 60)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 60.
- Chrome
Bajas y eliminaciones en Chrome 59
Un resumen de las bajas y las eliminaciones de Chrome 59 para ayudarte a planificar.
- Chrome
Cómo comenzar a usar Chrome sin interfaz gráfica
Cómo comenzar a usar Chrome sin interfaz gráfica
- Chrome
Cambio al sistema de notificaciones nativo en macOS
A partir de Chrome 59, se mostrarán notificaciones nativas en macOS.
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 59)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 59.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones en Chrome 58
Un resumen de las bajas y las eliminaciones de Chrome 58 para ayudarte a planificar.
- Chrome
Actualizaciones de audio y video en Chrome 58
Un resumen de las actualizaciones de audio y video en Chrome 58.
- Chrome
Pestañas en segundo plano en Chrome 57
Pestañas en segundo plano en Chrome 57
- Chrome
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.
- Chrome
Novedades de Herramientas para desarrolladores (Chrome 58)
Próximamente, nuevas funciones y cambios en Herramientas para desarrolladores en Chrome 58.
- Chrome
Actualización de Lighthouse para enero de 2017
Novedades de Lighthouse 1.5.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- 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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones de API en Chrome 56
Un resumen de las bajas y las eliminaciones de Chrome 56 para ayudarte a planificar.
- Chrome
position:sticky regresó a Chrome
position:sticky. ¡Volvió!
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Prepárate para la Chrome Dev Summit 2016
Chrome Dev Summit 2016 se realizará el jueves, 10 y 11 de noviembre.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones de APIs en Chrome 55
Un resumen de las bajas y las eliminaciones de Chrome 56 para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
Actualizaciones de developers.google.com/web
El nuevo Web Fundamentals: mejor navegación, contenido nuevo y mucho más
- Chrome
Introducción a Lighthouse
Obtén información para configurar Lighthouse y auditar tus apps web.
Rerasterización de capas compuestas en cambio de escala
will-change (transformar significa que debes animarla rápido)
- Chrome
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.
- Chrome
CacheQueryOptions llega a Chrome 54
Se admite el conjunto completo de CacheQueryOptions, lo que facilita la búsqueda de respuestas almacenadas en caché.
- Chrome
Opciones de una PushSubscription
Ahora puedes acceder a las opciones que se usan cuando suscribes a un usuario al envío.
- Chrome
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.
- 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.
- Chrome
Cómo intervenir en document.write()
Chrome bloquea algunas secuencias de comandos que se agregan con document.write()
- Chrome
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.
- Chrome
Bajas y eliminaciones de APIs en Chrome 53
Un resumen de las bajas y las eliminaciones de Chrome para ayudarte a planificar.
- Chrome
Resumen de Herramientas para desarrolladores, agosto de 2016
Qué sucedió con el panel Recursos, las nuevas funciones y la actividad de la comunidad.
- Chrome
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.
- Chrome
É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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Google Analytics sin conexión ahora es más fácil
La biblioteca sw-offline-google-analytics te ofrece todo lo que necesitas.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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
- Chrome
Bajas y eliminaciones de APIs en Chrome 52
Un resumen de las bajas y las eliminaciones de Chrome para ayudarte a planificar.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Transmite tu camino a respuestas inmediatas
Comienza a procesar tus respuestas de service worker lo antes posible gracias a ReadableStreams.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Bajas y eliminaciones de API en Chrome 51
Un resumen de las bajas y las eliminaciones de Chrome para ayudarte a planificar.
- Chrome
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.
- Chrome
¿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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Referencia de la API de Console
Usa la API de Console para escribir mensajes en Console.
- Herramientas para desarrolladores de 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).
- Chrome
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.
- Chrome
Se implementarán cambios en la orientación de los dispositivos en Chrome 50
DeviceOrientationEvent usa grados relativos, y hay un nuevo DeviceOrientationAbsoluteEvent.
- Chrome
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.
- Chrome
Se agregó la validación DOMTokenList en Chrome 50
Verifica la compatibilidad con varias funciones directamente en el código (disponible en Chrome 50).
- Chrome
Se agregó compatibilidad con Canvas toBlob() en Chrome 50
Se estableció la compatibilidad con lienzos.toBlob en Chrome 50.
- Chrome
Bajas y eliminaciones de APIs en Chrome 50
Un resumen de las bajas y las eliminaciones de APIs en Chrome para ayudarte a planificar.
- Chrome
Mejoras en Animaciones web en Chrome 50
Chrome 50 ofrece nuevas funciones y un mayor cumplimiento de especificaciones.
- Chrome
Chrome es compatible con createImageBitmap() en Chrome 50
Compatibilidad con la decodificación de imágenes en trabajadores configurados para aterrizar en Chrome 50.
- Chrome
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.
- Chrome
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.
- Chrome
Encriptación de carga útil web push
Web Push ahora admite cargas útiles. Descubra cómo aprovechar esta nueva y eficaz función.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
¿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.
- Chrome
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 de Chrome
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.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Marcas de tiempo de alta resolución para eventos
Descubre cuándo se producen eventos con precisión de microsegundos gracias a DOMHighResTimeStamp.
- Chrome
Manipulación sencilla de URL con URLSearchParams
Acceso trivial a TURLSearchParams y manipulación de la cadena de consulta de la URL
- Chrome
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.
- Chrome
Cómo comenzar a usar las apps web progresivas
Cómo comenzar a compilar apps web progresivas
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Recursos de animaciones web
Recursos y más para la API de Web Animations
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
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
API de History: Restablecimiento de desplazamiento
Se actualizó la API de History para evitar los saltos de desplazamiento desagradables.
- Chrome
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.
- 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.
- Chrome
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.
- Chrome
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?
- Chrome
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.
- Chrome
Trucos de teclado simples para usar en el panel Estilos
Aprende a navegar eficazmente por el panel Estilos con algunos trucos útiles del teclado.
- Chrome
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.
- Chrome
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.
- Chrome
Cómo usar requestIdleCallback
requestIdleCallback es una nueva API de rendimiento para programar trabajo cuando el navegador está inactivo.
- Chrome
Duplica nodos del DOM con facilidad
Puedes cambiar fácilmente el DOM sin tener que editar el HTML como una string gigante.
- Chrome
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.
- Chrome
Cinco trucos para usar en el panel de la consola
Cinco trucos para usar en el panel de la consola
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
Rutas de navegación de DOM mejoradas
¿Sabías que el panel Elements tiene una ruta de navegación?
- Chrome
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?
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
- Chrome
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().
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Acceso directo para seleccionar el siguiente caso
En el editor del panel Sources, puedes seleccionar el próximo caso con Cmd + D.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Recorrer rápidamente los paneles de Herramientas para desarrolladores
Puedes usar Cmd+] (o Cmd+[) para desplazarte por los paneles en Herramientas para desarrolladores.
- Chrome
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.
- Chrome
¿Quién inspecciona al inspector?
¿Sabía que puede inspeccionar las Herramientas para desarrolladores con las Herramientas para desarrolladores?
- Chrome
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.
- Chrome
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.
- Chrome
Grupos de colores de red
Obtén información sobre qué colores coinciden con cada tipo de recurso para identificarlos fácilmente.
- Chrome
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.
- Chrome
Edita o visualiza recursos rápidamente desde el panel de elementos
Edita o visualiza recursos rápidamente desde el panel de elementos
- Chrome
event_rules
Documentación de referencia para la propiedad event_rules de manifest.json.
- Extensiones de Chrome
event_rules
Documentación de referencia para la propiedad event_rules de manifest.json.
- Extensiones de Chrome
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.
- Extensiones de Chrome
- Chrome
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.
- Chrome
El editor de aceleración
Seleccione una propiedad de CSS de aceleración para obtener una vista previa animada y visual de su comportamiento.
- Chrome
El nodo del DOM seleccionado actualmente
Aprende el acceso directo rápido a la consola para obtener el nodo del DOM seleccionado actualmente.
- Chrome
Mostrar en el panel de elementos
Muestra los nodos del DOM en el panel de elementos de la consola.
- Chrome
Alt + clic para expandir todos los nodos secundarios
Alt + Hacer clic para expandir todos los nodos secundarios
- Chrome
- Herramientas para desarrolladores de Chrome
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
- Chrome
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.
- Chrome
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.
- Chrome
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).
- Chrome
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
- Chrome
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).
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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).
- Herramientas para desarrolladores de Chrome
- Chrome
Cambia rápidamente los valores CSS
Cambia rápidamente los valores CSS con el teclado o la rueda del mouse
- Chrome
Autocompletado para notación de corchetes
¿Sabías que puedes autocompletar la notación con corchetes en el panel Sources?
- Chrome
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Chrome
Desplazar elementos al viewport
Si un elemento que estás inspeccionando está fuera de vista, aquí te mostramos cómo incorporarlo al viewport.
- Chrome
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
- Chrome
Activación de seudoclases
Aprende a activar seudoclases, como :active, para depurar correctamente tu CSS.
- Chrome
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.
- Chrome
Redirección de puertos
La redirección de puertos de Herramientas para desarrolladores permite que incluso las URLs localhost funcionen en dispositivos móviles.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Aspectos destacados de las declaraciones detalladas
Consulta la sentencia ejecutada exacta con resaltado detallado.
- Chrome
Recarga forzada
Con Herramientas para desarrolladores abierto, mantén presionado el botón de volver a cargar para ver más opciones.
- Chrome
Modificaciones locales
Las modificaciones locales te permiten ver los cambios que se realizaron (mediante Herramientas para desarrolladores) en ciertos archivos de origen.
- Chrome
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).
- Chrome
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í.
- Chrome
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.
- Chrome
Fragmentos predefinidos
Cómo ejecutar fragmentos de código predefinidos en cualquier página web
- Chrome
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.
- Chrome
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).
- Chrome
Mostrar en el panel de elementos
Muestra los nodos del DOM en el panel Elements de la consola.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Alt + clic para expandir todos los nodos secundarios
Alt + Hacer clic para expandir todos los nodos secundarios
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
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.
- Chrome
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).
- Chrome
El editor de aceleración
Seleccione una propiedad de CSS de aceleración para obtener una vista previa animada y visual de su comportamiento.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
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.
- Chrome
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.
- Herramientas para desarrolladores de Chrome
Ver recursos de la página
Organiza recursos por marco, dominio, tipo u otros criterios.
- Herramientas para desarrolladores de Chrome
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.
- Herramientas para desarrolladores de Chrome
WebViews de depuración remota
Depura WebViews en tus apps para Android nativas con las herramientas para desarrolladores de Chrome.
- 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.
- Herramientas para desarrolladores de Chrome
Referencia de la API de Console Utilities
Referencia de las funciones prácticas disponibles en la consola de las Herramientas para desarrolladores de Chrome.
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Notificaciones push en la Web abierta
Los mensajes push y las notificaciones llegan a Chrome 42.
- Chrome
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.
- Chrome
¿Qué es la ventana gráfica virtual?
La viewport virtual separa el diseño y la visualización del viewport.
- Chrome
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
- Chrome
Chrome Dev Summit 2014: Crea algunas apps con Polymer
Compilar apps al estilo Polymer
- Chrome
image-Renderización:pixelada
Pixelación de la nación. Ahora disponible en Chrome 41
- Chrome
Conserva el estado durante las mutaciones del DOM con moveBefore()
Mueve nodos alrededor del DOM sin perder el estado crítico
- Chrome
Módulos compartidos
Cómo compartir código entre extensiones de Chrome
- Extensiones de Chrome
Chrome Dev Summit 2014 - Polymer - Estado de la unión
El estado de la unión de polímeros.
- Chrome
Módulos compartidos
Cómo compartir código entre extensiones de Chrome
- Extensiones de Chrome
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.
- Chrome
Mensajería nativa
Cómo intercambiar mensajes con aplicaciones nativas desde la app de Chrome
Control de reproducción de animaciones web en Chrome 39
Más información sobre la reproducción de animaciones web
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Paso 7: Publica tu app
Cómo publicar la app de Chrome en Chrome Web Store
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
Compila una app de Chrome para tareas pendientes
Una introducción al codelab
Paso 1: Crea y ejecuta una app de Chrome
Cómo crear, instalar, ejecutar y depurar una app básica de Chrome
Paso 5: Agrega imágenes de la Web
Cómo agregar imágenes a la app de Chrome con XHR y ObjectURL
Generadores: las partes más importantes
Exploración de los generadores de ES6
- 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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Cambios de audio web en m36
Descripción del trabajo de limpieza de los estándares de audio web en Chrome 36
- Chrome
elemento de diálogo enviado en la versión beta de Chrome 37
Chrome Beta ahora es compatible con el elemento
- Chrome
Resumen de Herramientas para desarrolladores - Chrome 35
Actualizaciones de las Herramientas para desarrolladores en Chrome 35
- Chrome
API de notificaciones enriquecidas
Cómo mostrar notificaciones a los usuarios de la extensión de Chrome
- Extensiones de Chrome
Usa la API de Notifications
Mostrar notificaciones a los usuarios de extensiones de Chrome
- Extensiones 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.
- Chrome
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.
- Chrome
Motores de juegos
Motores de juego recomendados para las apps de Chrome.
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.
- 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/).
- Chrome
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
- Herramientas para desarrolladores de Chrome
- Chrome
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.
- Chrome
Manifiesto: Bluetooth
Documentación de referencia para la propiedad Bluetooth de manifest.json.
Bluetooth
Cómo comunicarte con dispositivos Bluetooth desde tu app de Chrome
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.
- Extensiones de Chrome
Cómo empezar
Instrucciones paso a paso para crear una extensión de Chrome
- Extensiones de Chrome
Sugerencias y trucos
Sugerencias y trucos para mejorar tu aplicación de WebView
Preguntas frecuentes
Preguntas frecuentes sobre las extensiones de Chrome.
- Extensiones 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.
WebView con píxeles perfectos
Cómo crear IUs de WebView perfectas
Instructivo: Migra a Manifest V2
Lineamientos para migrar de la versión 1 a la 2.
- Extensiones de Chrome
Resumen de Herramientas para desarrolladores
Actualizaciones de las Herramientas para desarrolladores en Chrome 33
- Chrome
chrome.location
Documentación de referencia para la API de chrome.location.
- Extensiones de Chrome
Resumen mensual de Yeoman
Un resumen mensual de artículos, generadores y noticias sobre proyectos de Yeoman de alta calidad.
- Chrome
Anula la configuración de Chrome
Cómo anular la configuración de Chrome desde una extensión de Chrome
- Extensiones de Chrome
Anula la configuración de Chrome
Cómo anular la configuración de Chrome desde una extensión de Chrome
- Extensiones 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
- Chrome
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
Chrome Dev Summit: Resumen de plataformas
Plataformas
- Chrome
Chrome Dev Summit: Resumen de rendimiento
El rendimiento importa
- Chrome
enchufes
Documentación de referencia para la propiedad de sockets del archivo manifest.json.
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
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
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.
- Chrome
Resumen mensual de Yeoman
Un resumen regular de artículos, videos y charlas de la comunidad de Yeoman
- Chrome
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.
- Chrome
Resumen de Herramientas para desarrolladores (diciembre de 2013)
La actualización más reciente de los cambios en las Herramientas para desarrolladores de Chrome.
- 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.
- Chrome
Terminal de Herramientas para desarrolladores
Cómo usar la terminal desde Herramientas para desarrolladores
- Chrome
Manifiesto para el almacenamiento administrado
Documentación de referencia para la propiedad de almacenamiento de manifest.json.
- Extensiones de Chrome
Manifiesto para áreas de almacenamiento
Documentación de referencia para la propiedad de almacenamiento de manifest.json.
- Extensiones de Chrome
Herramientas para desarrolladores de Chrome para dispositivos móviles
Presentación en pantalla y emulación
- Chrome
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
- Chrome
Resumen mensual de Yeoman
Un resumen regular de artículos, videos y charlas de la comunidad de Yeoman
- Chrome
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.
- Chrome
Dispositivos en serie
Cómo comunicarte con dispositivos en serie desde tu app de Chrome
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.
- Chrome
El diseño de Flexbox no es lento
¡Buenas noticias! El nuevo Flexbox es 2.3 veces más rápido que el antiguo
- Chrome
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.
- Chrome
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.
- Chrome
url_handlers
Documentación de referencia para la propiedad url_handlers de manifest.json.
externally_connectable
Documentación de referencia de la propiedad external_connectable de manifest.json.
- Extensiones de Chrome
externally_connectable
Documentación de referencia de la propiedad external_connectable de manifest.json.
- Extensiones de Chrome
Analytics
Cómo integrar Google Analytics en tu aplicación de Chrome
Transparencia alfa en video de Chrome
WebM acaba de agregar transparencia alfa, y la compatibilidad con esta función llegó a Chrome 31.
- Chrome
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,
- Chrome
Cambió la sintaxis sourceMappingURL y sourceURL
Cambió la sintaxis sourceMappingURL y sourceURL
- Chrome
Manifiesto: Recursos accesibles en la Web
Documentación de referencia para la propiedad web_accessible_resources de manifest.json.
- Extensiones de Chrome
Manifest V2 - Versión [obsoleta]
Documentación de referencia para la propiedad de versión de manifest.json.
- Extensiones de Chrome
Manifiesto: Zona de pruebas
Documentación de referencia para la propiedad de zona de pruebas de manifest.json.
- Extensiones de Chrome
Manifiesto: descripción
Documentación de referencia para la propiedad de descripción de manifest.json.
- Extensiones de Chrome
Manifiesto: descripción
Documentación de referencia para la propiedad de descripción de manifest.json.
- Extensiones de Chrome
Manifiesto: configuración regional predeterminada
Documentación de referencia para la propiedad default_locale de manifest.json.
- Extensiones de Chrome
Manifiesto: nombre
Documentación de referencia para la propiedad de nombre de manifest.json.
- Extensiones de Chrome
Manifiesto: nombre corto
Documentación de referencia para la propiedad short_name del manifiesto.json.
- Extensiones de Chrome
Manifiesto: Recursos accesibles en la Web
Documentación de referencia para la propiedad web_accessible_resources de manifest.json.
- Extensiones de Chrome
Manifiesto: Versión mínima de Chrome
Documentación de referencia para la propiedadminimum_chrome_version de manifest.json.
- Extensiones de Chrome
Manifiesto: clave
Documentación de referencia para la propiedad clave de manifest.json.
- Extensiones de Chrome
Versión del manifiesto
Documentación de referencia para la propiedad manifest_version de manifest.json.
- Extensiones de Chrome
Manifiesto: Íconos
Documentación de referencia para la propiedad de íconos de manifest.json.
- Extensiones de Chrome
Manifiesto: Clave
Documentación de referencia para la propiedad clave de manifest.json.
- Extensiones de Chrome
Manifiesto: Requisitos
Documentación de referencia para la propiedad requirements de manifest.json.
- Extensiones de Chrome
Manifiesto: habilitación sin conexión
Documentación de referencia para la propiedad offline_enabled de manifest.json.
- Extensiones de Chrome
Manifiesto: Incógnito
Documentación de referencia para la propiedad de incógnito de manifest.json.
- Extensiones de Chrome
Manifiesto: Requisitos
Documentación de referencia para la propiedad requirements de manifest.json.
- Extensiones de Chrome
Manifiesto: nombre y nombre corto
Documentación de referencia para las propiedades name y short_name del manifiesto.json.
- Extensiones de Chrome
Manifiesto: Versión
Documentación de referencia para la propiedad de versión de manifest.json.
- Extensiones de Chrome
Manifiesto: URL de página principal
Documentación de referencia para la propiedad home_url de manifest.json.
- Extensiones de Chrome
Manifiesto: Zona de pruebas
Documentación de referencia para la propiedad de zona de pruebas de manifest.json.
- Extensiones de Chrome
Manifiesto: configuración regional predeterminada
Documentación de referencia para la propiedad default_locale de manifest.json.
- Extensiones de Chrome
Manifiesto: Íconos
Documentación de referencia para la propiedad de íconos de manifest.json.
- Extensiones de Chrome
Manifiesto: URL de página principal
Documentación de referencia para la propiedad home_url de manifest.json.
- Extensiones de Chrome
Manifiesto: Incógnito
Documentación de referencia para la propiedad de incógnito de manifest.json.
- Extensiones de Chrome
Manifiesto: módulos Nacl
Documentación de referencia para la propiedad nacl_modules de manifest.json.
- Extensiones de Chrome
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.
Manifiesto: App
Documentación de referencia para la propiedad de app 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)
Cómo visualizar conceptos de shadow DOM
Cómo visualizar conceptos de shadow DOM
- Chrome
¿Qué son las extensiones?
Una descripción general del propósito de las extensiones de Chrome y cómo se desarrollaron.
- Extensiones de Chrome
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
- Chrome
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
- Chrome
Abreviatura de CSS Background para los navegadores WebKit para dispositivos móviles
Abreviatura de CSS Background para los navegadores WebKit para dispositivos móviles
- Chrome
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
- Chrome
Uso compartido de pantalla con WebRTC
Uso compartido de pantalla con WebRTC
- Chrome
Imágenes de fondo basadas en lienzos
Impulsar un fondo CSS a través de Canvas o Webgl
- Chrome
WebRTC llega a Firefox, Android y iOS
WebRTC llega a Firefox, Android y iOS
- Chrome
Crea apps con AngularJS
Guía para compilar apps de Chrome con AngularJS.
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
- Chrome
Responde al cambio con Object.observa
Responde al cambio con Object.observa
- Chrome
Crea apps con Sencha Ext JS
Cómo compilar Apps de Chrome con el framework Sencha Ext JS.
Cómo declarar permisos
Descripción general de los valores válidos para la propiedad de permisos en manifest.json.
- Extensiones de Chrome
Globo interactivo con sombreadores CSS y Google Maps
Globo interactivo con sombreadores CSS y Google Maps
- Chrome
El permiso activeTab
Cómo usar el permiso activeTab en tu extensión de Chrome
- Extensiones de Chrome
El permiso "activeTab"
Cómo usar el permiso activeTab en tu extensión de Chrome
- Extensiones de Chrome
Brindar opciones a los usuarios
Cómo permitir que los usuarios personalicen su extensión
- Extensiones de Chrome
Cómo declarar permisos y advertir a los usuarios
Cómo implementar permisos para proteger a tus usuarios y tu extensión
- Extensiones de Chrome
¿Qué son los temas?
Lineamientos para crear un tema.
- Extensiones de Chrome
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.
- Extensiones de Chrome
Transmisión de mensajes
Cómo pasar mensajes entre extensiones y secuencias de comandos de contenido
- Extensiones de Chrome
Formatos de mensajes de localización
Documentación de referencia sobre el formato del archivo messages.json para las extensiones de Chrome.
- 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.
- Extensiones de Chrome
Cómo usar eval en las extensiones de Chrome
Cómo usar eval() en una extensión de Chrome
- Extensiones de Chrome
¿Qué son los temas?
Lineamientos para crear un tema.
- Extensiones de Chrome
Patrones de coincidencia
Conceptos básicos sobre los patrones de coincidencia de URL en las extensiones de Chrome
- Extensiones de Chrome
XMLHttpRequest de origen cruzado
Cómo implementar XHR de origen cruzado en tu extensión de Chrome
- 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
- Extensiones 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
- Extensiones de Chrome
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
- Extensiones de Chrome
Formato de archivo de manifiesto
Descripción general de las propiedades de manifest.json de una extensión de Chrome
- Extensiones de Chrome
Transmisión de mensajes
Cómo pasar mensajes entre extensiones y secuencias de comandos de contenido
- Extensiones 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.
- Extensiones de Chrome
Brindar opciones a los usuarios
Cómo permitir que los usuarios personalicen tu Extensión.
- Extensiones de Chrome
Extensiones de depuración
Instrucciones para depurar extensiones de Chrome.
- Extensiones de Chrome
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
- Extensiones de Chrome
Descripción general de la arquitectura
Una explicación de alto nivel de la arquitectura de software de las extensiones de Chrome.
- 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.
- Extensiones de Chrome
Se habilitó la entrada de audio web en vivo
Se habilitó la entrada de audio web en vivo
- Chrome
Cómo depurar extensiones
Instrucciones paso a paso sobre cómo depurar extensiones de Chrome
- Extensiones de Chrome
Patrones de coincidencia
Ejemplos de cómo funcionan la coincidencia de patrones de secuencias de comandos de contenido y el permiso de host.
- Extensiones de Chrome
Formatos de mensajes de localización
Documentación de referencia sobre el formato del archivo messages.json para las extensiones de Chrome.
- Extensiones de Chrome
Solicitudes de red de origen cruzado
Implementa solicitudes de red de origen cruzado en tu extensión de Chrome.
- Extensiones de Chrome
Cómo usar eval() en iframes de zona de pruebas
Cómo usar eval() en una extensión de Chrome
- Extensiones 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.
- Extensiones de Chrome
API de Storage
Cómo administrar el almacenamiento en la app de Chrome
Descripción general del desarrollo de extensiones
Descripción general de las funciones y los componentes de las extensiones de Chrome
- 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.
Accesibilidad (a11y)
Cómo hacer que tu extensión de Chrome Manifest V2 sea accesible
- Extensiones de Chrome
Cómo extender Herramientas para desarrolladores
Cómo crear una extensión de Chrome que agregue funcionalidad a las Herramientas para desarrolladores de Chrome
- Extensiones de Chrome
APIs web
Las Apps de Chrome pueden usar todas las APIs disponibles para los sitios web.
Notificaciones enriquecidas con webKit
Cómo implementar las notificaciones en tu extensión de Chrome
- Extensiones de Chrome
Cómo publicar tu app
Cómo publicar la app 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
- Extensiones de Chrome
Ciclo de vida de las apps de Chrome
Una descripción general del ciclo de vida de las Apps de Chrome.
Actualización automática
Cómo habilitar la actualización automática de la app 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
- Extensiones de Chrome
Autenticación de usuarios
Cómo autenticar usuarios en la app 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
- Extensiones de Chrome
Opciones de distribución de extensiones alternativas
Cómo distribuir extensiones de Chrome fuera de Chrome Web Store
- Extensiones de Chrome
Comunicaciones de red
Cómo usar TCP y UDP en tu app de Chrome
Primero sin conexión
Cómo crear apps de Chrome que funcionen sin conexión
Dispositivos USB
Cómo comunicarte con dispositivos USB desde la app de Chrome
Crea tu primera app
Un instructivo para crear una app básica de Chrome.
Extender Herramientas para desarrolladores
Cómo crear una extensión de Chrome que agregue funciones a las Herramientas para desarrolladores de Chrome
- Extensiones de Chrome
Compatibilidad con accesibilidad
Cómo hacer que tu extensión de Chrome sea accesible
- Extensiones 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
Contenido externo
Cómo presentar contenido externo en la app de Chrome
Usa métodos de instalación alternativos
Cómo instalar extensiones de Chrome usando las preferencias JSON o el registro de Windows.
- Extensiones de Chrome
Se vienen cambios de apilado en los elementos position:fixed
Cambios de apilado que llegan a los elementos position:fixed
- Chrome
Posición de aterrizaje: pegajoso en WebKit
Posición de aterrizaje: pegajoso en WebKit
- Chrome
Integración de input[type=file] con la API de Filesystem
Integración de input[type=file] con la API de Filesystem
- Chrome
Cuando los milisegundos no son suficientes: performance.now
Cuando los milisegundos no son suficientes: performance.now
- Chrome
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
- Chrome
Preguntas frecuentes rápidas sobre input[type=date] en Google Chrome
Preguntas frecuentes rápidas sobre input[type=date] en Google Chrome
- Chrome
Ahora puedes arrastrar y soltar una carpeta en Chrome.
Ahora puedes arrastrar y soltar una carpeta en Chrome.
- Chrome
Cómo medir el rendimiento de los gráficos del navegador
Cómo medir el rendimiento de los gráficos del navegador
- Chrome
Llegó xhr.send(ArrayBufferViews)
Llegó xhr.send(ArrayBufferViews)
- Chrome
Cómo aprovechar la aceleración de GPU en el lienzo 2D
Cómo aprovechar la aceleración de GPU en el lienzo 2D
- Chrome
Escribir un libro volteable con regiones de CSS y transformaciones 3D
Escribir un libro volteable con regiones de CSS y transformaciones 3D
- Chrome
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
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
API de requestAnimationFrame: ahora con precisión de menos de milisegundos
Pronto habrá un cambio en parte de la API de equestAnimationFrame
- Chrome
Procesa cargas de archivos XHR2 en PHP
Ejemplo de código de servidor para ilustrar cómo controlar las cargas de archivos
- Chrome
Protothon de WebRTC
El 24 de marzo, Google organizó el primer evento para desarrolladores de WebRTC, WebRTC Protothon.
- Chrome
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).
- Chrome
Resumen de recursos internos de los navegadores web
La mayoría de los recursos que explican el funcionamiento interno de los navegadores web
- Chrome
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.
- Chrome
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
- Chrome
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.
- Chrome
Una nueva función experimental: las hojas de estilo con alcance
Recientemente, Chromium implementó una nueva función de HTML5: hojas de estilo centradas.
- Chrome
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.
- Chrome
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.
- Chrome
Detecta cambios del DOM con observadores de mutación
Una introducción a Mutation Observers.
- Chrome
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
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
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.
- Chrome
Objetos transferibles: muy rápido
Con los objetos transferibles, los datos se transfieren de un contexto a otro. Es una copia cero, que mejora en gran medida el rendimiento de envío de datos a un Worker.
- Chrome
Usa la precisión de mediump en WebGL cuando sea posible.
Aviso de nuestros amigos de Opera, que han estado probando WebGL en hardware real OpenGL ES 2.0.
- Chrome
Herramientas para desarrolladores de Chrome para mejorar la velocidad
Cómo usar las Herramientas para desarrolladores en Chrome para mejorar la velocidad de sus apps
- Chrome
Reproduce videos con la API de MediaSource
La API de MediaSource extiende “HTMLMediaElement” a fin de permitir que JavaScript genere flujos de medios para la reproducción.
- Chrome
Resumen de demostración de WebGL
Estas son algunas demostraciones increíbles de WebGL disponibles en la Web para demostrar lo que realmente puede hacer tu navegador.
- Chrome
Herramientas de caché de apps y generadores automáticos
La caché de la aplicación te ayuda a ejecutar tu aplicación web sin conexión, acelera significativamente el tiempo de inicio y reduce la factura de ancho de banda.
- Chrome
Define el alcance en las transacciones de IndexedDB
IndexedDB es un estándar web en evolución para almacenar grandes cantidades de datos estructurados en el navegador.
- Chrome
Deja que tu contenido hable: API de pantalla completa
La API Fullscreen permite que las aplicaciones web le indiquen de manera programática a cualquier contenido de la página que entre en el modo de visualización de pantalla completa del navegador, desde JavaScript.
- Chrome
Se actualizaron los WebSockets a la versión más reciente en Chrome Canary
La API de WebSocket se renovó a la versión más reciente (13) en Chrome Canary
- Chrome
Cómo mantenerse al día con la compatibilidad con HTML5 y navegadores
En realidad, mantenerse al día con esas funciones puede ser un desafío, pero solo si no sabes dónde buscar.
- Chrome
Viajar con Three.js
Estamos observando que cada vez más desarrolladores presentan nuevas demostraciones en 3D, independientemente de que ya sean expertos en OpenGL o ya sean nuevos aventureros que empezaron a jugar con ellas.
- Chrome
Nuevo cupón de la Conferencia de juegos para desarrolladores de juegos HTML5
Evitar completar mis informes de TPS al aprender a escribir juegos HTML5 y WebGL en New Game
- Chrome
Videos de 7 minutos: sugerencias profesionales de la Consola de JavaScript y nuevas APIs de DOM
Sube de nivel en la Consola de JavaScript en las Herramientas para desarrolladores de Chrome.
- Chrome
Trabajadores ♥ ArrayBuffer
Chrome 13 y FF5 admiten el envío de un "ArrayBuffer" (o un array escrito) desde y hacia un trabajador web.
- Chrome
Diferencias del nuevo protocolo WebSocket
La especificación del protocolo WebSocket se actualizó recientemente para resolver los problemas de seguridad anteriores y es bastante estable
- Chrome
insertANextHTML en todas partes
Cómo insertar contenido en un documento HTML
- Chrome
Cómo depurar la API del sistema de archivos
El sistema de archivos HTML5 es una API potente. Con el poder, surge la complejidad. Con la complejidad, surgen más frustraciones de depuración.
- Chrome
Busca archivos locales con la API de File System
Si tienes un objeto File, es posible buscarlo y leer fragmentos sin leer el archivo completo en la memoria.
- Chrome
Bibliotecas HTML5 y polyfills: mediados de julio
Más bibliotecas increíbles por todos lados
- Chrome
Presentamos New Game, la conferencia para desarrolladores de juegos HTML5
Únete a nosotros en New Game, que se celebrará del 1 al 2 de noviembre de 2011 en San Francisco, CA.
- Chrome
No te pierdas ningún fotograma: Cómo usar la API de visibilidad de la página + video HTML5
La API de visibilidad de páginas se puede usar para verificar si la pestaña actual está visible o no.
- Chrome
Cómo usar imágenes multidominio en WebGL
La especificación de WebGL tiene una actualización importante sobre cómo solicitar imágenes entre dominios.
- Chrome
Bibliotecas HTML5: fines de junio
Algunas bibliotecas emocionantes surgieron últimamente.
- Chrome
API de visibilidad de páginas: ¿recibí tu atención?
Afortunadamente, la nueva API de visibilidad de páginas permite que tu app descubra si está visible o no.
- Chrome
Contra en HTML5 + API de Web Audio
Gracias a la potencia de GWT, HTML5 y la API de Web Audio, podemos crear el creador del código secreto favorito de todos, Contra.
- Chrome
navigator.onLine en el canal de Chrome Dev
Con las APIs sin conexión en HTML5, no hay excusas para no proporcionar una experiencia sin conexión perfecta a los usuarios.
- Chrome
Bienvenido a updates.html5rocks.com.
En un esfuerzo por informar a los desarrolladores más rápido, creamos esta "Novedades de actualizaciones de HTML5" para destacar las cosas interesantes que vale la pena compartir.
- Chrome
Auditoría de la aplicación web para comprobar la velocidad
Una app web rápida es una app web exitosa. Tu trabajo como desarrollador no termina hasta que optimizas el rendimiento real y percibido de tu app. No solo es lo correcto para garantizar que tus usuarios tengan una experiencia excelente, sino que
- Chrome
- Herramientas para desarrolladores de Chrome
Introducción a las herramientas para desarrolladores de Chrome (primera parte)
Google Chrome es un navegador web potente y completo que marca el camino para las aplicaciones en la Web. Google se esforzó por ofrecer una experiencia de navegación muy rápida, estable y con muchas funciones para los usuarios finales. Google también
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Extensiones de Chrome
- Workbox
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Extensiones de Chrome
- Workbox
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Extensiones de Chrome
- Workbox
Policies
Extension policies
- Extensiones de Chrome
- Workbox
Cancel a review
How to cancel a review in the Chrome Web Store.
- Extensiones de Chrome
- Workbox
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Informe de UX de Chrome
- Workbox
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
Chrome 129
Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.
- Chrome
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Extensiones de Chrome
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Extensiones de Chrome
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Extensiones de Chrome
- Workbox
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Workbox
- Extensiones de Chrome
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- Extensiones de Chrome
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Workbox
- Extensiones de Chrome
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Extensiones de Chrome
- Workbox
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Informe de UX de Chrome
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Extensiones de Chrome
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Extensiones de Chrome
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Extensiones de Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Extensiones de Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Extensiones de Chrome
- Workbox
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Workbox
- Extensiones de Chrome
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Extensiones de Chrome
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Extensiones de Chrome
- Workbox
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Extensiones de Chrome
- Workbox
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Workbox
- Extensiones de Chrome
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Extensiones de Chrome
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- Extensiones de Chrome
Create a side panel
TBD
- Extensiones de Chrome
- Workbox
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Workbox
- Extensiones de Chrome
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Extensiones de Chrome
- Workbox
Overview of CrUX
Introduction to the CrUX dataset.
- Workbox
- Informe de UX de Chrome
Permissions
A list of permissions and user warnings available on the extensions platform.
- Workbox
- Extensiones de Chrome
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Workbox
- Extensiones de Chrome
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Distribute your extension
How to host your Chrome extension.
- Workbox
- Extensiones de Chrome
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Workbox
- Extensiones de Chrome
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- Extensiones de Chrome
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Extensiones de Chrome
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Extensiones de Chrome
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Extensiones de Chrome
- Workbox
Prepare your extension
Prepare your extension files.
- Extensiones de Chrome
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Extensiones de Chrome
- Workbox
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- Extensiones de Chrome
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Extensiones de Chrome
- Workbox
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Extensiones de Chrome
- Workbox
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Extensiones de Chrome
- Workbox
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Extensiones de Chrome
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Extensiones de Chrome
- Workbox
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Extensiones de Chrome
- Workbox
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Extensiones de Chrome
- Workbox
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Extensiones de Chrome
- Workbox
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Workbox
- Extensiones de Chrome
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Extensiones de Chrome
- Workbox
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Extensiones de Chrome
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Extensiones de Chrome
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Extensiones de Chrome
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Extensiones de Chrome
- Workbox
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Workbox
- Extensiones de Chrome
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Workbox
- Extensiones de Chrome
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Extensiones de Chrome
- Workbox
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Extensiones de Chrome
- Workbox
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- Extensiones de Chrome
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Extensiones de Chrome
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Workbox
- Extensiones de Chrome
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Extensiones de Chrome
- Workbox
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Workbox
- Extensiones de Chrome
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Extensiones de Chrome
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Extensiones de Chrome
- Workbox
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Workbox
- Extensiones de Chrome
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Workbox
- Extensiones de Chrome
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Workbox
- Extensiones de Chrome
Check on your review status
How to check the review status of your Chrome Web Store item.
- Extensiones de Chrome
- Workbox
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Extensiones de Chrome
- Workbox
Enterprise publishing options
How to distribute extensions to enterprise users
- Workbox
- Extensiones de Chrome
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Workbox
- Extensiones de Chrome
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Workbox
- Extensiones de Chrome
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Extensiones de Chrome
- Workbox
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Extensiones de Chrome
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Extensiones de Chrome
- Workbox
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Workbox
- Extensiones de Chrome
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Extensiones de Chrome
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Extensiones de Chrome
- Workbox
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Workbox
- Extensiones de Chrome
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Extensiones de Chrome
- Workbox
Branding Guidelines
Guidelines for use of Google trademarks.
- Extensiones de Chrome
- Workbox
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Extensiones de Chrome
- Workbox
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Extensiones de Chrome
- Workbox
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Extensiones de Chrome
- Workbox
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Extensiones de Chrome
- Workbox
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Extensiones de Chrome
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Extensiones de Chrome
- Workbox
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Extensiones de Chrome
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Summarizer
Get a short summary of every webpage.
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Google Gemini Demo
Try the Gemini Models.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Open extension API reference
Simple Theme
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Maskable.app
Preview maskable icons in the browser!
heritagein.info
Radio House
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
Farmbound - a diurnal game of farming
iRobot Coding
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
noctura.tech
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
Graphite
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
birdfood.gq
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
Average Colour
Average Colour is a tool to find the average colour in an image.
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
Application to help utilities management.
Budgeting app
wami
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
BrewFlasher Web Edition
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Microsoft Loop - Think, plan and create together
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
readyplayer.me
Scrapbook PWA
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Open Video
Open local video files using the browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
EdgeTX Buddy
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
Radio Garden
Explore live radio by rotating the globe.
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Expressive Canvas
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
YouTube Audio Player
An awesome audio player for YouTube videos
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Flowchart Maker & Online Diagram Software
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vernier Graphical Analysis®
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
Narrow One
Capture the flag medieval style!
LogIn
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Ace Seventh Heaven
Visual Day scheduler.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
Espruino Web IDE
Cue for Education
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
Error
Daily Writing Builder
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
pwamp
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
Bluesky Social
See what's next.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう！
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Hypertext
HTML Document Editor
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Service worker with push notification
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
Geolocation - popup
Shows how to get geolocation access within a popup.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Hello Extensions
Base Level Extension
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Oliver Focus Mode
Example extension from DevTools Tips video.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
MV3 Migration - content script example
Tab Capture - Recorder
Records the current tab in an offscreen document.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Idle - Simple Example
Demonstrates the Idle API
Tab Manager for Chrome Dev Docs
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Broken Background Color
Fix an Extension!
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
webNavigation API Sample
Uses the webNavigation API to send notifications.
Geolocation - content script
Shows how to get geolocation access within a content script.
Getting Started Example
Build an Extension!
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Global Google Search
Uses the context menu to search a different country's Google
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Page Redder
Turns the page red when you click the icon
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Reading time
Add the reading time to Chrome Extension documentation articles
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.