Могу ли я наблюдать за тем, что добавляется HTML с начала рендеринга?

Question

Я хочу обнаружить все изменения в html-документе с момента запроса веб-запроса до его полной обработки.Я использую MutationObserver.Просто, как показано ниже.Но он только улавливает мутации у детей узлов «голова» и «тело».Я хочу, чтобы это был верхний уровень в дереве DOM, чтобы поймать узел 'head' был добавлен в HTML-документ.Я вызываю этот скрипт ниже из моего фонового скрипта, когда первая партия 'chrome.webRequest.onHeadersReceived' доставлена ​​с сайта.Я не уверен, что делаю это очень поздно или невозможно их поймать.

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

var observer = new MutationObserver(function(mutations) {

        for (const m of mutations) {
                for (const n of m.addedNodes) {
                    console.log('mutation:', n);
                }   
        }


});

observer.observe(document, {
    childList: true,
    subtree: true,
    attributes: true
});