브라우저 기능 테스트 - Acid3

Acid3는 브라우저의 기능을 테스트하는 것으로 웹표준을 얼마나 잘 지키고 있는지를 검사하는 웹표준 프로젝트의 테스트입니다.즉, 이 테스트를 통과한 브라우저는 그만큼 웹표준을 잘 지킨다고 보면 됩니다.

<Acid 2 테스트 결과 화면 , 이미지 출처 : http://upload.wikimedia.org/wikipedia/c ··· ence.png>

2007년 4월에 개발, 2008년 3월3일에 공개되었으며, Acid2가 CSS와 같은 style에 촛점을 두고있었다면, Acid3는 Web2.0과 관련된 기능들을 테스트합니다.  "buckets"라고 불리는 6개의 그룹안에 총 100개의 subtest들로 구성되어 있고, ECMA Script로 구현되어 있습니다. 각 bucket의 테스트 내용은 아래와 같습니다.

• Bucket 1: DOM Traversal, DOM Range, HTTP
• Bucket 2: DOM2 Core and DOM2 Events
• Bucket 3: DOM2 Views, DOM2 Style, CSS 3 selectors and Media Queries
• Bucket 4: Behavior of HTML tables and forms when manipulated by script and DOM2 HTML
• Bucket 5: Tests from the Acid3 Competition (SVG,[4] HTML, SMIL, Unicode, …)
• Bucket 6: ECMAScript

보다  자세한 테스트 항목은 아래와 같습니다.

• DOM2 Core
• DOM2 Events
• DOM2 HTML
• DOM2 Range
• DOM2 Style (getComputedStyle, …)
• DOM2 Traversal (NodeIterator, TreeWalker)
• DOM2 Views (defaultView)
• ECMAScript
• HTML4 (<object>, <iframe>, …)
• HTTP (Content-Type, 404, …)
• Media Queries
• Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
• XHTML 1.0
• CSS2 (@font-face)
• CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
• CSS3 Color (rgba(), hsla(), …)
• CSS3 UI (’cursor’)
• data: URIs
• SVG (SVG Animation, SVG Fonts, …)
  

테스트를 시작하게 되면 직사각형들이 점층적으로 증가하는 퍼센트를 보여주며, 표시되는 퍼센트단위는 서브 테스트의 수에 기반을 두고 있습니다.

즉, 얼마전 Acid3에서 만점을 받은 safari의 결과와 같이 나와야 합니다.


<이미지 출처 : http://webkit.org/blog/280/full-pass-of-acid-3/>


safari와 google chrome(같은 렌더링 엔진webkit을 이용)가 제일 처음으로 100점을 받았으며, 현재 Firefox 3.1 beta2 preview(nightly 20081016)이 93점을 받았고 Opera는 85점으로 아직 테스트에 성공하지 못했습니다.
아쉽게도(?) IE 8.0 beta2는 21점이네요. 흥미로운 것중 하나는 Mobile Firefox(fennec 1.0a1)이 89점을 받았다는 것입니다. 모바일 브라우저가 89 점이라면 진정한 풀브라우징이 가능하다는 얘기겠네요. IE도 21밖에 안되는데..

물론 이 테스트를 통과하지 못한다고 해서 무조건 기능이 떨어지는 브라우저라고 할 수 없습니다. 아직 우리가 실제로는 잘 안 쓰고 있는 SVG등과 같은 여러 기능들이 테스트 항목으로 들어있기 때문에 통과하지 못했다고 문제가 많다고 보기에는 어렵습니다만, 통과못한 브라우저들은 그만큼 웹표준을 제대로 준수하지 못하고 있거나 기능을 일부 지원하지 않는다고 생각하시면 될 것 같습니다.

Acid2 테스트 사이트 : http://acid2.acidtests.org/#top
Acid3 테스트 사이트 : http://acid3.acidtests.org/
http://www.webstandards.org/action/acid3/
http://en.wikipedia.org/wiki/Acid3

요즘 모질라 재단이 바쁘게 움직이고 있는 것이 보입니다.  예전에는 홈페이지도 잘 업데이트 되지도 않았는데, 요즘에는 굉장히 빠르게 업데이트도 되고, 새로운 시도들도 많이 하고 있는 것으로 보입니다. 그도 그럴것이 이제는 정말 브라우저가 플랫폼의 역할을 하는 시대로 접어들고 있는 추세라서 모질라에서 많은 것들을 준비하는 것으로 보입니다.

특히 Mozilla Labs라는 것이 있는 데, 여기서 다양하고 재미난 여러가지를 실험하고 있습니다. 이런 여러 실험 프로젝트들 중 하나가 미래 브라우저 컨셉 시리즈입니다. 미래의 브라우저에 대해서 컨셉을 제안하는 하는 프로젝트로 사용자의 UX 및 Mobile firefox에 대한 것까지... 많은 것을 생각하고 실험하는 재미난 프로젝트입니다.


