Проверять возможности, а не версии

Да, различные браузеры в настоящее время обеспечивают разную степень поддержки технологий HTML5, причем этот показатель постоянно изменяется. С этим приходится мириться — мы ведь не можем себе позволить ничего не делать и ждать, пока все стабилизируется? Ожидание может сильно затянуться.

При разработке реальных приложений приходится выполнять соответствующие проверки, и тут важен предмет этой проверки. Даже если вы держите под рукой актуальную таблицу поддержки API, не стоит сосредоточивать внимание на используемой версии браузера, более того, иногда и вид браузера не особенно важен. Даже если посетителем вашего ресурса используется, например, самая последняя версия такого не консервативного агрегата, как Google Chrome, гарантировать работу вашего приложения, основанного, скажем, на WebGL, вы не можете — в современной программе для жизни в www есть куча настроек, позволяющая включать и выключать ее различные дополнительные возможности. Поэтому проверять следует не версии, а возможности! Возможности выполнения соответствующих команд, наличие поддержки конкретного API, присутствия требуемых DOM-объектов. То есть вот такая проверка даст нам очень мало:

Var userAgent = navigator. userAgent; if (userAgent. indexOf(‘MSIE’) >= 0) {

} else if (userAgent. indexOf(‘Firefox’) >= 0) {

} else if (userAgent. indexOf(‘Chrome’) >= 0) {

}

А вот такая — именно то, что нужно:

If(!!document. createElement(‘canvas’).getContext){

Aleгt(»Нас не волнует используемый вами браузер и операционная система. Элемент canvas вам доступен!”);

}