est-il possible de savoir quels fichiers JavaScript ne sont pas utilisés sur une page Web sans avoir à ajouter des journaux de console ou de déboguer ou de les supprimer pour voir si les choses se cassent?
Je recherche un outil ou une commande Script de ligne ou plug-in Firefox, etc.
Par exemple, disons que je les ai inclus dans l'en-tête: sur la page, les appels sont uniquement faits Pour fonctions dans J'ai essayé d'enraciner des choses comme Firebug, Console de Chrome, Yslow et Les journaux de serveur, mais ils me disent tous quels scripts ont été chargés, c'est-à-dire qu'ils n'aient pas été utilisés. Fonctions.js , validation.js et jquery.js . Comment puis-je savoir que quelque chose.js n'est pas utilisé et peut donc être retiré en toute sécurité de l'en-tête?
4 Réponses :
AFAIK Il n'y a pas de simple "Ce fichier est en usage / ne pas utiliser" le mécanisme de détection, car il y a tellement de façons d'appeler, d'étendre et de référencer des choses en JavaScript.
Il existe des dizaines de façons d'appeler une fonction, par ex. Dans le Sauf si quelqu'un qui s'attaque à un outil qui s'attaque exactement à cela (je ne dis pas que c'est impossible, juste que c'est horriblement difficile) Je dirais que le travail manuellement avec une bonne voie et une fonction de recherche est le meilleur moyen de Allez-y. Cliquez sur ÉVÉNEMENT D'UN ÉLÉMENT, EVAL () Déclarations ... Vous pouvez étendre le prototype d'une classe existante dans un fichier de script ... etc. Vous pouvez rechercher de nouveaux balises via AJAX que des références de virage des fonctions d'une certaine incluse, il est impossible de tester automatiquement sans récupérer le contenu.
Si Firebug de Firefox et des développeurs, les outils de Chrome peuvent indiquer quel CSS est utilisé et ce qui n'est pas alors pourquoi pas JS. J'espère qu'ils vont bientôt ajouter cette fonctionnalité.
@BJAN Ce n'est pas aussi simple à faire pour JS tel qu'il est pour CSS. Vous devriez attraper chaque changement d'état causé par un fichier JS, par exemple. Définitions variables, etc. Cela nécessiterait beaucoup de travail sur le côté des outils de développement.
Venir à ce sujet d'une directive différente, vous pouvez rechercher à l'aide de bibliothèques JavaScript. Je ne pouvais pas dire avec quoi cela serait dans votre situation, mais j'ai vu mention de ces deux à la dernière semaine, mais je n'ai pas utilisé d'entre eux:
Répondre à ma propre question sur 7 ans plus tard, Chrome dev Outils a maintenant exactement cette fonctionnalité! https://developers.google.com/web/web/ Mises à jour / 2017/04 / DevTools-Livraison-Notes # Couverture
Si vous avez une fenêtre contextuelle dans votre page, qui est cachée sur la charge de la page et que CSS utilisée pour cette popup sera considérée comme une CSS non utilisée. Cet outil n'est pas non plus exact et parfait mais d'une manière ou d'une autre, la première page de charge requise CSS
n'a pris que 7 ans :) a également voulu souligner que vous pouvez l'automatiser avec Navalia: HTTPS: // github.com/joelgriffith/navalia .
Voici un exemple rapide: plus ici https://joelgriffith.github.io/navalia/chrome/coverage/ .
Y a-t-il un tel outil / méthode maintenant?