Nov 08

FireFox - пожалуй единственный браузер, который достаточно хорошо оснащён инструментами нужными веб. разработчику. Конечно эти дополнения нужно скачивать/устанавливать, а ещё нужно знать названия этих дополнений, чтобы их быстро найти и инсталлировать в FireFox.

FireFTP - очень удобный ftp клиент, в последнее время стал достаточно продвинутым и с ещё более понятным пользовательским интерфейсом.

IE Tab - достаточно удивительный инструмент, с его помощью вы можете легко увидеть как ваша страница будет выглядеть в Интернет Эксплорере, все это в один клик.

Firebug - с помощью данного дополнения вы можете редактировать, отлаживать и мониторить CSS, HTML и JavaScript на любой странице.

FirePHP - firebug дополнение для Ajax разработки

The Web Developer - самое главное дополнение, которое должен иметь на вооружении веб. разработчик, добавляет выпадаюшее меню и панель в браузер с различными инструментами для веб. разработки. Когда я первый раз установил данный компонент и увидел что в нем можно в View Source - View Generated Source вобщем увидеть не исходный HTML код, а уже измененный (через JavaScript или Ajax) а тогда я уже начинал использовать Ajax в своих проектах, сказать что я просто обрадовался ничего ни сказать, только произнес вслух НАКОНЕЦТО.

HTML Validator - понятно из названия, что это html валидатор, их кстати очень много среди дополнений к FireFox.

ColorZilla - вы можете получить цвет любой точки страницы отображаемой браузером, чтобы вставить в любую другую программу. Также есть увеличение страницы и линейка, чтобы замерять расстояние между двумя точками на странице. Вобщем тем кто часто грабит чужие палитры посвящается.

CSS Validator - дополнение проверяющее валидность CSS на текущей странице.

Venkman - кодовое имя для Mozilla’s JavaScript Debugger

iWEBTOOL - доступ к более чем 30 инструментам веб. разработчика прямо в вашем браузере

LinkChecker - из названия понятно, что дополнение предназначено для проверки сайтов на наличие неработающих ссылок

Load Time Analyzer - позволяет разработчику измерять и изображать графически скорость загрузки страниц в FireFox

Page validator - очередной валидатор W3C.

The Total Validator - валидатор

Modify Headers - позволяет пользователю добавлять изменять и фильтровать заголовки HTTP запросов.

The XPather - инспектор DOM.

LiveHTTPHeaders - показывает HTTP заголовки страниц в реальном времени.

Теги: ,

Nov 09

Сегодня в FireFox обнаружил что при обновлении через Xajax обновленная таблица выглядит так как будто там перепутаны открывающие/закрывающие теги (td, tr).

Сразу скажу что в IE6 этого не происходит.

С помощью Web Developer Toolbar смотрю (View Generated Source), и что вижу:

1) Тег form из первой ячейки закрыт, хотя я его не закрывал

2) Тег TD тоже закрыт, причем до содержимого ячейки, после содержимого естественно стоит </td> поставленное мною

Каждая строка таблицы содержит форму, вот так схематически выглядит строка, если таблицу получаю не через ajax

<tr>
   <td><form ...>1</td>
   <td>2</td>
   <td><input ...>3</td>
   <td></form>x</td>
</tr>

А вот так через xajax

<tr>
   <td><form ...></form>1</td>
   <td>2</td>
   <td><input ...>3</td>
   <td></td>x</td>
</tr>

Решение как такое победить пока не найдено …

Теги: ,