Чи ІЕ 9 сучасний браузер? Ні!

Наскільки добре ІЕ 9 підтримує HTML5?

У цій статті Microsoft пояснює, що тести на зразок caniuse та html5tests не є хорошими, бо вони просто перевіряють наявність фіч, тож краще користуватись тестом W3C.

Чи підтримує ІЕ9 99% специфікацій HTML5, як у тому запевняють нас у Microsoft? Ні, насправді вони досить далеко від цього. Тести, про які говорить Microsoft є тестами, що вони створили під час розробки ІЕ9. Тож не дивно, що браузер проходить всі тести, що вони використовували під час його розробки та дизайну - ми завжди набираємо максимум очок у власних тестах. Основна ж мета подібних тестів - фіксувати чи немає регресії та перевіряти на валідність зміни у коді. Іншими словами: тести підтверджують, що майбутні зміни не поламають щойно збудовані речі. Вони насправді не перевіряють всі елементи на дотримання певних стандартів.

ІЕ9: більш сучасний, але насправді не зовсім сучасний

Microsoft продовжує говорити про тести реального світу. Тож давайте подивимось на дуже реальний тест: caniuse.com, посилання для розробників.

Результати: підтримка всіх веб стандартів

Результати: підтримка стандартів HTML5 (html5test.com (beta))

Реалії показують, що ІЕ9 спізнився на 2 роки. Microsoft радий представити підтримку тегів <video>, <canvas>, підтримку SVG і деякі CSS3. Як і інші розробники представляли це рік назад. Наприклад, Firefox 3.5 мав підтримку тегів <video>, <canvas>, підтримку SVG, геолокації ще у 2009 році. Canvas та SVG існують вже 5 років.

Навіть хлопці, що написали ці тести приходять до подібних висновків: Niels Leenheer: "Microsoft talks big about HTML5 but shows very little", caniuse.com про IE9RC1: "[IE9] being about on par with Firefox 3.6".

А ось і факти

Досі не вражені? Не впевнені наскільки репрезентативними є ці тести? Я розумію, що всі ці тести збивають з пантелику. Але ви й не повинні вірити мені на слово, але є факти які не можливо ігнорувати.

Ось список того, що не підтримує ІЕ9:

• Application Cache (offline)
• Web Workers (API для роботи скриптів у фоні)
• HTML5 форми (механізм валідації, селектори CSS3)
• JavaScript Strict Mode
• ForeignObject (долучення зовнішнього контенту у SVG)
• SMIL Animations (SVG анімація)
• File API
• WebGL (3D у браузері)
• CSS3 Transitions (для анімації)
• CSS3 Text Shadow
• CSS3 Gradients
• CSS3 Border Image
• CSS3 Flex box model
• ClassList APIs
• FormData
• HTML5 History API
• Drag'n Drop з Робочого Столу
• ...

Варто вказати також те, що підтримує ІЕ9, але не підтримують інші браузери:

• text-overflow не працює у Firefox 4
• Calc не підтримується Chrome 9

Переклад статті Paul Rouget