Дополнение Firefox: Навигация По Страницам В Стиле Google Reader Для Любого Веб-Сайта.

Наверное, каждый знает, как осуществляется навигация по страницам в Google Reader. Изначально загружается примерно столько непрочитанных новостей, сколько умещается на экране, а затем, по мере прокрутки страницы вниз, асинхронно загружаются остальные новости.

Что хорошего в этой системе? Возможно, потому, что это прозрачно и незаметно: пользователь перемещается по страницам, ничего не делая, просто читая новости в своей RSS-ридере.

Есть, конечно, и недостатки у такого подхода, но данная заметка не об этом.

Итак, сегодня вечером я совершенно случайно наткнулся на плагин для Firefox, позволяющий создать подобную постраничную навигацию практически для любого сайта; более того, он изначально содержит настройки для многих известных сайтов: Digg, Google, Wikipedia и т. д. Это чудо называется AutoPager, и вы можете его установить Здесь .

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

В результате получается эффект, аналогичный Google Reader. У пользователя есть возможность отключить такую навигацию в любой момент, просто нажав на иконку в статусной строке браузера, но самое главное, есть возможность настроить плагин так, чтобы он работал с любым сайтом.

Для этого вам необходимо установить в настройках:

  • URL-адрес веб-сайта (может быть регулярным)
  • xpath для ссылки на следующую страницу
  • xpath для элементов, которые будут динамически добавлены на текущую страницу.

  • xpath для контейнера, в который будут вставлены элементы из предыдущего пункта
Это самый простой вариант настройки, есть дополнительные возможности.

Также имеется мастер, который позволяет задавать настройки, просто нажимая на элементы страницы.

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

И для начала настройка хаба, которую я сделал (уже выложил в репозиторий, но еще не проверял):

<autopager> <site><urlPattern> http://.

*\.

Эhabrahabr\.

ru/.

* </urlPattern> <guid>C7CFB529-8F24-D4F8-F42F-894E-FDB0-D91B</guid> <owner>destel</owner> <urlIsRegex>true</urlIsRegex> <published>true</published> <contentXPath>//div[@id="main-content"]/div[@class="hentry" or @class="page-nav"]</contentXPath> <testLink> http://habrahabr.ru/ </testLink> <linkXPath>//a[@class='next']</linkXPath> <desc> http://habrahabr.ru/ </desc> </site> </autopager>

Добавить его можно так: скопируйте код в буфер обмена, щелкните правой кнопкой мыши по значку в строке состояния, выберите «Управление настройками», нажмите кнопку «Импортировать» и в появившемся меню выберите «Импортировать из буфера обмена».

» Обновление: Настройки хаба уже добавлены в общедоступную онлайн-базу данных.

Теперь, чтобы они подхватились, нужно нажать на иконку в статус-баре, в контекстном меню выбрать «Импортировать с URL» и нажать «ОК».

Теги: #Firefox #аддон #ui #autopager #Firefox

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.