Как перезагружать страницу при появлении определённого элемента с помощью «Mutation Observer»?

Для перезагрузки страницы при появлении определённого элемента с помощью Mutation Observer вам нужно выполнить следующие шаги в JavaSсript:

1. Создайте экземпляр MutationObserver и определите функцию обратного вызова, которая будет выполняться при изменениях DOM:

const targetNode = document.body;
const config = { childList: true, subtree: true };

const callback = function(mutationsList, observer) {
    for(const mutation of mutationsList) {
        if (mutation.type === 'childList') {
            mutation.addedNodes.forEach(node => {
                if (node.nodeType === 1 && node.matches('ВАШ СЕЛЕКТОР')) {
                    location.reload();
                }
            });
        }
    }
};

const observer = new MutationObserver(callback);
observer.observe(targetNode, config);

2. Замените 'ВАШ СЕЛЕКТОР' на селектор вашего целевого элемента.

3. С помощью observer.observe(targetNode, config) начните наблюдение за изменениями в целевом элементе.

Теперь при каждом изменении в DOM MutationObserver будет производиться обзор, и если появится элемент, соответствующий вашему селектору, страница будет перезагружена.

Этот подход чрезвычайно полезен, когда вам нужно выполнить какое-то действие на основе динамически добавленного контента на странице.