Navegación sin complementos con HTML5 y el estilo Metro

Una de las primeras cosas que van a intentar hacer una gran cantidad de gente después de instalarse la preliminar de desarrollo de Windows 8 será probar el navegador IE10, la herramienta más utilizada en Windows. La versión de IE10 en la preliminar de Windows es la Platform Preview 3. Puedes leer en el blog de IE el trabajo que estamos haciendo sobre el motor de HTM5. Este post trata sobre un gran cambio en IE con estilo Metro, siendo una experiencia sin plug-ins. En Windows 8, IE10 está disponible como aplicación estilo Metro y como aplicación de escritorio. La aplicación de escritorio sigue ofreciendo soporte completo para extensiones y plug-ins. Los motores de HTML5 y scripting son los mismos y podemos cambiar fácilmente entre las distintas ventanas si queremos. IE estilo Metro ofrece todos los accesos directos de teclado más importantes para la navegación y el soporte para ratón que se le supone al navegador –creación de pestañas, paso de una pestaña a otra, cierre de pestañas, introducción de direcciones de Internet, búsquedas, etc. Utilizo este navegador todo el rato, y viendo la cantidad de tiempo que le dedico a Windows Phone, el poder tener la misma experiencia y la interfaz táctil, creo que es, sin duda, una gran ventaja. Pero tú mismo puedes elegir el que más te guste y sin compromiso. Dean Hachamovitch, que lidera el equipo de IE, ha escrito este post.

--Steven

Para que la web siga avanzando y para que los consumidores aprovechen al máximo las posibilidades de la navegación con interfaz táctil, el navegador estilo Metro de Windows 8 será un navegador basado en HTML5 todo lo posible, y sin plug-ins. La experiencia que nos proporcionan actualmente los complementos no casa bien con la navegación estilo Metro y la moderna web basada en HTML5.

El uso del IE estilo metro sin complementos mejora el consumo de energía y el nivel de seguridad, fiabilidad y privacidad para los consumidores. Los complementos han sido importantes en las primeras etapas de la historia de la web, pero la web ha recorrido un largo camino desde entonces, con HTML5. El ofrecer compatibilidad con tecnologías de complementos antiguos, lejos de mejorar, podría empeorar la experiencia del consumidor a la hora de navegar con la IU de estilo Metro.

Hoy día el hecho es que los sitios web se están reconstruyendo a marchas forzadas para ofrecer una experiencia libre de complementos. Google, por ejemplo, hace poco que ha lanzado su sitio de YouTube HTML5 para teléfonos móviles. En un anterior post del blog de IE analizábamos cómo los sitios Web sin complementos se estaban haciendo cada vez más populares, y qué puede hacerse a nivel de sitio web para funcionar sin complementos. Hemos analizado con bastante detalle el uso de complementos en los 97.000 sitios web más importantes del mundo, una muestra en la que se incluye una gran cantidad de webs de fuera de EE.UU. Del 62% de sitios que todavía utilizan Adobe Flash, en su mayoría ya incluyen un fallback hacia el vídeo de HTML5 en ausencia de soporte para dicho complemento. Cuando se ofrecen anuncios en ausencia de complementos, la mayoría de los sitios web realizan algo equivalente a este fallback, con lo que se demuestra que esta estrategia es práctica y escalable. El complemento de Flash es sin duda el más utilizado a gran distancia del siguiente, que ya aparece tan solo en el 2% de las webs y después encontramos una serie de controles que se utilizan en el 0,50 – 0,75% de ellas.

Con Windows 8, los sitios de consumidor y las aplicaciones de línea de negocio que necesitan los antiguos controles ActiveX van a seguir funcionando en el navegador de escritorio y los usuarios pueden optar por “Utilizar la Vista de Escritorio” en el IE estilo metro al acceder a ellos. En estos sitios, la potencia de HTML5 cobra más sentido, sobre todo en las aplicaciones de Windows 8.

Los navegadores sin complementos ya están ofreciendo en estos momentos experiencias excelentes con contenidos HTML5 bien construidos. Estas experiencias aún se mejoran con la interfaz táctil de IE estilo Metro.

Gracias –

Dean

 

P.D: a continuación podéis ver cómo IE ajusta su comportamiento a cada sitio, a medida que los desarrolladores van avanzando en su transición y dejan de utilizar complementos para resolver las funcionalidades que ya incluye HTML5 de forma nativa (como el vídeo o XHR). La mayoría de los sitios web funcionan bien con IE sin complementos. Otros funcionan correctamente con IE cuando IE se identifica a sí mismo como otro navegador o se ejecuta en un modo diferente. En este proceso de colaboración con la comunidad de desarrolladores web, IE sigue manteniendo la lista de Vista de Compatibilidad (CV) para que los consumidores puedan seguir utilizando los sitios web actualmente en servicio.

Este es un fragmento de la lista de CV que se puso en vigor con la versión preliminar de desarrollo de Windows 8 en la BUILD Conference:

<?xml version="1.0" encoding="utf-8" ?>
<iecompatlistdescription>
    <version>1152921504606910005</version>
    <ttl>1</ttl>
    <domain docMode="EmulateIE7">monster.com</domain>
    <domain docMode="EmulateIE7">pbskids.org</domain>
    <domain docMode="EmulateIE8" uaStringImmersive="iPad">nate.com</domain>
    <domain docMode="EmulateIE8" versionVector="8" uaString="8">bankofamerica.com</domain>
    <domain docMode="EmulateIE8" versionVector="8" uaString="8">wellsfargo.com</domain>
    <domain docMode="EmulateIE8">7-eleven.com</domain>
    <domain docMode="EmulateIE9" versionVector="9" uaString="9">sportsillustrated.cnn.com</domain>
    <domain docMode="EmulateIE9">lowes.com</domain>
    <domain docMode="IE9">github.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">dodge.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">krispykreme.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">youtube.com</domain>
    <domain uaStringImmersive="Firefox 5">tv.slashgear.com</domain>
    <domain uaStringImmersive="iPad">mashable.com</domain>
    <domain uaStringImmersive="iPad">tested.com</domain>
    <domain>about.zappos.com</domain>
    <domain>airborne.gogoinflight.com</domain>
    <domain>aol.com</domain>
</iecompatlistdescription>

FUENTE: Steven Sinofsky - https://blogs.msdn.com/b/b8/archive/2011/09/14/metro-style-browsing-and-plug-in-free-html5.aspx

 

Saludos,

El equipo de MSDN España