HTML5 Cross Browser Polyfills - Modernizr wiki

HTML5 Cross Browser Polyfills

참조 URL

1. https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
2. http://html5please.com/
   
3. http://remysharp.com/2010/10/08/what-is-a-polyfill/ - Polyfill 에 대한 용어 정리
4. http://blog.naver.com/PostView.nhn?blogId=bigdata1907&logNo=110153835621 - Polyfill 에 대한 용어 정리

 HTML5에서 추가되는 기능에 대해서 하위 브라우저에서도 사용할 수 있도록 지원해주는 라이브러리를 정리해 놓은 사이트가 있다. Modernizr의 wiki인 'HTML5-Cross-Browser-Polyfills'에서 대안 리스트를 확인 할 수 있다.

 예로 HTML5를 지원하는 브라우저에서는 localStorage를 사용할 수 있는데 IE7에서 대체할 수 있도록 지원되는 라이브러리 리스트를 아래와 같이 알려 주고 있다.

• storage polyfill by Joshua Bell
• CupCake.js by Rivindu Perera Support both local and session storages with one generic API
• storage polyfill by Remy Sharp
• sessionstorage by Andrea Giammarchi
• Amplify.js by appendTo
• YUI3 CacheOffline by YUI team
• textStorage.js by sofish Using localStorage API, fallback for IE6+

 이 중에 개발 범위나 지원 브라우저를 고려해 선택해서 테스트를 해 보면 될 것이다. 구글링을 하지 않아도 한곳에서 정리가 되어 있으니 고마워 해야 하겠다. 빠른 시간안에 모든 브라우저가 HTML5를 지원하였으면 하는 바램이다.

 

[그림1] WebWorker과 WebSocker의 Polyfill