我正在尝试找到一种方法来扫描我的代码,以告诉我不同浏览器何时首次支持不同的属性。当然,我可以将 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 [version], Firefox: [v], IE:[v]...
- addEventListener 开始支持chrome [version], Firefox: [v], IE:[v]...
- 开始对 chrome 的目标支持 [version], Firefox: [v], IE:[v]...
- toElement 对 chrome 的支持开始 [version], Firefox: [v], IE:[v]...
- relatedTarget 开始支持 chrome [version],Firefox:[v],IE:[v]...
- 可能也适用于 console.log