Использование модернизатора для обнаружения поддержки webp в браузере

не уверен, где я ошибаюсь, но это кажется прямым. Я пытаюсь обнаружить поддержку webp.

Итак, я зашел на сайт модернизатора и проверил параметры webp, а затем загрузил скрипт.

Я добавил скрипт, используя файл функций WordPress, и подтвердил, что он загружается в интерфейсе.

Затем, после загрузки скрипта, я использую следующий код, чтобы определить, поддерживается ли webp:

/*
*   Check webp support
*/
if (Modernizr.webp) {
    alert('webp supported');
} else {
    alert('webp not supported');
}

Увы, я не получаю оповещения.

В консоли инструментов разработчика также нет сообщений об ошибках.

Кто-нибудь знает, что случилось.

Ваше здоровье


javascript wordpress webp modernizr
person Web Dev Guy    schedule 05.09.2017    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Он работает просто отлично, вот рабочий фрагмент:

/*
  Check webp support
 */

if (Modernizr.webp) {
    console.log('webp supported');
} else {
    console.log('webp not supported');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>

person Bamieh    schedule 05.09.2017
comment
Привет, Ахмад. Должно быть, это какая-то проблема с кэшированием, очистил кеш, и это вроде как работает. но я знаю, что firefox не поддерживает webp, но работает console.log('webp supported'); - person Web Dev Guy; 05.09.2017
comment
я читал об ошибке, исправленной в версии 3, в моем фрагменте используется 2.8.3. может быть, это проблема. Firefox планирует поддерживать проверку webp здесь: bugzilla.mozilla.org/show_bug.cgi?id =1294490 так может он у вас включен? проверьте и это. - person Bamieh; 05.09.2017
comment
Изменил на 2.8.3, но все равно не работает. У меня версия фаерфокса 55.0.3 - person Web Dev Guy; 05.09.2017

arrow_upward

arrow_downward

person    schedule
comment
Modernizr.on is not a function откуда вы взяли этот синтаксис? - person Bamieh; 05.09.2017
comment
stucox.com/blog/using-webp-with-modernizr Это в модернизр v3 - person Vaibhav N Naik; 05.09.2017