Вебдизайн
Опубликовано в Zaandr

Инструменты дизайнера


Каждый кто хоть немного знаком с понятием вебдизайна не раз сталкивался с проблемами отображения сайтов в разных браузерах. Пальму первенства по нестандартному отображению держит Internet Expoler (Microsoft не считает нужным придерживаться стандартов, ему больше нравиться их создавать). Даже разниые версии IE отображают сайты по разному. Но всё, хватит лирики перейдем к делу.

Что же делать при таком большом количестве браузеров (Internet Expoler, Mozila Firefox, Opera, Navigator, Safari, Seamonkey — это только браузеры для ОС Windows)  и разных версий к ним? Да-да, приходиться подстраиваться под всех. Хоть основыные доли рынка и принадлежат IE и Firefox (и Опере, хоть по последним анализам это 1,5-2%, в числах пользователей это много!; сведения только среди ОС Windows). Вобщем как упростить жизнь? не держать же стольковерсий браузеров на компьютере! (а о ОС Linux и Unix тож не стоет забывать) Тут на помощь вебдизайнеру приходят сервесы (как никак на дворе web 2.0 и всякое такое  )

 Browsershots.org

Browsershots.org

Browsershots приходит нам на помощь! Что же такое Browsershots? Это онлайн сервис который позволяет увидеть как выглядит сайт во всех возможных браузерах. Принцип работы прост — вы даете ссылку на сайт, после чего сервис отдает её различным компьютерам, которые в автоматическом режиме открывают сайт и снимают скриншоты страницы, после чего отдают скриншоты на сервер, где вы можете во всех подробностя их расмотреть. Удобно и очень полезно! Скажим спасибо Johann C. Rocholl — создателю этого сервиса.
Да, кстати как вы могли понять сервис не русский по своему происхождению, но с русским языком у него всё в порядке, как и есчё с 18 языками. Если у вас русский ip-адрес вам даже настройки языка менять не надо.Вот список всех поддерживаемых браузеров:
для Linux
Dillo 0.8 /Epiphany 2.20 / Epiphany 2.22 / Firefox 1.0/ Firefox 1.5 / Firefox 2.0 / Firefox 3.0 / Flock 1.2 / Flock 2.0 / Galeon 1.3 / Galeon 2.0 / Iceape 1.1 / Iceweasel 2.0 / Iceweasel 3.0 / Kazehakase 0.2 / Kazehakase 0.4 / Kazehakase 0.5 / Konqueror 3.5 / Minefield 3.1 / Mozilla 1.7 / Navigator 9.0 / Opera 9.25 / Opera 9.50 / Opera 9.51 / SeaMonkey 1.1 / SeaMonkey 2.0
для Windows
Firefox 1.5 / Firefox 2.0 / Firefox 3.0 / Flock 1.2 / Flock 2.0 / K-Meleon 1.1 / Minefield 3.1 / MSIE 4.0 / MSIE 5.5 / MSIE 6.0 / MSIE 7.0 / MSIE 8.0 / Navigator 9.0 / Opera 9.23 / Opera 9.24 / Opera 9.25 / Opera 9.26 / Opera 9.27 / Opera 9.50 / Opera 9.51 / Safari 3.0 / Safari 3.1 / Safari 4.0 / SeaMonkey 1.1 / SeaMonkey 2.0
для Mac OS
Camino 1.6 / Firefox 2.0 / Firefox 3.0 / Safari 2.0 / Safari 3.0 / Safari 3.1 /Safari 4.0
Дополнительно
Настройка разрешения экрана,версии Java, версии Javascript, версии Flash
Регистрация
Регистрация дает ряд преимуществ, такие как: снятие ограничений на количество сделанных скриншотов, удобное обращение к уже сделанным ранее.

Так ну а теперь поговорим о двух милых програмках специально под Internet Expoler
Это CompanionJS — отладчик для IE и IETester — удобное средство тестирование сайта. Теперь по порядку.

CompanionJS — отладчик для IE

CompanionJS - отладчик для IE

CompanionJS — это отладчик скриптов для IE, как и Firebug для Firefox.
Он умеет:

  • Подробный лог ошибок с возможностью просмотра состояния стека.
  • Консольное API (фича «Firebug»).
  • Консоль Javascript и инспектор объектов.

[Прямая ссылка на скачивание с сайта автора]

IETester — удобное средство тестирование сайта

IETester - удобное средство тестирование сайта

Быстро и удобно протестировать сайт во всех версиях Internet Expoler — вот что умеет IETester. Все происходит в одном окне, разных вкладках. Русски язык только улучшает мнение о программе.
[Прямая ссылка на скачивание с сайта автора]

Ну и на последок ссылка на сайт разботчика этих программ — www.my-debugbar.com


Показать комментарии
  • Вован

    Хм… Читаю и понимаю, что ничего не понимаю о чем речь:)