메트로 스타일 브라우징과 플러그 인을 사용하지 않는 HTML5
많은 분들이 Windows 8의 개발자 프리뷰를 설치하고 나서 제일 먼저 사용해보고 싶은 기능 중 하나는 Windows에서 가장 많이 사용되는 IE10 브라우저일 것입니다. 프리뷰에 제공되는 IE 10은 IE 10의 플랫폼 프리뷰 3입니다. IE 블로그에서 현재 진행 중인 HTML 5 엔진 작업에 관한 글을 볼 수 있습니다. 여기에서는 플러그 인을 사용하지 않는 메트로 스타일 IE의 큰 변화에 대해 설명합니다. Windows 8에서 IE 10은 메트로 스타일의 앱과 데스크톱 앱의 형태로 사용할 수 있습니다. 데스크톱 앱은 계속해서 모든 플러그 인과 확장 기능을 완벽하게 지원합니다. HTML5와 스크립트 엔진은 동일하며 필요할 경우 여러 프레임 창 사이를 쉽게 전환할 수 있습니다. 메트로 스타일 IE는 탭 생성, 탭 사이의 이동, 탭 닫기, 주소 입력, 검색 등 탐색에 주로 사용되는 모든 키보드 바로 가기와 마우스 기능을 지원합니다. 저는 항상 이 브라우저를 사용하는데, Windows Phone(윈도우폰)을 사용하는 시간이 많다 보니 터치 방식을 사용하는 것이 확실히 편리합니다. 그러나 각자 자신에게 편리한 방식을 선택하여 사용할 수 있습니다. 이 글은 IE 팀을 이끄는 Dean Hachamovitch가 작성했습니다.
- Steven
보다 발전된 웹에서 사용자가 터치 중심 브라우징의 이점을 최대한 활용할 수 있도록 Windows 8의 메트로 스타일 브라우저는 최대한 HTML5만 사용하고 플러그 인이 없는 방식으로 개발되었습니다. 현재 이용되는 플러그 인 방식은 메트로 스타일 브라우징과 최신 HTML5 웹에 적합하지 않습니다.
플러그 인 없이 메트로 스타일 IE를 실행하면 배터리 수명이 늘어나고 사용자의 보안, 신뢰성 및 개인정보 보호 수준이 향상됩니다. 웹이 개발된 초창기에는 플러그 인이 중요했지만 그 이후 HTML5가 등장하면서 웹에 큰 발전이 있었습니다. 기존 플러그 인 기술과의 호환성을 제공한다면 메트로 스타일 UI의 브라우징 경험이 개선되기보다는 오히려 떨어질 것입니다.
실제로 현재 많은 사이트가 플러그 인이 없는 방식으로 제작되고 있으며 이러한 추세는 더욱 가속화되고 있습니다. 예를 들어, Google은 최근 스마트폰용 HTML5 유튜브 사이트를 운영하기 시작했습니다. 이전 IE 블로그 게시물에서 플러그 인이 없는 사이트가 더욱 일반화되는 추세에 따라 플러그 인 없이 실행하기 위해 사이트에 어떤 사항이 필요한지 논의했습니다. 저희는 미국 이외 지역의 로컬 사이트까지 속속들이 포함하여 전세계 97,000개에 달하는 주요 사이트의 플러그 인 사용을 조사하고 방대한 자료를 수집했습니다. 이러한 사이트 중 현재 62%가 Adobe Flash를 사용하고 있었고 그 중 대부분은 이미 플러그 인 지원 없이 HTML5 비디오로 대체하고 있습니다. 대부분의 사이트가 이미 이런 방식으로 플러그 인 없이 광고를 제공하는 것을 볼 때 얼마나 실용적이고 확장 가능한 방식인지 잘 알 수 있습니다. Flash가 나온 이후 플러그 인의 사용이 급감하여 사이트의 2%만이 하나의 컨트롤을 사용하고 있고 사이트의 0.5% ~ 0.75% 정도가 작은 컨트롤을 여러 개 사용하고 있습니다.
Windows 8에서는 기존의 ActiveX 컨트롤이 필요한 일반 사용자 사이트와 '기간 업무' 앱도 데스크톱 브라우저에서 계속 실행되며, 메트로 스타일 IE에서 이러한 사이트를 이용할 때는 [Use Desktop View](데스크톱 보기 사용)을 선택하면 됩니다. 이러한 사이트를 이용해보면 특히 Windows 8 앱에서 HTML5가 훨씬 더 강력합니다.
플러그 인이 없는 브라우저에서 올바로 작성된 HTML5 콘텐츠를 보아도 아무 문제 없이 효과적으로 작동하며, 메트로 스타일 IE에서 터치를 사용하면 더 나은 경험을 할 수 있습니다.
감사합니다.
Dean
참고: 개발자들이 HTML5에서 사용 가능한 기능(예: 비디오 또는 XHR)을 구현하기 위해 더 이상 플러그 인을 사용하지 않고 새로운 방식으로 전환하고 있는 현 시점에서 IE가 각 사이트의 작동을 어떻게 조절하는지 아래에서 확인할 수 있습니다. 대부분의 사이트는 플러그 인 없이 IE에서 문제 없이 작동하고, 그 외의 사이트에서도 IE가 자신을 또 다른 브라우저로 인식하거나 사이트를 다른 모드에서 실행하면 문제 없이 작동합니다. 웹 개발자 커뮤니티와 협력하면서 사용자의 사이트 이용에 불편함이 없도록 앞으로도 IE에 호환성 보기(CV) 목록을 사용할 것입니다.
다음은 빌드(BUILD) 컨퍼런스에서 Windows 8의 개발자 프리뷰 빌드에 실제 사용된 CV 목록의 일부입니다.
<?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>