Adaptive path에서 제안한 Aurora ... 
사용자 UX 및 interaction을 강조한 concept으로 그렇게 멀지 않은 시기에 나올 가능성이 있을 정도의 기술들을 이용하고 있으나, 모바일 디바이스는 약간 쉽지 않을듯... 자세한 내용은 아래 동영상을 참고하세요.

(출처: http://adaptivepath.com/aurora/)

Aurora Videos

얼마전 출시한 google의 android기반의 G1폰에는 "chrome lite"가 탑재되어 이슈가 된 적이 있었는데, 이번에 Mozilla 재단에서는 Firefox의 Mobile버전인 Fennec 알파 1버전을 발표했습니다. 이로 인해 Mobile 브라우저 시장은 새로운 다크호스인 google의 chrome lite, Apple의 Safari, Opera, Access의 NetFront, MS의 IE6등의 브라우저 시장에 Firefox 기반인 Fennec이라는 강자가 합세하게 되었습니다. 이 시장이 어떻게 진행될 지가 정말 궁금합니다.

요즘의 모질라 재단을 보고 있으면, 정말 다양하고 많은 것들을 준비하고 있다는 생각이 듭니다. 오픈소스 기반으로 이렇게 많은 일들을 할 수 있는 그들의 풍토에 부럽다는 생각도 드네요.
이번 릴리즈는 OS2008 ("Maemo") 플랫폼에서 동작하며, Nokia의 인터넷 태블릿인 N810에서 사용가능한 버전입니다. 만약 N810을 가지고 있다면 install Fennec을 참고해서 설치해보시길 바랍니다.



현재 리눅스, MS Window Mobile, Mac등에서도 개발을 하고 있으며, N810을 가지고 있지 않더라도 Fennec의 동작 모습을 아래의 사이트에서 에뮬레이터를 다운받아서 확인하실 수 있습니다.

• Windows
• Mac OS X
• Linux

 이번 Fennec에는 Smart URL bar ("awesome bar"), tag들을 포함하는 bookmark 기능, tumbnail 이미지들을 이용한 탭 브라우징 기능을 통한 쉽고 빠른 네비게이션 기능 강화와 전화 통화 기능, location 정보와 의 연동 등 디바이스 서비스와 연계한 기능들이 돋보이는 것 같습니다. 이런 기능들은 아직까지는 다른 모바일 브라우저에서 찾아보기 힘든 기능들입니다.

모두가 관심을 가질 것으로 보이는 Fennec의 UX도 조금은 독특한 방식입니다.
기본적으로 web페이지가 출력되는 양 옆으로 스크린샷 형태의 탭과 메뉴의 기능을 가지고 있습니다. 사용자가 좌우로 드래그하여 해당 화면으로 이동할 수 있는 형태입니다.
백마디 말보다 직접 써보시는 것을 좋을 것 같네요.
위의 에뮬레이터 링크를 통해서 써보시길 바랍니다.








<이미지 출처: http://mashable.com/2008/10/18/mozilla-firefox-fennec-mobile/ >

좀 지난 얘기인것 같지만, Fennec(아프리카 여우라네요)이라는 이름으로 Mobile Firefox가 공개 되었습니다.

이전에 개인적인 프로젝트로 minimo라는 프로젝트가 있었는데, WinCE 단말에 설치했다가 몇번 사용해보고 지워버린 기억이 있었는데 금년 초에 "Mobile Firefox 공개 간담회!"에서 Mozilla에서 공식적으로 Mobile버전으로 개발한다는 소식을 처음 들었습니다.
FireFox 3과 같은 Rendering engine(Gecko 1.9)을 이용하기 때문에 desktop에서와 같은 web페이지를 볼수 있으며, Flash objects, Ajax, DHTML and even XUL applications와 같은 기술들도 이용할 수 있습니다.

지원 플랫폼은 Linux 와 windows mobile(Windows CE정도로 이해하시면 됩니다.), Symbian을 목표로 하고 개발중에 있다고 합니다. 요즘 가장 이슈가 되고 있는 OpenOS는 거의 지원을 하네요. (IPhone만 빼고... Iphone은 Apple의 정책 때문이라는 소문이 있네요.)


참고 : https://wiki.mozilla.org/Mobile/Build

아래는 Nokia N810에서 동작하는 스크린샷입니다.
아래 사이트에서 설치에 관련된 정보를 얻을 수 있으니, 참고하세요.
http://wiki.mozilla.org/Mobile/Fennec/Releases