代码之家  ›  专栏  ›  技术社区  ›  Divide by Zero

如何在浏览器中运行自己的控制台?

  •  -1
  • Divide by Zero  · 技术社区  · 6 年前

    我基本上想拦截所有控制台流量,并在浏览器窗口的我自己的组件中显示它。我想做codepen和jsbin所做的——它们的页面中直接嵌入了一个控制台窗口。我在互联网上找不到任何有价值的东西。请帮帮我。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Keith    6 年前

    几乎JS引擎的所有功能都可以替换,包括控制台。

    所以你只需要自己创造。。

    var oLog = window.console.log;
    
    console.log = (s) => {
      var d = document.createElement("div");
      d.classList.add("logger");
      d.innerText = s;
      document.body.appendChild(d);
      oLog(s); //if you still want to call old
    }
    
    console.log("hello");
    console.log("there");
    .logger {
      background-color: pink;
    }