记录浏览器中的所有 html 输出

Question

我们想要监控/记录基于网络的 Javascript 的 html 内容。此 html 内容可能会从服务器端更改，或由客户端的鼠标单击触发。

我正在寻找一种方法来自动将 html 中的每个更改保存在日志文件中，或者在每次鼠标单击时，首先保存 html 内容并执行鼠标单击。首选浏览器是 Chrome，但 Opera 或 Firefox 例如也会好的。您有任何关于如何实现这一点的提示吗？

向大家致以问候并祝大家新年快乐赫尔穆特

Answer 1

JavaScript MutationObserver API 将允许您监视对 DOM 所做的更改。然后，您可以启动子例程/函数来循环遍历 DOM 注释并将它们保存到日志文件中。

您还可以在 body 标记上放置一个单击处理程序并记录单击的每个元素：

document.querySelector('body').addEventListener('click', e => {
   console.log(e.target.nodeName);
});