Comment savoir quels javascripts sont chargés en javascript?

Question

Suite à un commentaire sur une autre question, je me suis demandé s'il y avait un moyen d'obtenir une liste de tous les codes js qui sont chargés sur une page. Quelque chose comme ce que font firebug ou chrome inspecteur.

Existe-t-il une méthode javascript pure pour cela? Une façon serait de gratter pour les balises de script, mais alors vous pourriez manquer dynamiquement chargé js. J'espère pour une API.

Dans le cas de l'autre question, il est possible de grep tous les scripts pour les appels à console.debug() afin de ne pas les oublier et de les laisser passer en production.

Merci

Answer 1

utilisant jQuery:

$(document).ready(function() { 


$('script').each(function() { 
    if($(this).attr('src')) { 
     alert($(this).attr('src')) 
    } 
    else { 
     alert("inline") 
    } 
}) 

});

Answer 2

Je ne peux pas penser à quelque chose qui ne nécessite pas beaucoup de travail. Voici ma tentative initiale ratée. Il entre dans une récurrence infinie en essayant de parcourir toutes les propriétés internes de la fenêtre.

/** 
* You have to run this in firefox, pass window the first time 
* @return boolean Whether the given object contains a function where its 
* source code contains the word console. 
*/ 
function lookForConsole(obj) { 
    var found = false; 
    for (var prop in obj) { 
    var current = obj[prop]; 
    if (typeof current == "function") { 

     if (current.toSource.indexOf("console" + ".log") != -1) { 
     found = true; 
     break; 
     } 
    } else if (typeof current == "object"){ 
     found = lookForConsole(current); 
     if (found) { 
     break; 
     } 
    } 
    } 
    return found; 
} 

-vous jamais entendu l'expression, « quand le seul outil dont vous disposez est un marteau, tout problème ressemble à un clou »? Pourquoi voudriez-vous faire cela dans JS?

Answer 3

Voici comment firebug le fait. Je suppose qu'il n'y a pas moyen de colombophile alors.

var doc = Firebug.browser.document; 
    var scripts = doc.getElementsByTagName("script"); 
    var selectNode = this.selectNode = createElement("select"); 

    for(var i=0, script; script=scripts[i]; i++) 
    { 
     // Don't show Firebug Lite source code in the list of options 
     if (Firebug.ignoreFirebugElements && script.getAttribute("firebugIgnore")) 
      continue; 

     var fileName = getFileName(script.src) || getFileName(doc.location.href); 
     var option = createElement("option", {value:i}); 

     option.appendChild(Firebug.chrome.document.createTextNode(fileName)); 
     selectNode.appendChild(option); 
    }; 

http://fbug.googlecode.com/svn/lite/branches/firebug1.3/content/firebug/script.js