Я выполняю A / B-тестирование на нашем сайте, и большую часть своей работы я выполняю в файле JS, который загружается вверху страницы перед тем, как что-либо еще отображается, но после загрузки jQuery, что иногда бывает удобно.

Взяв очень простой пример изменения тега H1, я обычно вставляю стиль в голову, чтобы установить непрозрачность H1 в 0, а затем в DOMContentLoaded я манипулирую содержимым H1, а затем устанавливаю непрозрачность в 1. Причина этого заключается в том, чтобы избежать изменения старого содержимого до того, как произойдут изменения - скрытие всего объекта более изящно на глаз.

Я начал смотреть на API MutationObserver. Я использовал это раньше, когда менял содержимое в диалоговом окне наложения, которое пользователь мог открыть, что кажется довольно классным подходом, и мне интересно, удалось ли кому-нибудь использовать MutationObserver для прослушивания документа при его первой загрузке / анализировать и вносить изменения в документ перед первым рендерингом и перед DOMContentLoaded?

Этот подход позволил бы мне изменить содержимое H1 без необходимости скрывать его, изменять, а затем показывать.

Я пытался, но до сих пор потерпел неудачу, и только что закончил тем, что читал об устаревших событиях мутации и задавался вопросом, пытаюсь ли я сделать что-то, что просто невозможно. Однако нам (не мне) удалось разместить робота на Марсе, поэтому я надеюсь, что смогу решить эту проблему.

Так можно ли использовать MutationObservers для изменения содержимого HTML на лету, когда страница загружается / анализируется?

Спасибо за любую помощь или указатели.

С уважением, Ник