¿Por qué utilizar una versión de vista previa de un navegador?

Canario de cromoes la versión de Chrome que tiene los últimos cambios agregados por Google a su navegador. Chrome tiene 4 canales de lanzamiento: / canary / - / dev / - / beta / - / stable /.

Firefox todas las nocheses el equivalente de Chrome Canary para Firefox (tienen / nightly / - / beta / - / release /), mientras que Safari tieneVista previa de la tecnología Safari.

Con una de esas versiones, está a la vanguardia. El nombre de Google Canary proviene de esos pobrescanarios utilizados en las minas de carbón. Wikipedia define un canario como "algo que advierte de la llegada de un peligro o problema mayor".

En resumen, esos lanzamientos se publican para que los desarrolladores y el personal interno de las empresas puedan probar las últimas funciones que luego se convertirán en parte de los lanzamientos estables que se envían a los cientos de millones de personas que los utilizan.

Los cambios en los navegadores pueden tardar meses en formar parte de la versión estable, por lo que tiene sentido que usted, como desarrollador, sienta la necesidad de probar las nuevas funciones a medida que se introducen, en lugar de usarlas cuando están ampliamente disponibles.

Por ejemplo, hoy usé Canary para probar elIntl.RelativeTimeFormatyIntl.ListFormatcaracterísticas que llegarán a ES2019. La Web está evolucionando a un ritmo acelerado.

El uso de / Chrome Beta /, / Firefox Developer Edition / y las versiones beta de macOS (Apple sigue su ciclo de lanzamiento de SO para Safari) proporciona una experiencia más segura, ya que las versiones canarias / nocturnas a veces pueden romperse.

No es obligatorio y definitivamente también puede hacer su trabajo en las versiones estables de los navegadores. Es solo una herramienta más a tu disposición para hacer tu trabajo día tras día.

Si le gusta probar las últimas funciones que los navegadores solo obtendrán en unos meses antes que nadie, JavaScript o las últimas cosas de CSS o API de plataforma web, aquí es donde puede encontrarlas.

Esas versiones de vista previa no están vinculadas a la versión estable en sus computadoras, por lo que puede probar cosas sin preocuparse de que un error desagradable cancele sus marcadores o rompa la experiencia del navegador principal.

Definitivamente te animo a usar esos navegadores. No como el navegador del día a día, ya que un día una versión rota podría fallar o tener efectos secundarios extraños, sino como una forma de probar y usar las últimas y mejores características de la Plataforma Web.

Más tutoriales de navegador:

• Algunos trucos útiles disponibles en HTML5
• Cómo hice que un sitio web basado en CMS funcionara sin conexión
• La guía completa de aplicaciones web progresivas
• La API de Fetch
• La guía Push API
• La API de mensajería de canal
• Tutorial para trabajadores de servicios
• La guía de la API de caché
• La guía de la API de notificaciones
• Sumérjase en IndexedDB
• La API de selectores: querySelector y querySelectorAll
• Cargue JavaScript de forma eficiente con diferir y asincrónico
• El modelo de objetos de documento (DOM)
• La API de almacenamiento web: almacenamiento local y almacenamiento de sesiones
• Descubra cómo funcionan las cookies HTTP
• La API de historia
• El formato de imagen WebP
• XMLHttpRequest (XHR)
• Un tutorial detallado de SVG
• ¿Qué son las URL de datos?
• Hoja de ruta para aprender la plataforma web
• CORS, intercambio de recursos de origen cruzado
• Trabajadores web
• La guía requestAnimationFrame ()
• Que es el Doctype
• Trabajar con la consola de DevTools y la API de la consola
• La API de síntesis de voz
• Cómo esperar el evento DOM Ready en JavaScript simple
• Cómo agregar una clase a un elemento DOM
• Cómo recorrer los elementos DOM de querySelectorAll
• Cómo eliminar una clase de un elemento DOM
• Cómo comprobar si un elemento DOM tiene una clase
• Cómo cambiar un valor de nodo DOM
• Cómo agregar un evento de clic a una lista de elementos DOM devueltos por querySelectorAll
• WebRTC, la API web en tiempo real
• Cómo obtener la posición de desplazamiento de un elemento en JavaScript
• Cómo reemplazar un elemento DOM
• Cómo aceptar solo imágenes en un campo de archivo de entrada
• ¿Por qué utilizar una versión de vista previa de un navegador?
• El objeto Blob
• El objeto de archivo
• El objeto FileReader
• El objeto FileList
• ArrayBuffer
• ArrayBufferView
• El objeto URL
• Matrices escritas
• El objeto DataView
• La API BroadcastChannel
• La API de Streams
• El objeto FormData
• El objeto del navegador
• Cómo utilizar la API de geolocalización
• Cómo utilizar getUserMedia ()
• Cómo utilizar la API de arrastrar y soltar
• Cómo trabajar con el desplazamiento en páginas web
• Manejo de formularios en JavaScript
• Eventos de teclado
• Eventos del mouse
• Toque eventos
• Cómo eliminar a todos los hijos de un elemento DOM
• Cómo crear un atributo HTML usando Vanilla Javascript
• ¿Cómo verificar si una casilla de verificación está marcada usando JavaScript?
• Cómo copiar al portapapeles usando JavaScript
• Cómo deshabilitar un botón usando JavaScript
• Cómo hacer que una página sea editable en el navegador
• Cómo obtener valores de cadena de consulta en JavaScript con URLSearchParams
• Cómo eliminar todo el CSS de una página a la vez
• Cómo utilizar insertAdjectedHTML
• Safari, avisa antes de salir
• Cómo agregar una imagen al DOM usando JavaScript
• Cómo restablecer un formulario
• Cómo utilizar las fuentes de Google