利用MutationObserver对页面元素的改变进行监听

'use strict';
let MutationObserver = window.MutationObserver 
|| window.WebKitMutationObserver 
|| window.MozMutationObserver;
let observerMutationSupport = !!MutationObserver;
if(observerMutationSupport){
    let observer = new MutationObserver((mutations) => {
        mutations.forEach((item) => {
            console.log(item);
        });
    });
    const options = {
        "childList" : true,//子节点的变更
        "attributes" : true,//属性的变更
        "characterData" : true,//节点内容或节点文本的变更
        "subtree" : true,//全部后代节点的变更
        "attributeOldValue" : true,//表示观察attributes变更时，是否须要记录变更前的属性
        "characterDataOldValue" : true//表示观察characterData变更时，是否须要记录变更前的值
    };
    observer.observe(document,options);
}