javascript - 如何找出在javascript中加载了哪些javascript？

Question

在对另一个问题的评论进行跟进后，我问自己是否有办法获取页面上加载的所有 js 代码的列表。类似于 firebug 或 chrome inspector 所做的事情。

有没有纯 javascript 的方法？

一种方法是抓取脚本标签，但这样你可能会错过动态加载的 js。我希望有一个 API。

在另一个问题的情况下，可以 grep 调用 console.debug() 的所有脚本，以防止忘记它们并让它们进入生产。

谢谢

Answer 1

我想不出不需要大量工作的东西。这是我最初的失败尝试。当它试图遍历 window 的所有内部属性时，它会进入无限递归。

/**
 * 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;
}

您是否听过这样的说法:“当您拥有的唯一工具是锤子时，所有问题看起来都像钉子”？

为什么要在 JS 中执行此操作？