Как сделать так, чтобы при обновлении страницы элементы, созданные на js не пропадали?
Здравствуйте! Мне необходимо сделать так, чтобы пользовательские элементы не пропадали при перезагрузке страницы. Я понимаю, что для этого нужен localStorage, но никак не могу его применить на своем коде. Буду очень признателен за помощь.
- Вопрос задан более года назад
- 261 просмотр
- Вконтакте
- Вконтакте
Nerubik, не знаю.
это уже вам решать как обзывать объекты, как к ним обращаться и как не путаться.
можно кроме всего прочего, ещё и мета-информацию записывать,
например общее количество записей, количество записей по типам, ещё что-то, что поможет потом обратиться к нужному месту.
ну или записывать всё в один большой массив, а потом производить по нему поиск/сортировку/сравнение
Как сделать так, чтобы изменения в Инструментах разработчика браузера сохранялись после перезагрузки страницы
Инструменты разработчика веб браузеров — это мощнейший инструмент для отладки работы веб сайтов. Если вы ещё не знакомы с ним, то обратитесь к статье «Статический анализ исходного кода веб-сайта в браузере».
Используя Инструменты разработчика возможно выполнить любые изменения HTML разметки, стилей и JavaScript кода «на лету», наблюдая за изменения в реальном времени.
Сделанные изменения пропадают сразу после перезагрузки страницы. Если вам нужно, чтобы изменения кода, сделанные в Инструментах разработчика браузеров, сохранялись после перезагрузки страницы, то данная статья расскажем вам, как это сделать на примере Google Chrome (Chromium).
Откройте Инструменты разработчика (клавиша F12) и перейдите во вкладку «Sources», там найдите раздел «Overrides»:
Кликните на «Select folder for overrides», выберите папку, куда будут сохраняться файлы для перезаписи файлов сайтов. На запрос о правах доступа, нажмите кнопку «Разрешить»:
Поставьте галочку «Enable Local Overrides». Если вы не видите этот флажок, то перезапустите веб-браузер и вернитесь на эту влкадку Инструментов веб-разработчика.
После этого в «Sources» → «Page» в контекстном меню для любой страницы будет доступно «Save for overrides»:
Теперь все файлы, для которых вы выбрали «Save for overrides» будут сохранены на жёсткий диск. Вы можете делать любые изменения в них и они также будут сохранены на постоянной основе. И при повторном открытии сайтов вместо оригинальных файлов будут использованы сохранённые вами версии.
На вкладке «Sources» → «Overrides» вы увидите список всех сохранённых файлов для всех сайтов:
Как отменить Overrides (локальные переопределения)
На вкладке «Sources» → «Overrides» выберите файл, который вы не хотите использовать, чтобы вновь задействовалась оригинальная копия с сайта, нажмите на него правой кнопкой мыши и выберите «Delete»:
Как при открытии сайта не использовать определённые файлы скриптов или стилей
Если вы хотите, чтобы при входе на сайт не задействовался один или более файлов, то добавьте этот файл в Overrides и полностью удалите его содержимое — то есть будет применяться пустой файл, что фактически означает его удаление.
Как добавить скрипт или стили при открытии сайта
Вы можете добавить код или стили в уже существующие файлы с помощью Overrides. Либо обратите внимание на вкладку «Sources» → «Snippets». Если вы не видите пункт Snippets, то нажмите на кнопку » чтобы развернуть полный список пунктов.
Как сделать чтобы после обновления страницы код элемента не менялся
Fadanir Участник Группа: Members Зарегистрирован: 06-10-2014 Сообщений: 9 UA: 
32.0
Как сделать чтобы после обновления страницы код элемента не менялся
Fadanir Участник Группа: Members Зарегистрирован: 06-10-2014 Сообщений: 9 UA: 32.0
Re: Сохранение измененного кода страницы
Я знаю, что браузер показывает результат интерпретации кода на сервере. Но неужто так трудно научить браузер игнорировать к примеру определенный элемент, по типу того, как это делает адблок, только произвольно.
Добавлено 07-10-2014 16:21:59
чтобы после обновления они оставались
После обновления чего?
Если ты хочешь внести изменения в код, хранящийся не на твоём сервере, это невозможно в силу того, что у тебя нет прав на запись туда.
Если ты хочешь внести изменения в код, хранящийся на твоём сервере, это невозможно в силу того, что многие страницы имеют динамический контент, такие страницы составляются на сервере, а браузер отображает готовый вариант, изменения в который вносить бессмысленно — та страница, которую ты видишь в данный момент, уникальна. Она может выглядеть по-другому у другого пользователя или даже у тебя, если её обновить. Браузеры не доросли, и вряд ли дорастут то того, чтобы вносить необходимые изменения в шаблоны, БД и т. д.
И да, Firefox — не редактор, а обозреватель.
Кстати, хочу заметить, что по Ctrl+S сохраняется страница с учётом изменений в Инспекторе.
После обновления страницы.
Добавлено 07-10-2014 16:27:31
Вот к примеру есть на сайте миничат, и меня он раздражает. Мешает работать с сайтом. Миничат находится в элементе <div Если я его удалю в редакторе кода, то на странице он исчезнет, но если я обновлю страницу, то он снова появится. Так вот собственно в том и задача, чтобы плагин запоминл, что каждый раз когда обновляется страница нужно удалять этот элемент и не показывать его мне. Адблок делает примерно тоже самое, так что не говорите мне что это невозможно.
Как сделать так, чтобы изменения в Инструментах разработчика браузера сохранялись после перезагрузки страницы
Инструменты разработчика веб браузеров — это мощнейший инструмент для отладки работы веб сайтов. Если вы ещё не знакомы с ним, то обратитесь к статье «Статический анализ исходного кода веб-сайта в браузере».
Используя Инструменты разработчика возможно выполнить любые изменения HTML разметки, стилей и JavaScript кода «на лету», наблюдая за изменения в реальном времени.
Сделанные изменения пропадают сразу после перезагрузки страницы. Если вам нужно, чтобы изменения кода, сделанные в Инструментах разработчика браузеров, сохранялись после перезагрузки страницы, то данная статья расскажем вам, как это сделать на примере Google Chrome (Chromium).
Откройте Инструменты разработчика (клавиша F12) и перейдите во вкладку «Sources», там найдите раздел «Overrides»:
Кликните на «Select folder for overrides», выберите папку, куда будут сохраняться файлы для перезаписи файлов сайтов. На запрос о правах доступа, нажмите кнопку «Разрешить»:
Поставьте галочку «Enable Local Overrides». Если вы не видите этот флажок, то перезапустите веб-браузер и вернитесь на эту влкадку Инструментов веб-разработчика.
После этого в «Sources» → «Page» в контекстном меню для любой страницы будет доступно «Save for overrides»:
Теперь все файлы, для которых вы выбрали «Save for overrides» будут сохранены на жёсткий диск. Вы можете делать любые изменения в них и они также будут сохранены на постоянной основе. И при повторном открытии сайтов вместо оригинальных файлов будут использованы сохранённые вами версии.
На вкладке «Sources» → «Overrides» вы увидите список всех сохранённых файлов для всех сайтов:
Как отменить Overrides (локальные переопределения)
На вкладке «Sources» → «Overrides» выберите файл, который вы не хотите использовать, чтобы вновь задействовалась оригинальная копия с сайта, нажмите на него правой кнопкой мыши и выберите «Delete»:
Как при открытии сайта не использовать определённые файлы скриптов или стилей
Если вы хотите, чтобы при входе на сайт не задействовался один или более файлов, то добавьте этот файл в Overrides и полностью удалите его содержимое — то есть будет применяться пустой файл, что фактически означает его удаление.
Как добавить скрипт или стили при открытии сайта
Вы можете добавить код или стили в уже существующие файлы с помощью Overrides. Либо обратите внимание на вкладку «Sources» → «Snippets». Если вы не видите пункт Snippets, то нажмите на кнопку » чтобы развернуть полный список пунктов.
как сделать так, чтобы данные на странице не исчезали при обновлении страницы
Возможно ли, чтобы данные в таблице не исчезли, когда u нажмите f5? вот мой код:
5 ответов
хранилище локали браузера ссылается на эту ссылку
Вы можете сохранить данные в локальном хранилище браузера, но не все браузеры поддерживают это.
Простым и одним строчным ответом будет No.
Вы не можете сохранить данные с помощью jQuery. Это работа кэша (серверная или клиентская сторона) или localStorage (HTML5, в браузере). В противном случае вы будете получать новую страницу при каждой загрузке страницы, нажав F5 .
Когда пользователь нажимает кнопку F5. Браузер отправляет запрос серверу на загрузку страницы, страница загружается содержимым, которое отправляется сервером. Никакие дополнительные данные не привязаны к странице браузером. Поэтому данные не сохраняются, как только пользователь нажимает F5.
С этой целью разработчики используют некоторые другие технологии для сохранения пользовательских сеансов. Некоторые примеры того, что
Кэш двух типов, один из которых хранится сервером. Другое сохраняется самим клиентом (клиентский агент, aka Browser).
Вы можете узнать это от других компаний и их разработчиков, помогающих гидам.
LocalStorage
API HTML5’a представил новый элемент, известный как localStorage; а не элемент, его плагин или то, что вы можете назвать новой технологией. В нем вы можете хранить данные на клиентской машине; компьютер. Которые можно использовать еще раз.
Используя это, вы можете хранить данные; введите данные в компьютер, а затем верните его, как только пользователь нажмет F5.