Есть ли способ отслеживать изменения DOM в контексте Https, как это делает Google Chrome DevTool?

Question

Я хотел бы регистрировать определенные изменения DOM в окне браузера во время выполнения, когда я играю в онлайн карточную игру. Когда я смотрю на Google Chrom Devtools, я вижу данные карты в кодировке base64: image / svg + xml items. Есть ли способ получить эти элементы для дальнейшего процесса, например, записать их в файл?

Я пытался написать расширение Chrome с помощью Mutation Observers, но следующий подход привел к ошибке в методе наблюдатель.observe (target, config), сообщившей, что цель не была узлом ...

Css-класс "deck_by" используется только в теге body сайта ... Я ожидал, что все изменения DOM отслеживаются рекурсивно

    $(document).ready(function() {
      var target = $(".deck_by"); 

      // Create an observer instance
      var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {

          console.log("mutation change in ", mutation.type, " name: ",mutation.target);
        chrome.extension.sendMessage({'Mutation': mutation})

        });
      });

      // Configuration of the observer
      var config = { attributes:true, subtree: true, childList: true };

      console.log(target);

      // Pass in the target node, as well as the observer options
      observer.observe(target, config);

    });

Скриншот DevTools