检查浏览器对特定代码的支持

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]，即：[v]...
addEventListener 支持 chrome 开始 [版本]，Firefox：[v]，即：[v]...
对 chrome 的目标支持开始 [版本]，Firefox：[v]，IE：[v]...
对 chrome 的 toElement 支持开始 [版本]，Firefox：[v]，IE：[v]...
relatedTarget 对 chrome 的支持开始 [version]，Firefox：[v]，即：[v]...
也可能 console.log

Answer 1

我认为 Modernizr 是最好的网站之一，而且几乎没有其他网站可以帮助您跟踪它。添加以下列表，希望这有助于检查您最喜欢的套房。

检查浏览器对特定代码的支持

Checking Browser Support for specific Code

javascript

fallback

browser-support