<?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>Alex Sergeev @ ALSEDI &#187; браузер</title>
	<atom:link href="http://blog.alsedi.com/tag/brauzer/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.alsedi.com</link>
	<description>О QA, Shareware и ИТ</description>
	<lastBuildDate>Fri, 07 Oct 2011 08:52:20 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Часть 2: Google Chrome для разработчиков</title>
		<link>http://blog.alsedi.com/chast-2-google-chrome-dlya-razrabotchikov/</link>
		<comments>http://blog.alsedi.com/chast-2-google-chrome-dlya-razrabotchikov/#comments</comments>
		<pubDate>Fri, 12 Sep 2008 12:17:38 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Общее]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[браузер]]></category>
		<category><![CDATA[разработка]]></category>

		<guid isPermaLink="false">http://alsedi.com/blog/chast-2-google-chrome-dlya-razrabotchikov/</guid>
		<description><![CDATA[Начало: &#8220;Часть 1: Google Chrome&#8221; Есть несколько сюрпризов, которые преподнесла Google разработчикам. Ничего нового не сделали, но, в принципе минимальный набор функций предложили. Первые две касаются и разработчиков и пользователей. Во-первых, поле ввода теперь подсвечивается, если находится в фокусе. Есть &#8230; <a href="http://blog.alsedi.com/chast-2-google-chrome-dlya-razrabotchikov/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.alsedi.com/chast1-google-chrome/">Начало: &#8220;Часть 1: Google Chrome&#8221;</a></p>
<p>Есть несколько сюрпризов, которые преподнесла Google разработчикам. Ничего нового не сделали, но, в принципе минимальный набор функций предложили. Первые две касаются и разработчиков и пользователей.<br />
Во-первых, поле ввода теперь подсвечивается, если находится в фокусе. Есть небольшой косяк с выпадающим списком – он подсвечивается только после выбора элемента из списка и только, если фокус остался на этом элементе. При выборе же подсветка просто мигает один раз вокруг элемента. Checkbox не выделяются. Цвет подсветки, похоже, не меняется и сливается с фоном цвета #eaaf3f. Не критично, я думаю, страшненький всё-таки цвет в больших объёмах.</p>
<p><img src="http://blog.alsedi.com/wp-content/upload/field-highlight.png" alt="" /></p>
<p>Наверное, эта подсветка действительно кому то нужна, жаль только пока нельзя вообще никак ей управлять, а было бы приятно поменять цвет, размер и, хотя бы, насыщенность. На ЖК от Samsung я не вижу подсветку вообще.</p>
<p>Вторая, позаимствованная функция (из движка WebKit – «сердца» Safari и прямого потомка KHTML), &#8211; это возможность изменять размер многострочного текстового поля. Размер можно задать любой. Разумеется, изменение размеров поля сразу же сказывается на разметке страницы. Поэтому такие игры на страницах с поломанной или насыщенной разметкой приведут к заметным искажениям. Страничка нормально расширяется вниз, но вправо приводит к искажениям. Почему то показалось, что лучше бы расширение поля сделали независимым от разметки, так чтобы расширяемое поле просто закрывало существующие элементы, а-ля поле в отдельном слое.</p>
<p>Кстати сделать поле меньше чем исходный размер не получится.<br />
По-умолчанию в Chrome встроен HMTL Inspector, напоминающий Firebug. В версии 0.2 инспектор не предоставляет никаких возможностей для изменения текста страницы, только просмотр. Скорее всего это ограничения беты.</p>
<p><a href="http://blog.alsedi.com/wp-content/upload/inspector.png"><img src="http://blog.alsedi.com/wp-content/upload/inspector_th.png" border="0" alt="" /><br />
Click!</a></p>
<p>Так же как и в Firebug инспектор в Chrome можно вызвать для конкретного элемента. Инспектор откроется в отдельном окне, поделённым на две части. При открытой консоли на три. Слева будет DOM дерево, справа все данные по выбранному элементу. Минус в том, что стили будут собраны в одну кучу, и, в случае, когда используется несколько CSS файлов будет не ясно, откуда какой стиль взят.</p>
<p>Теоретически имеется возможность привязать окно HTML инспектора к главному (хотя по хинту не понятно, что имеется ввиду под главным окном), но у меня так и не получилось это сделать. HTML инспектор ни в какую не хотел прилеплять себя ни к одному из окон Chrome. Еще одной загадкой осталась закладка “Resources”, я не смог найти ни одного сайта, для которого её содержимое было бы не пустым. Кажется, это еще одна функция на будущее, вероятно, будут показаны объекты, изображения и другие файлы, динамически подгружаемые или запускаемые на странице. Интересно что будет показано в случае всяких Flash плееров (Конечный файл то находится за ними и напрямую не доступен в общем случае).</p>
<p><a href="http://blog.alsedi.com/wp-content/upload/resources-tab.png"><img src="http://blog.alsedi.com/wp-content/upload/resources-tab-th.png" border="0" alt="" /><br />
Click!</a></p>
<p>Кстати, “Search” тоже не работает и не очень понятно к чему он относится – к поиску по элементам в DOM или к поиску по атрибутам выбранного элемента. Будет приятно, если он будет контекстный, и в зависимости от фокуса, будет искать в разных частях инспектора.</p>
<p>Есть несколько приятных особенностей панели атрибутов элемента:</p>
<ul>
<li>Реализована неплохая идея по визуализации цветов. Рядом с цветом появляется квадратик, показывающий цвет.</li>
<li>По выделенному элементу возможен поиск в выбранном поисковике, НО(!) страница поиска открывается прямо в окне инспектора, и при этом назад вернуться невозможно (в контекстном меню таких функций нет, а в системном меню окна она неактивны), только открыв и закрыв окно инспектора.<br />
<a href="http://blog.alsedi.com/wp-content/upload/inspector-search-bug.png"><img src="http://blog.alsedi.com/wp-content/upload/inspector-search-bug-th.png" border="0" alt="" /><br />
Click!</a></li>
<li>перегруженные стили зачеркиваются</li>
<li>можно посмотреть дополнительные свойства элемента, фактически вообще все параметры, которые как-либо привязаны к элементу в DOM модели, но и тут еще есть над чем работать. <a href="http://blog.alsedi.com/wp-content/upload/properties-bug.png"><img src="http://blog.alsedi.com/wp-content/upload/properties-bug-th.png" border="0" alt="" /><br />
Click!</a></li>
</ul>
<p>Поработав с Chrome уже три дня, я всё больше утверждаюсь во мнении, что множество положительных отзывов связаны не столько с браузером сколько с Google. Если бы этот же браузер вышел под именем небольшой компании, никто бы и внимания не обратил. Пока Chrome сыроват, не столько шустр как обещалось (что естественно, быстрый JS движек всё-таки взаимодействует с медленным WebKit’ом), по функциональности ничего особенного. С другой стороны это только начало и видно, что оставлено множество выходов на дополнительные функции – плагины, поиск, инструменты для разработчиков, специальные фишки для пользователей и интересная система безопасности, но это уже отдельная история.</p>
<p><a href="http://alsedi.com/blog/chast1-google-chrome/">Начало &#8220;Часть 1: Google Chrome&#8221;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alsedi.com/chast-2-google-chrome-dlya-razrabotchikov/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

