个人中心
gpt4 book ai didi

javascript - 如何从外部来源捕获 console.log？

转载 作者：行者123 更新时间：2023-11-30 14:09:06 24 4
gpt4 key购买 nike

我了解如何修改 console.log 函数以拦截日志并将其推送到数组中。但是，这似乎不适用于所有控制台日志。在我的 html 中，我加载了一个 html webapp (\creative\300x600 with video\index.html)，它也执行 console.log("click detected")我可以在我的 chrome 开发工具中看到，但没有被控制台捕获。 ogs(代码示例中的第二个脚本)。我怀疑因为这是一个正在加载的外部文件，所以我无法拦截它。

是否有从任何来源获取所有 console.log 并保存的解决方案？

<!DOCTYPE html>
<head>
<script>

//add index.html to div on click

function load_home() {
    console.log("Loaded");
    document.getElementById("content").src='creative\\300x600 with video\\index.html';

}
window.addEventListener("click",load_home);
</script>
<script>

//modify console.log

console.defaultLog = console.log.bind(console);
console.logs = [];
console.log = function() {
    console.defaultLog.apply(console, arguments);
    console.logs.push(Array.from(arguments));
};
    </script>
</head>
<html>
<iframe id="content" style="width: 300px; height:600px; background-color:blue"  ></iframe>
</body>
</html>

编辑:

尝试在 div 而不是 iframe 中制作它，同样的问题是无法记录外部 html 的 console.log。只有来自 load_home 函数的 console.log("loaded") 被记录。

<!DOCTYPE html>
<head>

<script>
function load_home() {
    console.log("Loaded");
     document.getElementById("content").innerHTML='<object type="text/html" data="creative\\300x600 with video\\index.html" ></object>';


}
window.addEventListener("click",load_home);
</script>
<script>
console.defaultLog = console.log.bind(console);
console.logs = [];
console.log = function() {
    console.defaultLog.apply(console, arguments);
    console.logs.push(Array.from(arguments));
};
    </script>
</head>
<html>


<div id="content" style="width: 300px; height:600px; z-index:-1;" ,"onclick=load_home();" </div>

</body>
</html>

最佳答案

这里的问题是因为 iframe。 iframe 有一个不同的 window 对象，独立于父级的 window 对象。这意味着您对父级的 window.console 所做的任何修改都不会影响 iframe 的 window.console。

您可以通过 contentWindow 获取框架的 window 对象并修改其 console。但是您必须为每个现在的 和 future 的 iframe 执行此操作。此外，您无法访问从另一个域呈现页面的 iframe 的 contentWindow。

如果您试图捕获所有帧的日志并以某种方式将它们合并到一个大日志中，更好的选择是在您要跟踪的每个页面上使用相同的 console-altering 脚本.然后将所有日志发送到服务器，按时间戳或其他顺序排序。 Sentry 差不多就是这样有效。

关于javascript - 如何从外部来源捕获 console.log？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54794804/

24 4 0
文章推荐： javascript - 如何为 css 缩放属性设置动画
文章推荐： c# - DAL 与 dapper 和 C#
文章推荐： c# - 使用 Process.Start 运行程序时，找不到它的资源文件
文章推荐： c# - 从 DotPeek(或等价物)重新创建解决方案/项目？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com