java - 如何检测支持 WebP 的浏览器以及如何为它们提供 WebP 图片？

Question

看到 WebP 图片惊人的缩小(比无损 + alpha 图片的“pngcrushed”PNG 小约 28%)，我们希望将 WebP 图片提供给支持 WebP 的浏览器。

如果客户端浏览器支持 WebP，我如何从 Java webapp 服务器检测到？

这里有一个关于如何从 JavaScript 做到这一点的问题:

Detecting WebP support

但我想知道如何从 Java 中做到这一点。如果从 Java 执行意味着在客户端调用 JavaScript，那么我想知道如何做到这一点。

Answer 1

有一种简单的方法可以检测客户端对 webP 的支持。然后您可以在客户端设置一个 cookie 并读取服务器上的值。

function testWepP(callback) {
   var webP = new Image();     
   webP.src = 'data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvAUAAEB8wAiMw' + 
'AgSSNtse/cXjxyCCmrYNWPwmHRH9jwMA';
   webP.onload = webP.onerror = function () {
      callback(webP.height === 2);     
   }; 
};

testWebP(function(supported) {
   console.log((supported) ? "webP 0.2.0 supported!" : "webP not supported."); 
});

更多信息 here .