Question

我正试图找到一种方法来扫描我的代码，告诉我何时在不同的浏览器中首次支持不同的属性。当然，我可以将Modernizr用于所有内容，或者手动浏览整个代码，检查浏览器对方法和属性的支持。我只是想知道是否有一种更简单的方法来获取我应该为后备提供哪些方法和属性的知识。

如果我有这个：

document.getElementById('pressThisNow').addEventListener("click", function(e){
    	console.log("e.target: " + e.target);
    	console.log("e.toElement: " + e.toElement);
    	console.log("e.relatedTarget: " + e.relatedTarget);
    }, false);

<h1 id="pressThisNow">Press with console open</h1>

它应该告诉我

getElementById支持chrome开始[版本]，Firefox：[v]， IE：[V] ...
对chrome的addEventListener支持开始[版本]，Firefox：[v]， IE：[V] ...
对chrome的目标支持开始[版本]，Firefox：[v]，IE：[v] ...
对chrome的toElement支持开始[版本]，Firefox：[v]，IE：[v] ...
relatedTarget支持chrome开始[版本]，Firefox：[v]， IE：[V] ...
可能也适用于console.log

Answer 1

我认为Modernizr是最好的之一，也有很少的其他网站可以帮助您跟踪这一点。添加以下列表，希望这有助于检查您最适合的套房。

检查浏览器支持特定代码

1 个答案: