Перейти к содержимому

Как вернуться на прошлую страницу в браузере

  • автор:

как в браузере с помощью клавиатуры вернуться на предыдущую страницу?

наводишь на значок указатель мыши и читаешь подсказку.. .

вот в Опере нужно нажать Alt+Left

а какой у тебя браузер-то? мы тут не ясновидцы

Остальные ответы
Ctrl+Tab — переключение между вкладками
Клавиша Backspace
Backspace.Она выше Enter справа от \.
Часто использую метод втыка, помогает.
Homer J Simpson, а как с той же страницы вернутся на вкладку которую открывал до неё — (→) ?

Практически везде одинаково, что в браузере, что в винде. Вернуться на предыдущую вкладку Alt + ←(это стрелка влево а не Backspace)

Похожие вопросы
Ваш браузер устарел

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

Сочетание клавиш для перехода на последующую и предыдущую страницу

Полагаю, что многие успели заметить, что Хабрахабр отказался от прежних сочетаний клавиш для листания страниц в лентах и хабах для перехода на страницу вперёд, для перехода на страницу назад) в пользу сочетаний клавиш для перехода на страницу вперёд, для перехода на страницу назад).

Мне это изменение кажется неудобным по двум соображениям.

Во-первых, в нескольких популярных браузерах (например, в Mozilla Firefox) сочетания клавиш используются для перехода взад и вперёд по истории посещений: сочетание воспринимается как команда «Вперёд» на панели инструментов браузера), поэтому либо не работает, либо работает неправильно (не листает страницы ленты или хаба, а переходит к такой блогозаписи, из которой браузер только что вернулся в ленту или хаб после нажатия Cочетание воспринимается как команда «Назад» на панели инструментов браузера), поэтому также работает некорректно.

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

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

  • Хабрахабр
  • сочетания клавиш

Возврат к позиции на странице при нажатии «Назад»

Почему так? Как сделать, чтобы Хром и Опера вели себя подобно Мозилле?

Отслеживать
задан 1 авг 2012 в 21:15
WinnieRazor WinnieRazor
43 1 1 серебряный знак 7 7 бронзовых знаков
Что есть курсор? Прокрутка страницы на нужное место?
2 авг 2012 в 6:56

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

2 авг 2012 в 12:09

2 ответа 2

Сортировка: Сброс на вариант по умолчанию

Как я недавно узнал, в Chrome не реализован «bfcache», т.е. в Firefox кнопка «Назад» (если хватило памяти) просто возвращает страницу в том виде, в котором она была в момент ухода, а в Chrome всегда перезагружает ее «с чистого листа», не сохраняя модификации, которые вы внесли через JS. Соответственно, того места страницы, откуда пользователь ушел, уже просто нет.

Ну и в Firefox это тоже не всегда работает — зависит от того, сколько у юзера памяти, не перезагружал ли он Firefox и т.п.

  • При прокрутке обновлять URL страницы ( pushState в современных браузерах, «hashbang» (http://example.org/products#!page5) в более старых — если в них вообще нужна бесконечная прокрутка).
  • При загрузке в случае с pushState сервер должен уметь возвращать правильный кусок страницы по URL, а для hashbang-решения JS в onload дозагружает и отображает нужный кусок.

Как вернуться на предыдущую страницу в то же место по вертикали

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

Допустим, у нас есть страница длинного каталога товаров. Нажав на ссылку на товар мы переходим на его страницу. А на ней помимо прочей информации есть ссылка “Назад”. И мы хотим нажимая на эту ссылку вернуться именно в то место по вертикали, с которого был сделан переход.

Реализация возврата на предыдущую страницу в нужное место по вертикали

Для демонстрации примера, я создам 2 простые .html страницы. Первая будет имитировать каталог. Одну из ссылок в середине страницы я выделю другим цветом, чтобы визуально было удобно определить, что возврат происходит куда нужно.

Эту страницу назову index.html.

    Blog   .col  
Column
Column
Column
Column
Column
Column
Column
Column
Column

Выглядеть она будет примерно вот так.

В хедере вы можете видеть подключение файла script.js. Его мы пока не создали, но создадим чуть позже.

Вторая страница будет еще проще. Её я назову article.html и там не будет практически ничего, кроме подключения скриптов и ссылки обратно на index.html.

    Article    BACK  

Скрипт возврата в нужное место по вертикали предыдущей страницы

Теперь создадим файл script.js, который мы уже подключили на обеих страницах. И пропишем туда следующий код.

$(document).ready( function() < $(function () < var pathName = document.location.pathname; window.onbeforeunload = function () < var scrollPosition = $(document).scrollTop(); sessionStorage.setItem("scrollPosition_" + pathName, scrollPosition.toString()); >if (sessionStorage["scrollPosition_" + pathName]) < $(document).scrollTop(sessionStorage.getItem("scrollPosition_" + pathName)); >>); >);

Здесь мы будем использовать событие onbeforeunload, которое произойдет, когда пользователь захочет перейти с одной страницы на другую. Когда произойдет это событие, то мы сохраним в переменную scrollPosition текущие положение на странице, после чего запишем его в сессию.

А далее мы будем проверять, есть ли у нас в сессии соответствующая переменная и если она есть, то будем прокручивать страницу до нужного места.

Скрипт можно модернизировать под свои потребности. В данном случае я добавляю к имени переменной, которую мы сохраняем в сессии pathName, чтобы прокрутка происходила именно на нужной странице, а не на всех подряд.

При необходимости вы можете также очищать sessionStorage. Всё зависит от конкретной задачи. Это основной подход, который работает. Надеюсь пост был вам полезен.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *