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

驼鹿

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

基思

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在python中从Web浏览器控制台运行命令?

来自分类Dev

如何在网页中显示Web浏览器控制台

来自分类Dev

如何在php和codeception中输出浏览器控制台日志

来自分类Dev

浏览器控制台 - 如何在每个页面重定向中包含 javascript 代码?

来自分类Dev

如何在谷歌浏览器中运行自己的JavaScript

来自分类Dev

如何检查YII应用程序是从控制台还是从浏览器运行?

来自分类Dev

如何在puppeter中打印页面的控制台输出,就像在浏览器中一样?

来自分类Dev

如何使浏览器控制台在JavaScript中等待

来自分类Dev

如何从浏览器控制台访问RequireJS模块?

来自分类Dev

在HTML页面中显示浏览器控制台

来自分类Dev

浏览器控制台错误

来自分类Dev

浏览器控制台错误

来自分类Dev

.__ defineGetter__如何用于检测浏览器中的控制台是否打开

来自分类Dev

.__ defineGetter__如何用于检测浏览器中的控制台是否打开

来自分类Dev

如何使用 React 在浏览器中显示控制台应用程序?

来自分类Dev

如何使用控制台中的代码关闭浏览器控制台

来自分类Dev

如何从浏览器控制台访问组件控制器?

来自分类Dev

如何在Chrome浏览器中将控制台固定在底部(而不是右侧)启动测试?

来自分类Dev

chrome-从浏览器控制台“ undefined”运行javascript函数

来自分类Dev

是否可以从浏览器控制台运行一些 Wasm 代码?

来自分类Dev

在firefox中,Web控制台和浏览器控制台有什么区别

来自分类Dev

如何从浏览器的JS控制台控制Tampermonkey脚本的功能?

来自分类Dev

如何将用户在 textarea 中输入的浏览器代码发送到 javascript 控制台

来自分类Dev

为什么浏览器控制台日志给我错误“Datatable is not a function”?

来自分类Dev

使用量角器清除浏览器中的控制台日志

来自分类Dev

区分控制台和浏览器的javascript

来自分类Dev

从浏览器控制台调用Angular click事件

来自分类Dev

Javascript:没有浏览器的控制台

来自分类Dev

检查Ruby上的浏览器控制台输出

Related 相关文章

  1. 1

    如何在python中从Web浏览器控制台运行命令?

  2. 2

    如何在网页中显示Web浏览器控制台

  3. 3

    如何在php和codeception中输出浏览器控制台日志

  4. 4

    浏览器控制台 - 如何在每个页面重定向中包含 javascript 代码?

  5. 5

    如何在谷歌浏览器中运行自己的JavaScript

  6. 6

    如何检查YII应用程序是从控制台还是从浏览器运行?

  7. 7

    如何在puppeter中打印页面的控制台输出,就像在浏览器中一样?

  8. 8

    如何使浏览器控制台在JavaScript中等待

  9. 9

    如何从浏览器控制台访问RequireJS模块?

  10. 10

    在HTML页面中显示浏览器控制台

  11. 11

    浏览器控制台错误

  12. 12

    浏览器控制台错误

  13. 13

    .__ defineGetter__如何用于检测浏览器中的控制台是否打开

  14. 14

    .__ defineGetter__如何用于检测浏览器中的控制台是否打开

  15. 15

    如何使用 React 在浏览器中显示控制台应用程序?

  16. 16

    如何使用控制台中的代码关闭浏览器控制台

  17. 17

    如何从浏览器控制台访问组件控制器?

  18. 18

    如何在Chrome浏览器中将控制台固定在底部(而不是右侧)启动测试?

  19. 19

    chrome-从浏览器控制台“ undefined”运行javascript函数

  20. 20

    是否可以从浏览器控制台运行一些 Wasm 代码?

  21. 21

    在firefox中,Web控制台和浏览器控制台有什么区别

  22. 22

    如何从浏览器的JS控制台控制Tampermonkey脚本的功能?

  23. 23

    如何将用户在 textarea 中输入的浏览器代码发送到 javascript 控制台

  24. 24

    为什么浏览器控制台日志给我错误“Datatable is not a function”?

  25. 25

    使用量角器清除浏览器中的控制台日志

  26. 26

    区分控制台和浏览器的javascript

  27. 27

    从浏览器控制台调用Angular click事件

  28. 28

    Javascript:没有浏览器的控制台

  29. 29

    检查Ruby上的浏览器控制台输出

热门标签

归档