javascript - 当我的网站加载时，更改Safari浏览器上的所有图像webp文件扩展名

需要帮助当我的网站在Safari浏览器中加载时，我试图将所有图像的webp扩展名更改为“ png”。

Webp image path


    <img class="img-fluid" src="image/img-1.webp" alt="">
    <img class="img-fluid" src="image/img-2.webp" alt="">
    <img class="img-fluid" src="image/img-3.webp" alt="">

我想换成png扩展名

    <img class="img-fluid" src="image/img-1.png" alt="">
    <img class="img-fluid" src="image/img-2.png" alt="">
    <img class="img-fluid" src="image/img-3.png" alt="">



$(document).ready(function () {

   if($.browser.safari){
    $("body").each(function(){
        var imageExtension = $("img").attr('src').split('.').pop();
        for(var i = 0; i < $("img").length; i++)
    {
        extensionChange = imageExtension.replace(imageExtension,'.png' );
        console.log(extensionChange);
    }
    $("img").attr('src').split('.').pop();
    });
    }
});

最佳答案

您必须在images中循环body。您几乎可以修改您的代码了。

if($.browser.safari){
    $("body img").each(function(){
    var imageExtension = $(this).attr('src').split('.').pop();

    for(var i = 0; i < $(this).length; i++)
    {
        extensionChange = imageExtension.replace(imageExtension,'png' );
        console.log(extensionChange);
    }

    src = $(this).attr('src');
    src = src.replace(imageExtension,extensionChange);

    $(this).attr('src', src);
});
}

关于javascript - 当我的网站加载时，更改Safari浏览器上的所有图像webp文件扩展名，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58724077/