有没有一种方法可以实时跟踪网站源代码的类更改

Question

我正在开发一个chrome扩展，如果网站源代码上的特定类发生了更改，它必须触发一个进程。有办法实时做到这一点吗？

Answer 1

使用MutationObserver界面，如Gabriele Romanato的博客中所示

Chrome 18+、Firefox 14+、IE 11+、Safari 6+

// The node to be monitored
var target = $( "#content" )[0];
// Create an observer instance
var observer = new MutationObserver(function( mutations ) {
mutations.forEach(function( mutation ) {
var newNodes = mutation.addedNodes; // DOM NodeList
if( newNodes !== null ) { // If there are new nodes added
var $nodes = $( newNodes ); // jQuery set
$nodes.each(function() {
var $node = $( this );
if( $node.hasClass( "message" ) ) {
// do something
}
});
}
});    
});
// Configuration of the observer:
var config = { 
attributes: true, 
childList: true, 
characterData: true 
};
// Pass in the target node, as well as the observer options
observer.observe(target, config);
// Later, you can stop observing
observer.disconnect();