Наверное, каждый знает, как осуществляется навигация по страницам в 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
-
Ноутбук Toshiba Portege Серии R700-00C-04
19 Oct, 24 -
Каллиграф - Оформление Новогодних Резолюций
19 Oct, 24 -
Бун Мэн О Новой Бизнес-Модели
19 Oct, 24 -
Несколько Слов О Конвейерах В Fpga
19 Oct, 24