Navegador – Área de Trampo

Na Web temos um formato de imagem promissor que é o WebP.
Contudo no dia em que escrevi este post os navegadores que aceitam o formato de imagem WebP eram:
Google Chrome, Firefox, Edge e Opera.

Então teriamos que implementar soluções para os outros browsers
O primeiro passo seria identificar o browser do usuário.

function getBrowser() {
        const userAgent = navigator.userAgent;
        if (userAgent.indexOf("Chrome") > -1) {
            return "Chrome";
        } else if (userAgent.indexOf("Firefox") > -1) {
            return "Firefox";   

        } else if (userAgent.indexOf("Safari") > -1) {
            return "Safari";   

        } else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident") > -1) {
            return "Internet Explorer";
        } else if (userAgent.indexOf("Edge") > -1) {
            return "Edge";
        } else {
            return "Outro";
        }
    }

function getBrowser() {

const userAgent = navigator.userAgent;

if (userAgent.indexOf("Chrome") > -1) {

return "Chrome";

} else if (userAgent.indexOf("Firefox") > -1) {

return "Firefox";

} else if (userAgent.indexOf("Safari") > -1) {

return "Safari";

} else if (userAgent.indexOf("MSIE") > -1 || userAgent.indexOf("Trident") > -1) {

return "Internet Explorer";

} else if (userAgent.indexOf("Edge") > -1) {

return "Edge";

} else {

return "Outro";

}