Javascript测试客户端对HTTP客户端提示的支持

Question

是否可以使用javascript检测浏览器是否支持HTTP客户端提示？现在似乎只有chrome支持它：http://caniuse.com/#feat=client-hints-dpr-width-viewport

所以我在考虑使用一些javascript库来进行浏览器和版本检测，如果浏览器是chrome和版本49或更高版本，那么我可以假设这个特性是受支持的。

我只是在想，考虑到HTTP客户端提示的功能，这个解决方案并不是非常高效或智能，将来很可能会有更多的浏览器添加提示，然后我将不得不不断更新我的函数来反映这一点。

有没有一些简单的方法来测试给定的浏览器是否支持客户端javascript的HTTP客户端提示？

谢谢!

Answer 1

遗憾的是，检测浏览器是否支持此功能的唯一方法似乎是检查浏览器的制造商和型号……就像这样..。

function canDoClientHint() {
    try {
        var chrome = window.navigator.userAgent.match(/\sChrome\/([0-9]+)\.[.0-9]+\s/)
        if ( chrome !== null ) {
            var version = parseInt(chrome[1])
            if ( isNaN(version) === false && version >= 46 ) {
                return true
            }
        }
    } catch(e) {
        return false
    }
    return false
}
canDoClientHint()

显然，这类代码变得过时了，需要不断维护，直到您关心的所有浏览器都具有该功能，然后您才可以删除它。不幸的是，你必须记得更新和删除它。