Использование клиентского JavaScript для мониторинга новых элементов, добавленных в документ

Question

Я использовал Object.observe() несколько месяцев назад, чтобы отслеживать любые рекурсивные изменения window.document, Теперь OO () выведен из em6+, мне нужно настроить это поведение. Мне нужен доступ к новым элементам, созданным в любом месте документа.

Я пробовал эти проекты (работает, но без дочерней рекурсии):

https://github.com/MaxArt2501/object-observe

https://github.com/jdarling/Object.observe

https://github.com/jdarling/Object.observe

Я читаю из Mozilla MDN, чтобы использовать proxy https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy Я не уверен, какую ловушку использовать или как сделать эту рекурсивную.

Вот точный код, который я использовал с Oo():

                    var observer = new MutationObserver(function (mutations) {
                        mutations.forEach(function (mutation) {
                                console.log("Observed Mutation:");
                                //mutation.target
                                //mutation.type
                                //mutation.oldValue
                                //mutation.attributeName
                                //mutation.attributeNamespace
                                //mutation.removedNodes
                                //mutation.addedNodes
                        });
                    });

                    //mutation observer configuration
                    var config = {
                        childList: true,
                        attributes: true,
                        characterData: true,
                        subtree: true,
                        attributeOldValue: true,
                        characterDataOldValue: true
                        attributeFilter: false
                    };

                    // pass in the target node and options to mutation observer
                    observer.observe(document, config);

Каков минимальный объем кода, который даст мне доступ к вновь созданным объектам с использованием или без использования полифилла?

Answer 1

Нашел ответ через irc.freenode.net ##javascript от: jaawerth

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver