P
Size: a a a
2020 February 18
2020 February 19
Е
Ребят, какой с самый лучший способ проверки - поддерживает ли браузер webp? Столько разных способов, хотелось бы выбрать самый надежный.
Е
https://stackoverflow.com/questions/5573096/detecting-webp-support
Здесь приводятся способы, а в комментах говорят, что не поддерживается FF и Safari.
Здесь приводятся способы, а в комментах говорят, что не поддерживается FF и Safari.
DE
function canUseWebP() {
var elem = document.createElement('canvas');
if (!!(elem.getContext && elem.getContext('2d'))) {
// was able or not to get WebP representation
return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;
}
// very old browser like IE 8, canvas not supported
return false;
}Е
This would be great if it worked for FF65 and Edge18. They both support webp but serialize the canvas with "data:image/png"
Е
function canUseWebP() {
var elem = document.createElement('canvas');
if (!!(elem.getContext && elem.getContext('2d'))) {
// was able or not to get WebP representation
return elem.toDataURL('image/webp').indexOf('data:image/webp') == 0;
}
// very old browser like IE 8, canvas not supported
return false;
}в комментах почитай
DE
var hasWebP = false;
(function() {
var img = new Image();
img.onload = function() {
hasWebP = !!(img.height > 0 && img.width > 0);
};
img.onerror = function() {
hasWebP = false;
};
img.src = 'https://www.gstatic.com/webp/gallery/1.webp';
})();
DE
И это всё с той же страницы
Е
This doesn't seem to be working for Safari on OSX. The below answer does though.
Е
var hasWebP = false;
(function() {
var img = new Image();
img.onload = function() {
hasWebP = !!(img.height > 0 && img.width > 0);
};
img.onerror = function() {
hasWebP = false;
};
img.src = 'https://www.gstatic.com/webp/gallery/1.webp';
})();
Там тоже коммент про Сафари
DE
Фтопку сафари
Е
Ребят, надо что-то надёжное
Е
Это точно работает во всех браузерах? Что-то количество звёзд этого gist не внушает доверия.
DE
А я ебу? Проверяй