<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Diz blog &#187; Инструментарий</title>
	<atom:link href="http://diz-blog.com.ua/category/tools/feed" rel="self" type="application/rss+xml" />
	<link>http://diz-blog.com.ua</link>
	<description>Web-программирование, php скрипты, блоггинг, заработок в сети, WordPress, SEO, SMO.</description>
	<lastBuildDate>Thu, 02 Jun 2011 20:04:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Просмотр http заголовков. Livehttpheaders для Mozilla Firefox</title>
		<link>http://diz-blog.com.ua/viewing-http-headers-livehttpheaders-4-mozilla-firefox.html</link>
		<comments>http://diz-blog.com.ua/viewing-http-headers-livehttpheaders-4-mozilla-firefox.html#comments</comments>
		<pubDate>Thu, 25 Mar 2010 20:28:06 +0000</pubDate>
		<dc:creator>Diz</dc:creator>
				<category><![CDATA[Разработчику]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://diz-blog.com.ua/?p=1102</guid>
		<description><![CDATA[Окончательно перестал пользоваться Opera и перешел на Mozilla Firefox. Остаюсь в легком недоумении почему этого не сделал ранее. Одна только встроенная консоль ошибок чего стоит! А на днях, изучая cURL, наткнулся на полезное расширения для этого браузера &#8211; LiveHTTPHeaders для просмотра заголовков http пакетов в реальном времени.

Чем же именно он может быть полезен? Начну с [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;"><img src="http://diz-blog.com.ua/wp-content/uploads/2010/03/LiveHTTPHeaders_logo.png" alt="LiveHTTPHeaders logo" title="LiveHTTPHeaders logo" width="80" height="80" class="size-full wp-image-1107 alignleft" />Окончательно перестал пользоваться Opera и перешел на Mozilla Firefox. Остаюсь в легком недоумении почему этого не сделал ранее. Одна только встроенная консоль ошибок чего стоит! А на днях, <a href="http://diz-blog.com.ua/using_curl_in_php_intro.html" title="Использование cURL в Php. Введение">изучая cURL</a>, наткнулся на полезное расширения для этого браузера &#8211; <strong>LiveHTTPHeaders</strong> для <strong>просмотра заголовков http</strong> пакетов в реальном времени.</p>
<p><span id="more-1102"></span></p>
<p style="text-align: justify;">Чем же именно он может быть полезен? Начну с того, что весь обмен данными между браузером и удаленным сервером по протоколу http происходит в виде пакетов, каждый из которых имеет заголовок со служебной информацией и тело. Данные отправляемые на сервер при нажатии на какую-нибудь кнопку формы &#8220;отправить&#8221;, передаваемые куки, соглашения о сжатии и кэшировании,  эта и другая служебная информация помещается в заголовки, и когда возникает задача увидеть что именно (имена переменных, значения) передается, на помощь и приходит <strong>LiveHTTPHeaders</strong>.</p>
<p><img src="http://diz-blog.com.ua/wp-content/uploads/2010/03/livehttpheaders1.gif" alt="LiveHTTPHeaders. http заголовки firefox" title="LiveHTTPHeaders. http заголовки firefox" width="504" height="380" class="size-full wp-image-1108 aligncenter" /></p>
<p style="text-align: justify;">Установка не займет много времени, заходим <a href="http://livehttpheaders.mozdev.org/" title="Официальный сайт LiveHTTPHeaders" >на официальный сайт</a>, скачиваем и устанавливаем последнюю версию. Перезагрузив браузер, запускаем расширение из <strong>&#8220;Инструменты&#8221;->&#8221;Просмотр http заголовков&#8221;</strong>. Появляется новая закладка, состоящая из 4-х табов: <em>Заголовки</em> &#8211; основной таб, отображает заголовки запросов и ответов, <em>Генератор</em> &#8211; указывается url исходящих от браузера запросов, <em>Настройка</em> &#8211; советую установить галки <em>&#8220;Использовать таблицу стилей&#8221;</em>, <em>&#8220;Открывать LiveHTTPHeaders в новой вкладке&#8221;</em>, <em>О расширении</em> &#8211; список авторов и официальная страница, где можно проверить наличие обновлений.</p>
<p style="text-align: justify;">Примеры клиент-серверного взаимодействия или <strong>LiveHTTPHeaders</strong> в действии</p>
<p style="text-align: justify;"><em>Пример 1.</em> Допустим мы на каком-либо сайте заполнили форму и отсылаем данные на сервер, в этом случае браузер сформирует пакет со следующими заголовками (см. скриншот). Как видите, отмеченная красным строка в исходящем POST запросе, содержит введенные в форме переменные <em>name</em>, <em>e-mail</em>, <em>msg</em> и их значения. Здесь будут присутствовать даже поля типа <em>type=hidden</em>, если они есть в форме.</p>
<p><img src="http://diz-blog.com.ua/wp-content/uploads/2010/03/livehttpheaders2.gif" alt="LiveHTTPHeaders. http заголовки браузера " title="LiveHTTPHeaders. http заголовки браузера " width="502" height="500" class="size-full wp-image-1109 aligncenter" /></p>
<p style="text-align: justify;"><em>Пример 2.</em> Авторизация на сайте &#8211; отправка логина и пароля методом POST (пример аналогичен предыдущему). Внутри http заголовка браузером передаются переменные <em>login</em>, <em>password</em>, <em>membermy</em>. После успешной авторизации сервер возвращает куки <em>MEMORISESSID</em> &#8211; идентификатор сессии, <em>login</em> &#8211; логин, <em>password_hash</em> &#8211; хэш пароля.</p>
<p><img src="http://diz-blog.com.ua/wp-content/uploads/2010/03/livehttpheaders3.gif" alt="LiveHTTPHeaders. проверка http заголовков" title="LiveHTTPHeaders. проверка http заголовков" width="504" height="557" class="size-full wp-image-1110 aligncenter" /></p>
<p style="text-align: justify;"><em>Пример 3.</em> Продолжение примера 2, т.е. авторизация пройдена и требуется получить доступ к персональной странице. Для того чтобы серверный скрипт идентифицировал нас, ему необходимо вернуть куки обратно (те же самые три переменные).</p>
<p> <img src="http://diz-blog.com.ua/wp-content/uploads/2010/03/livehttpheaders4.gif" alt="LiveHTTPHeaders. http заголовки запроса" title="LiveHTTPHeaders. http заголовки запроса" width="505" height="475" class="size-full wp-image-1111 aligncenter" /></p>
<p style="text-align: justify;">Итак, если Вам необходимо <strong>посмотреть http заголовки</strong>, воспользуетесь расширением <strong>LiveHTTPHeaders</strong>. Минимум настроек и максимум необходимой информации.</p>
<p style="text-align: center;">
<a href="http://shareflare.net/download/55982.5a408ef7006bdc30e1f371b3605b/livehttpheaders-0.16.xpi.html" title="Скачать LiveHTTPHeaders" rel="nofollow">Скачать LiveHTTPHeaders версия 0.16</a><br />
<a href="http://livehttpheaders.mozdev.org/installation.html" title="Скачать LiveHTTPHeaders">Официальный сайт</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://diz-blog.com.ua/viewing-http-headers-livehttpheaders-4-mozilla-firefox.html/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

