Vérification du support du navigateur pour le code spécifique

Question

J'essaie de trouver un moyen de parcourir mon code pour me dire quand différentes propriétés ont été prises en charge pour la première fois dans différents navigateurs. Bien sûr, je pourrais utiliser Modernizr pour tout ou passer en revue le code entier manuellement, en vérifiant le support du navigateur pour les méthodes et les propriétés. Je me demandais simplement s'il existait un moyen plus simple de connaître les méthodes et les propriétés auxquelles je devais fournir des solutions de rechange.

Si j'ai ceci:

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

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

Il faut me dire que

• support getElementById pour le chrome a commencé [version], Firefox: [v], IE : [v] ...
• Le support addEventListener pour chrome a commencé [version], Firefox : [V], IE: [v] ...
• support cible pour le chrome a commencé [version], Firefox: [v], IE: [v] ...
• support toElement pour le chrome a commencé la version [ ], Firefox: [v], IE: [v] ...
• support relatedTarget pour le chrome a commencé la version [], Firefox: [v], IE: [v] ...
• probablement pour la console. log aussi

Answer 1

Je pense que Modernizr est l'un des meilleurs, il y a aussi quelques autres sites qui peuvent vous aider à suivre cela. En ajoutant la liste ci-dessous, j'espère que cela vous aidera à vérifier quelles suites vous conviennent le mieux.

1. http://tutti.tobyho.com/
2. Modernizr -
3. JSDO.it - ​​http://jsdo.it/
4. QuirkMode - http://www.quirksmode.org/