使用modernizer來檢測瀏覽器中的webp支持

不知道我在哪裏錯了，但它看起來很直接。我正在嘗試檢測webp支持。使用modernizer來檢測瀏覽器中的webp支持

所以我去了modernizer網站，檢查了webp選項，然後下載了腳本。

我已經使用wordpress函數文件添加了腳本，並確認它正在加載前端。

然後腳本加載後我用下面的代碼，如果WEBP支持檢測：

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

唉，我沒有得到任何警告信息。

開發工具控制檯中也沒有錯誤消息。

任何人都知道怎麼回事。

乾杯

來源

2017-09-05 Web Dev Guy

Modernizr.on('webp', function (result) { 
    if (result) { 
    // Has WebP support 
    } 
    else { 
    // No WebP support 
    } 
});

來源

2017-09-05 04:39:41

'Modernizr.on不是函數'從哪裏得到這個語法？ – Bamieh

http://www.stucox.com/blog/using-webp-with-modernizr/ 這是在modernizr v3 –

它的工作就好了，這裏是一個工作片段：

/* 
 
    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>

來源

2017-09-05 04:39:35 Bamieh

嗨艾哈邁德，這一定是某種緩存問題，清除緩存和它的作品。但我知道firefox不支持webp，但這運行'console.log（'webp支持'）;' –

我正在讀一個bug修復版本'3'，我的代碼片段使用'2.8.3'。也許這是問題。 firefox計劃支持webp檢查在這裏：https：//bugzilla.mozilla.org/show_bug.cgi？id = 1294490所以也許你打開它？檢查一下。 – Bamieh

更改爲「2.8.3」，但它仍然無法正常工作。我有firefox版本'55.0.3' –

使用modernizer來檢測瀏覽器中的webp支持

回答

相關問題