}{ｉｇｈＧαｒｄｅｎ의 공부방~

모바일 브라우저(Mobile Browser)들의 DOM / CSS / Javscript 의 호환성

Web | 2009/06/16 00:24 | 하이가든

Peter-Paul Koch 이 여러 모바일 기기/브라우저들의 DOM/CSS/Javascript등의 호환성에 대해 굉장히 잘 정리한 글이 있어 소개해 드립니다.

Opera Mobile				Opera Mini 4.2	S60 WebKit				Apple WebKit		Other WebKit		NetFront			Blackberry	IE Mobile	Skyfire
(VF WM) Nokia E66	(9.5) HTC Touch Diamond	(8.65) SE P1i	(8.00) Motorola V3xx	Nokia E71	Nokia E66	Nokia E71	Nokia N95	Samsung i560	iPhone	Android	Bolt (E71)	Iris (HTC)	Samsung F700	Sony Ericsson K770i	Sony Ericsson C510	Blackberry 9500	HTC Touch Diamond	Nokia E71

위와 같은 모바일 기기와 브라우저들에 대해 테스트를 진행했으며 테스트에 대한 결과를 아래와 같이 세가지로 구분하여 정리를 해 놓았습니다.

Mobile JavaScript/CSS Tests - 일반적인 DOM 메서드, Ajax, Touch 이벤트, Keyboard 이벤트, 폰트 스타일링, 사용자 정의 이벤트

Mobile CSS - CSS 2.1 선택자와 CSS의 적용

Mobile W3C CSSOM - CSS Object Model의 W3C DOM 호환성

위와 같은 테스트를 통한 결과를 표로 굉장히 잘 정리해 놓았으며 관련 테스트 페이지도 확인할 수 있어서 결과를 확인하시기 굉장히 편하실겁니다.

그리고 이 테스트는 계속 진행중이라고 하네요.

Google Talk on Mobile Browsers

Yahoo Talk (also discusses mobile browsers)

PPK (Peter-Paul Koch): "JavaScript Events" @ Yahoo! Video

결과를 보니 역시 IE.....- _-)b 라는 생각이 드네요...

참고

http://ejohn.org/blog/how-do-mobile-browsers-behave/

http://quirksmode.org/

연관글

태그 : browser,css,dom,JavaScript,Mobile,모바일,브라우저,호환성

의견 (4)

의견을 달아 주세요

Popeye 2009/09/04 15:10 답글 수정 삭제
아, 어려워요.
그러나 배우고픈데여...
하이가든님이 부럽구요.
- 하이가든 2009/09/10 14:08 수정 삭제
  ㅎㅎㅎ...^^; 저도 잘 모르는 내용 그냥 퍼다 나른겁니다..-_-;;;;
marilynpoz 2009/12/29 23:59 답글 수정 삭제
At all personal messages send today? <a href= http://viagara.vigra-pill.info/generic-viagara-Indiana.html >viagara Sorry, for off top, i wanna tell one joke) What do you call a veterinarian with laryngitis? A hoarse doctor.
bettejib 2010/01/02 05:20 답글 수정 삭제
Yes, really. It was and with me. <a href= http://viagara.vigra-soft.info/viagara-mexico.html >viagara I have a nice joke for you people! :) Did you hear about the two silkworms that had a race? It ended up in a tie.

트랙백 주소 :: http://highgarden.textcube.com/8/trackback/

Interactive Data를 멋지게 표현할 수 있는 JavaScript InfoVis Toolkit!!

Web/Javascript | 2009/06/11 21:05 | 하이가든

각종 관계형 데이터들을 멋지게 표현할 수 있도록 도와주는 자바스크립트 라이브러리인 Javascript InforVis Toolkit을 소개합니다~

http://thejit.org/

위의 스샷과 같이 여러형태의 모양으로 데이터를 표현해줄 수 있고 기본적으로 데이터는 JSON을 지원을 합니다.

홈페이지에 API가 굉장히 쉽게 정리 되어있어 사용법도 매우 간편합니다~

단점으로는 노드들을 미리 정의되어있는 몇가지 형태의 shape(“square”, “rectangle”, “circle”, “triangle”, “star”)으로만 지정할 수 밖에 없는 등의 사용자의 표현의 제약은 있지만 그래도 굉장히 멋진 라이브러리 임에는 틀림없습니다.