Share
Edge es el nuevo navegador web de Microsoft que cuenta con un nuevo motor de renderizado, EdgeHTML, y un sistema operativo subyacente para iniciar en Windows 10. Ya que las actualizaciones de Windows 7, 8 y 8.1 serán gratuitas para la mayoría, puede esperar una gran afluencia de usuarios de Edge en sitios. en los próximos meses.
Edge es una salida del pasado, en realidad es una reescritura completa de versiones anteriores de Internet Explorer, y estoy seguro de que muchos desarrolladores web lo agradecerán. Con eso en mente, quería compartir cinco formas en las que puede preparar su sitio para la interoperabilidad web moderna y también probar Microsoft Edge en paralelo.
Las bibliotecas comunes como jQuery a menudo se actualizan para solucionar errores cuando se lanzan nuevas versiones del navegador. Simplemente actualizando sus marcos JS, puede evitar muchos errores de compatibilidad con Edge.
En nuestra investigación interna, encontramos que el 57% de los 20,000 sitios principales utilizan marcos de JavaScript que tienen problemas que se han solucionado en las versiones más recientes de la misma biblioteca. Puede usar el escáner de sitios para determinar si está utilizando marcos de JavaScript obsoletos en sus sitios..
Los proveedores de navegadores utilizan los prefijos de CSS para implementar nuevas características emergentes de CSS antes de que hayan sido plenamente ratificados por el W3C. Si un proveedor implementa un prefijo CSS, se verá como el ejemplo a continuación (esta es una implementación específica de IE de la característica 'guiones' para dividir el texto en varias líneas):
-ms-guiones: auto;
Es muy común que a los sitios les falten prefijos específicos del proveedor, o se hayan implementado prefijos específicos del proveedor cuando no son necesarios en las propiedades comunes de CSS. Esto puede hacer que una página web se muestre incorrectamente en Microsoft Edge u otros navegadores modernos.
Los proveedores de navegadores están usando prefijos mucho menos ahora debido a los problemas de administración asociados con ellos. Algunos navegadores, incluido Microsoft Edge, rara vez utilizan prefijos..
Siempre que sea posible, evite el uso de prefijos específicos del proveedor. Sin embargo, si absolutamente debe usar prefijos de proveedores, use Grunt PostCSS para automatizar la administración de prefijos dentro de su CSS.
Algunas páginas web utilizan técnicas de detección del navegador para determinar cómo se debe representar la página web en muchas versiones diferentes de los navegadores. Recomendamos utilizar la detección de funciones, una práctica que primero determina si un navegador o dispositivo admite una función específica y luego elige la mejor experiencia para renderizar basándose en esta información.
La detección de funciones es una excelente alternativa a la detección del navegador y se usa comúnmente a través de las bibliotecas populares de JavaScript como Modernizr, o mediante el código de detección de funciones. La detección de características a menudo se usa con Polyfills para implementar características modernas en navegadores más antiguos que no las admiten de forma nativa.
Para obtener más detalles sobre cómo utilizar Modernizr, Polyfills y otras técnicas de compatibilidad, consulte el artículo de Martin Kearn "Ajuste, modernice y optimice su sitio web".
Edge no admite complementos, por lo que es un buen momento para considerar cómo alejarse de los complementos propietarios como Flash y Silverlight. Edge es compatible con Flash, pero en lugar de usar una arquitectura de complementos, Flash se entrega con el navegador, y el equipo de Edge lo actualiza de forma centralizada en colaboración con Adobe..
Para algunos sitios, alejarse de los complementos es bastante sencillo. Sin embargo, muchos sitios encontrarán esto difícil, particularmente aquellos que están entregando contenido de medios. El equipo de Edge ha brindado orientación sobre cómo pasar a HTML para obtener contenido premium en el blog de Edge.
Si el Falta la directiva o no especifica un tipo de documento basado en estándares, Edge puede mostrar incorrectamente su página. El escáner ejecuta una prueba simple para determinar si su sitio está configurado correctamente, así que ingrese la URL de su sitio y averigüe rápidamente si pasa. Si desea ver cómo se ve la prueba real, puede ver el código del escáner en GitHub.
Este artículo forma parte de la serie de desarrollo web de los expertos en tecnología de Microsoft sobre aprendizaje práctico de JavaScript, proyectos de código abierto y mejores prácticas de interoperabilidad, incluido el navegador Microsoft Edge y el nuevo motor de renderizado EdgeHTML..
Lo alentamos a realizar pruebas en todos los navegadores y dispositivos, incluido Microsoft Edge, el navegador predeterminado para Windows 10, con herramientas gratuitas en dev.modern.IE:
Aprendizaje profundo de tecnología sobre Microsoft Edge y la plataforma web de nuestros ingenieros y evangelistas:
Más herramientas y recursos multiplataforma gratuitos para la plataforma web:
Accentsconagua