Как вытащить код со страницы

Сегодня, после большого перерыва, продолжаю серию статей, которые экономят вам время.

Предположим, что в сети есть сайты, на которых есть всего пару строк информации, которая вам нужна. Например, рассмотрим курсы валют. Из всей страницы нам нужны только курсы доллара и евро. Заходить на страницу каждый раз? Зачем?

Есть простой способ доставать любую информацию со страниц в интернете и это совсем несложно. Смотрим как

Есть замечательный сервис http://www.feed43.com. Родился он из удобнейшей программы для компьютера, которую создатели, почему-то не хотят вспоминать. Ну да ладно. Попробуем…

Для начала надо установить удобный для нас язык общения.

Далее, нажимаем на ссылку “Создать свой канал”. Можно предварительно полистать информацию со ссылок помощи, там всё достаточно доступно объясняется

Итак, вводим адрес сайта откуда мы собираемся получать информацию

Нас интересует вот этот кусочек

После нажатия “Обновить” нам покажут код страницы. Не надо этого пугаться :)

Смотрим на странице оригинале какой нибудь ориентир. В нашем случае это слово “Сегодня”. И простым поиском находим его в коде

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

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

Надо запомнить всего две вещи:
{*} означает “любое количество любых символов”
{%} означает, что эта часть может меняться и именно она нам интересна.

Смотрите как трансформируется этот блок:

<tr class="font12">
<td><a href="http://bank.ru/currency/#" class="active" onclick="setCurrency(this, 'USD'); return false"></a><b>USD</b></td>
<td>31.8056</td>
<td class="gray">-0.1550</td>
</tr>

<a href="http://bank.ru/currency/#" class="active" onclick="setCurrency(this, 'USD'); return false"></a><b>

это нам не интересно, заменяем на {*}

<b>USD</b>

в этом блоке нам интересно USD и оно будет меняться (в следующей строке это будет EUR). Заменяем на {%}

<td>31.8056</td>

в этом блоке нам интересно число и оно будет меняться с каждой строкой (в евро будет другая цифра). Заменяем на {%}

<td class="gray">-0.1550</td>

Здесь интересны сразу два куска – цвет и число. Заменяем оба на {%}

Важно: Не забываем проставлять в промежутках {*}. Если у вас что-то не работает – скорее всего вы забыли вставить эти пропуски.

И мы получаем вот такой вот код, где отмечено какой кусок надо найти, что оттуда выкинуть и что нам в нём интересно.

<tr class="font12">{*}
<td>{*}<b>{%}</b></td>{*}
<td>{%}</td>{*}
<td class="{%}">{%}</td>{*}
</tr>

Нажимаем на “Извлечь” и смотрим что у нас получилось

Система покажет нам что она нашла и как “распихала”. В дальнейшем, если мы напишем {%1} – мы получим то, что туда попало.

А теперь надо эти данные как-то показать нам. Прямо так и пишем – хочу вот это, потом это, потом это…

В предыдущем случае будет формироваться отдельная запись на каждую строку. Чаще всего лучше собрать их в “одну запись”. Т.е. вы заметите что что-то поменялось, но будете просматривать не каждую валюту отдельно, а бросите взгляд на весь список.

В прошлом примере всё объединилось в одну строку, но выглядит это не так, как хотелось бы. Здесь надо отметить, что строка понимает обычный html. Просто добавим в самое начало “перевод строки”, чтобы каждая запись начиналась с новой строки.
<BR> и добавим то, что хотим выделить. <B> в начале выделения и </B> в конце. Все что между ними будет написано жирным шрифтом.

А можно использовать, например, тэги списка <li> и </li>

По поводу форматирований, html и т.д. я уже писал вот здесь. Там слайды для самых новичков, поясняющие суть.

Мы сделали всё как хотим. Теперь как этим пользоваться? Смотрим внизу на ссылку… Можно на неё нажать.

Или если что-то плохо (зависит от браузера) – можно сделать ручную операцию. Вначале копируем ссылку

Теперь открываем, например Google Reader

Выбираем “Подписаться \ Subscribe”

и просто вставляем туда эту ссылку

Вы подписаны на это дело

И можете посмотреть результат.

Теперь, когда курсы сменятся – вы увидите это. И не надо никуда ходить и рассматривать сопутствующие банеры и т.п.

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

А теперь бонус. Вы можете делать с этим rss фидом (тем, что у нас получилось в результате) много много что. Я уже писал про rss тут и тут, например.

Например, при помощи сервиса http://feedburner.google.com можно сделать информер к себе на сайт, который будет автоматически, без вашего участия, при помощи feed43 выбирать информацию о курсах валют и показывать её на вашем блоге, сайте и т.п.

Вот пример сделанный чуть модифицировав этот урок

↑ Grab this Headline Animator

А можно поискать сервисы, типа rss2email и получать эти обновления на почту. И много много других вариантов использования…

Ведь так можно вытаскивать и анекдоты с баша и заметки с любимых сайтов и т.п.

В общем рекомендую, если что непонятно – спрашивайте…