Поведение Javascript на странице обновления

Question

Каково ожидаемое поведение Javascript при мягком обновлении на веб-странице?

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

Мой вопрос немного более общий, чем это. Я хочу знать, что предписанное поведение для веб-браузера, когда страница динамического содержимого обновляется. В частности:

• Какой Javascript получает повторно.
• Как изменен DOM при обновлении.
• Как значения формы «плавают» в нужное место в DOM после обновления.
• Какие еще причудливые вещи продолжаются?

Answer 1

A reload = полный повторный запрос. (shift + reload = перезагрузить все файлы js и css с сервера)

Браузер может также помнить пары name = "" value = "" и пытается предварительно заполнить поля на основе запоминаемых пар. Речь идет не о том, чтобы точно указать, какие поля находятся в пикселях или что-то еще.

Я обновляю страницы все время при разработке, все javascript повторно запускаются, как если бы страница загружалась заново. Я не считаю, что события изменения начинаются на странице из-за запоминающихся значений.

Это также верно для firefox -> this frame -> reload или IE, щелкните правой кнопкой мыши по кадру и перезагрузите.

Хром не разрешает перезагрузку одного кадра.

Answer 2

Если вы покинули страницу, нажав на ссылку или указав URL-адрес в навигационной панели, некоторые браузеры попытаются приостановить страницу и возобновить ее, как только пользователь вернется. Этот метод известен под разными названиями:

• Safari/WebKit: Page Cache
• Firefox: Back-Forward Cache
• Opera: Fast History Navigation

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

Если кеш страницы не используется, страница перезагружается с сервера. Браузеры могут заполнять поля формы и восстанавливать позиции прокрутки.