Android Google Crome과 iOS5.1 beta2 Safari와 HTML5 호환성 테스트 비교

오랜만에 포스팅입니다. 사실 꼼수가 생기질 않아서 포스팅이 뜸했네요.

금일   Android용 Google Chrome beta 발표가 있었습니다.
HTML5 features 테스트에서 높은 점수가 나와서 많이 화자되고 있네요.
iOS 5.1 beta 3의 Safari는 어떨까 궁금해서 저 역시 테스트해보았습니다.

테스트한 곳은 http://www.html5test.com 에서 나온 결과이며,
Android용 Google Chrome의 점수는 http://www.ibare.kr/html5/392 포스팅을 참고하시면 되겠습니다.

(Chrome 테스트 후 포스팅 해주신 김민태 팀장님에게 감사를 전하며.. =3=33)

 

1. Total Score

Google Chrome이 343점(보너스 10포인트 포함), Safari가 305점(보너스 9포인트 포함)으로 Chrome의 압승이네요.

2. Pasring rules

HTML5 Parsing rules에서는 동일한 점수를 나타내었습니다.
두 브라우저 모두 HTML5 태그와 더불어 SVG, MathML 모두 잘 표현되는 것 같습니다.

3. Canvas

Canvas 테스트 결과 역시 두 브라우저 동일한 점수를 나타내었습니다.
어느 분의 말씀에 의하면 HTML5에서의 Canvas 지원은 최고라는 말씀을 하시더군요.

4. Video

Video 역시 동일한 점수를 보여주고 있습니다. Subtitle은 두 브라우저 모두 지원이 되질 않고 있네요.
다른 점은 Chrome의 경우 논란이 많았던 MPEG-4, Ogg Theroa가 지원되지 않으며, Safari의 경우 Ogg Theora, WebM를 지원하지 않는 점입니다.

5. Audio

Audio의 경우도 점수는 동일하지만 Chrome은 Ogg Vorbis만 지원하지 않으며, Safari의 경우 Ogg Vorbis와 더불어 WebM을 지원하지 않습니다. (Ogg Vorbis는 두 브라우저 모두에게 찬밥인가봐요..)

6. Elements

Elements 지원은 Chrome은 23점, Safari는 22점을 보여줍니다.
1점의 차이가 어느 부분에서 나타나는지 모르겠습니다. 예측컨데 Grouping content/ Text-level semantic/ Interactive elements 중 하나로 보입니다.

7. Forms

Forms에서 10점 차이가 나버렸군요. Chrome의 압승의 요인은 이 부분으로 보입니다.
Safari의 Field types에서는 input type=text, week, number, color, image와 textarea, fieldset의 경우 부분(Partial)지원이며, datalist, progress, meter의 경우 지원이 되지 않으며, Fields의 Other attributes의 경우도 부분 지원으로 나타납니다. Chrome의 경우 스크린샷을 다 보지 못해서 어떤지 궁금하네요.

8. User interaction

점수와 지원여부도 동일합니다. Drag and drop의 Attributes와 Events는 두 브라우저 모두 지원 안된다고 나오네요.

9. History and navigation

Session history 역시 동일 점수를 보여주고 있습니다.

10. Microdata & Web Application

Microdata의 경우 두 브라우저 모두 지원하지 않고 있습니다. (뭔지 설명 좀 해주실 분..)

Web application의 경우 Chrome은 17점, Safari는 15점을 기록했습니다.
차이점은 Chrome은 Custom scheme handlers가 가능한데 반해 Safari는 안되는군요.

11. Security & Geolocation

보안과 위치정보의 경우 두 브라우저 동일한 점수를 보여줬습니다.

12. WebGL & Communication

3D를 구동할 수 있는 WebGL은 두 브라우저 대동소이했습니다. Chrome은 10점. Safari는 9점.
Native binary data 지원 유무에서 차이가 났으며 Chrome은 지원, Safari는 부분 지원이네요. 어떤 차이일까요?

 13. Files & Storage

File 지원의 경우 당연한 결과겠지만 Chrome은 20점. Safari는 0점입니다. iOS개발자 분이라면 동감하시겠죠… 쩝;

Storage는 Chrome은 20점 만점! Safari는 15점입니다. indexedDB 사용유무가 차이가 났습니다.

14.Workers & Local multimedia & Notification

Workers는 어떤 의미인지 모르겠습니다만 의외로 Chrome은 10점. Safari는 15점을 보여줍니다.
어떤 부분에서의 차이인지는 모르겠습니다….

두 브라우저 모두 Local multimedia와 Notifications는 0점으로 단순히 생각해봐도 아직은 애매한 부분이네요.

15. Others

그 외 부분에 대해서는 Chrome은 8점 만점. Safari는 6점을 나타내었으며,
차이점은 Page Visibility 였습니다.

16. Experimental

아직 표준 제정이 되지 않은 부분인가봅니다.
Audio는 두 브라우저 모두 지원되지 않으며, Animation의 경우 Chrome은 지원, Safari는 미지원을 보입니다.

 

결론

일단 정리는 해보았습니다.
아직 Chrome은  beta 이므로 어떻게 변할지 모르는 상황이고 iOS 5.1도 beta 이므로 어떻게 변할지 모르는 부분이라 참고만 하셨으면 합니다.

 

 

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.