Comment puis-je obtenir une trace d'appel JavaScript d'une page Web?

Question

Quelqu'un peut-il me dire comment je peux obtenir une trace d'appel entre différents JavaScripts? Supposons que j'ai une page HTML qui charge des fichiers JavaScript, ce qui peut à son tour charger d'autres fichiers JavaScript à partir du serveur. Existe-t-il un moyen de déterminer quelle page JavaScript est chargée à partir de quelles autres pages JavaScript? J'ai utilisé l'extension Google Traceur de vitesse, et je peux obtenir la trace d'événement du navigateur, normalement des événements d'évaluation JavaScript ont été enregistrés, mais tous les événements enregistrés n'ont pas l'attribut spécifiant quel autre script a déclenché l'évaluation.

J'ai également utilisé Firebug, mais il semble que ce soit plus utile pour déboguer JavaScript plutôt que ce que je veux.

---

Disons un fichier HTML a une étiquette <script type="text/javascript" src="A.js"> Et A.js, il invoque une fonction définie dans B.js. Dans cette fonction, une autre fonction dans C.js est appelée et donc C.js sera téléchargée (supposons que C.js n'a pas encore été téléchargé et chargé).

Je veux juste savoir s'il est possible de trouver cette « trace d'appel » de A.js-->B.js-->C.js, et aussi la « séquence téléchargement » de A.js, B.js et C.js si initialement aucun d'entre eux a été téléchargé.

Oui, il est possible d'étudier cela en passant par le code manuellement, mais j'essaie de comprendre les relations des fichiers .js d'un site Web assez volumineux, qui peut contenir trop de fichiers JavaScript à gérer manuellement.

Merci. J'espère que cela clarifiera la question.

Answer 1

Que voulez-vous dire par «charger d'autres fichiers javascript»?

La méthode standard de chargement d'un fichier JavaScript consiste à ajouter la balise <script src="file.js"></script> à la page HTML. Le moyen le plus rapide pour comprendre les fichiers en cours de chargement est de passer en revue le code et de rechercher tout ce qui crée une balise <script>.

Answer 2

utilisation dynaTrace: http://ajax.dynatrace.com/pages/download/download.aspx

Answer 3

1.functionLogger.addLoggingToNamespace (fenêtre); reportez-vous à How to get Javascript Function Calls/Trace at Runtime

2.stacktrace.js dans http://stacktracejs.com/

3.Activer Chrome Connexion (http://www.chromium.org/for-testers/enable-logging) et filtrer le fichier journal que vous obtenez des lignes avec 'CONSOLE (\ d +).

Ou donner un essai à diyism_trace_for_javascript.htm:

https://code.google.com/p/diyism-trace/downloads/list