1

我正在尝试找到一种方法来扫描我的代码,以告诉我不同​​浏览器何时首次支持不同的属性。当然,我可以将 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
4

1 回答 1

0

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

  1. http://tutti.tobyho.com/
  2. Modernizr - https://modernizr.com
  3. JSDO.it - http://jsdo.it/
  4. QuirkMode - http://www.quirksmode.org/
于 2016-03-10T13:55:38.397 回答