Отладка проблемы перезагрузки страницы

Roganik

У меня есть страница, на которой можно делать интересные вещи со сбором данных и выводом их в PDF-файл.

Данные хранятся в нашей базе данных и извлекаются в формате JSON.

Это работает, как и ожидалось, для 99% созданных нами форм, но у одного пользователя возникла проблема: страница просто постоянно перезагружалась.

Если я пройдусь по коду, я увижу, что все работает нормально, даже для двух моих проблемных форм.

У меня включено множество console.log(), и все выходные данные соответствуют ожиданиям.

Разве что страница перезагружается. У меня есть пауза в прослушивателе событий для набора «DOMWindow.beforeunload», и иногда он останавливается на этом, но стек вызовов просто показывает обработчик jquery, который также срабатывает.

Поскольку это происходит не для каждого загружаемого набора данных, я ожидаю, что проблема будет в данных, но тогда я также ожидаю, что выгрузка будет вызвана чем-то, что ему не нравится в коде, и чтобы это отобразилось в стек вызовов. Любые подсказки о том, как это отладить?

Алексей Кашин

Если проблема возникает только для определенных пользователей, а не для определенных наборов данных, как вы говорили ранее, возможно, проблема может быть связана с профилем этого пользователя. У меня было много проблем, когда ошибка возникала только у конкретного пользователя.

И все остальные пользователи работают нормально.

Вход в систему под этим пользователем в конечном итоге обнаружит ошибку.

Я помню самый первый проект с этой проблемой.

В имени пользователя указан недопустимый символ.

Заставить приложение вести себя ненормально только тогда, когда они вошли в систему.

Евгений Мейран

Есть jquery, bootstrap3, Google Analytics. Обычное действие заключается в том, что форма заполняется сохраненным JSON, чтобы пользователь мог обновить форму, сохранить изменения или запросить PDF-файл. При мгновенной перезагрузке страница становится непригодной для использования.

inga23

К сожалению, я не могу предложить ничего лучшего, не отладив код лично. Но пробовали ли вы предотвратить обновление страницы, просто добавив оператор return в функцию window.onbeforeunload?

tonique

Боже мой, я только что нашел это, какой кошмар отладки.

@qwikad.com был на высоте, но я был слишком глубоко в коде, чтобы его увидеть.

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

НО

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

Добавьте слушателя и вуаля, все работает!

d0nc0v

Я немного поискал, может ли это помочь?
https://stackoverflow.com/questions/55032023/fetch-request-makes-unwanted-page-reload/55032247

Возможно, это вызывает срабатывание кнопки отправки.

alina9691

Спасибо @qwikad.com, было бы здорово!

Когда у меня установлен флажок «Пауза при обнаружении исключений», я вижу стек внутренних ошибок jQuery, связанных с querySelectorAll, и путь вверх по стеку вызовов — это .parseHTML или маски ux, календари и т. д., но я также получаю ошибки от Google Analytics!

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

В большинстве случаев это все равно не кнопки... Я закомментировал маски и вижу, что не все запросы ajax были выполнены до выгрузки, включая один из двух вызовов Google Analytics. Я изменил $.parseHTML, чтобы использовать это без каких-либо улучшений:

 var parseHTML = function(str) {

var tmp = document.implementation.createHTMLDocument();

tmp.body.innerHTML = str;

return tmp.body.children;
};

Код (JavaScript): Сейчас 2 часа ночи, пора спать.

Похожие темы	Дата
javascript.ru] JavaScript, DOM, интерфейсы	19.10.2024, 18:10
[Loftschool] Курс по AngularJS	19.10.2024, 18:10
Javascript И Jquery. Расширенный Курс	19.10.2024, 18:10
Javascript: Понимание Dom-модели (rus) - Линда.ком	19.10.2024, 18:10
Loftschool - Комплексное Обучение Javascript 2018	19.10.2024, 18:10
Javascript Для Верстальщика (2016)	19.10.2024, 18:10
[loftschool] Курс По Angularjs [2015.06]	19.10.2024, 18:10
Загрузите PDF-файл в текстовое поле.	19.10.2024, 18:10
Как использовать два if?	19.10.2024, 18:10
[ШП] JavaScript	19.10.2024, 18:10

Отладка проблемы перезагрузки страницы

Roganik

Алексей Кашин

Евгений Мейран

inga23

tonique

d0nc0v

alina9691

I AM

Интересно