• Главная  
• Блог  
• Проверка поддержки браузером JavaScript с помощью JQuery

Проверка поддержки браузером JavaScript с помощью JQuery

В одном из последних проектов столкнулся с проблемой в верстке. На сайте было много-много рюшечек на JavaScript и, конечно, JQuery. Так получилось, что у заказчика каким-то странным способом был выключен JavaScript в браузере.

Пришлось искать костыль в интернете. Везде были какие-то уж больно фиговые решения. И в голове родилось уж больно простое решение (меня самого даже удивило). Всего два шага, при условии, что JQuery уже подключен.

1. Добавляем класс к HTML:

<html lang="ru-ru" class="no-js">

2. При условии поддержки браузером JavaScript, нужно этот класс удалить:

$('html').removeClass('no-js');

Все очень просто. Добавив принудительно класс, мы говорим, что бразуер, мол, не поддерживает JS. А уже ниже при работающем JavaScript удаляем этот класс. А дальше – сколько фантазия позволит. Например, скрыть блок при выключенном JS:

.block {
    .no-js & {
        display : none
    }
}