通过JavaScript拦截对DOM的访问

Question

我想知道如何通过JavaScript拦截DOM访问。 是否有任何可用的工具或白皮书？ （否则，我将需要写一个！）

拦截背后的想法与Web浏览器的安全模块有关。

谢谢。

Answer 1

最好的办法是使用DOM突变事件 。 有各种事件，例如DOMNodeInserted ， DOMNodeRemoved ， DOMAttrModified等（请参见上面链接的DOM事件规范）。 有一个称为DOMSubtreeModified的通用事件，在任何单个DOM突变后都会触发； 此事件冒泡，因此您可以在文档上设置一个侦听器，以通知该文档DOM的所有更改。

document.addEventListener("DOMSubtreeModified", function(evt) {
    console.log("DOM mutation", evt);
}, false);

这些事件在最近的浏览器都支持，用IE除外（直至并包括第8版）和Opera，支持一些evenbts但值得注意的是不DOMSubtreeModified 。