Как сделать так чтобы при появлении «определённого элемента» на странице, перезагружать её?

Для реализации автоматической перезагрузки страницы при появлении определенного элемента можно воспользоваться JavaScript. Для начала необходимо определить, какой именно элемент вы ожидаете увидеть на странице. Далее можно использовать наблюдатель MutationObserver, который будет отслеживать изменения в дереве DOM, чтобы выполнить перезагрузку страницы, когда целевой элемент появится.

Ниже представлен пример кода на JavaScript, который реализует эту логику:

// Выбираем целевой элемент, на появление которого мы реагируем
const targetElement = document.querySelector('.target-element');

// Функция, которая будет вызываться при появлении целевого элемента
const callback = function(mutationsList, observer) {
    for(const mutation of mutationsList) {
        if (mutation.type === 'childList' && Array.from(mutation.addedNodes).some(node => node === targetElement)) {
            // Если целевой элемент появился, перезагружаем страницу
            location.reload();
        }
    }
};

// Создаем экземпляр MutationObserver и запускаем его
const observer = new MutationObserver(callback);
observer.observe(document.body, { childList: true, subtree: true });

Этот код следит за всеми изменениями внутри дерева DOM документа и, когда появляется элемент с классом "target-element", происходит перезагрузка страницы.

Обратите внимание, что использование автоматической перезагрузки страницы может повлиять на пользовательский опыт и возможно, не является наилучшим решением. Поэтому перед реализацией данного функционала стоит тщательно продумать, действительно ли он необходим пользователю.