Инструменты


На что способен ваш браузер?

Новые версии браузеров дают новые возможности веб-разработчикам, к примеру, Safari поддерживает некоторые правила CSS3. Вот небольшой список тестов, позволяющих узнать, какие технологии поддерживает ваш браузер, и как обстоят дела с их поддержкой в других браузерах, чтобы определить, что можно использовать в своих проектах, а что не стоит.

  • Acid 2 Test
    Современные браузеры должны отображать это сложно изображение созданное с помощью CSS. У большинства браузеров с этим пока проблемы.
    Acid 2 Test
  • Селекторы CSS 3
    Поддерживает ли ваш браузер селекторы CSS3?
  • Набор страниц для тестирования поддержики CSS2 браузером
    автор Эрик Майер
  • Acidic Float Tests
    Тесты показывающие поведение плавающего блока, выходящего за границы родительского.
  • Набор CSS тестов
    Набор страниц тестирующих все возможности CSS 2.
  • CSS Тесты и эксперименты
    Множество примеров иллюстрирующих возможности браузеров.
    Acid 2 Tes
  • Cascading Style Sheets Test Suites
    Набор для тестирования поддержки CSS от W3C
  • PNG Test
    Набор PNG иконок для тестирования PNG декодеров, программ для просмотра PNG и браузеров. Множество различных вариантов иконок с глубиной цвета от 1 до 64 бит, в оттенках серого, с палитрой и в truecolor, interlaced и нет, с простой прозрачностью и с альфа-каналом, с фоном, гамма коррекцией, комментариями и др. есть даже некорректные и поврежденные в результате ошибки при передаче.
    Acid 2 Test
Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Онлайновые сервисы и инструменты

Конечно, полное представление об отображении сайта в различных браузерах можно получить, только установив их на свой компьютер, но если нужно просто проверить все ли в порядке, то онлайновые сервисы могут быть весьма полезны. Ассортимент сервисов достаточно широк, но многие из них платные.

  • IE Web Renderer
    IE NetRenderer позволяет посмотреть, как будет выглядеть сайт в IE 7, 6 или 5.5. Режимы Miixed и Difference показывают различия отображения в разных версиях (IE6 vs. IE7), накладывая скриншоты друг на друга
    Web Renderer
  • Browsershots
    Позволяет тестировать сайты не только в Firefox, Opera, IE и Safari, но и в экзотических браузерах (Dillo, Epiphany, Flock, Galeon, Konqueror, Seamonkey), возможна настройка разрешения и глубины цвета, а также поддержки JavaScript и Flash.Screenshot

    Все отправленные URL добавляются в очередь, время ожидания их обработки зависит от загруженности сервера. Вы можете создать закладку, чтобы вернуться за результатами своего запроса или получить уведомление по E-Mail или RSS. Можно загрузить все свои скриншоты в виде zip архива.

  • Litmus
    Не просто предоставляет вам скриншоты, но и содержит систему управления тестированием. Скриншоты создаются в почти в 30 различных браузерах в течении секунд, причем можно видеть всю страницу а не только ее верхнюю часть как в других сервисах. Сервис содержит систему контроля версий и отслеживания багов.Screenshot

    Сейчас сервис создает скриншоты в 17 браузерах для Windows и 6 браузерах для Mac OS X, а вскоре будут добавлены еще некоторые браузеры. И хотя сервис не столь всеобъемлющий как другие, цена достаточно высока и составляет 39$ в месяц за индивидуальную лицензию. Есть интересная возможность создания скриншотов рассылок в почтовых клиентах Outlook 2007, Outlook 2003, Outlook 2002, Outlook 2000, Gmail, Hotmail и AOL Mail.

  • Browser Photo
    Скриншоты в Internet Explorer, Opera, FireFox и Safari под Windows, Mac, и Linux, всего 24 различных комбинации, 15$ за один раз и $150 за неограниченное использование в течении года или для определенного домена.
  • Browsrcamp
    Бесплатно генерирует скриншоты в Safari 2.0.4 в пяти разрешениях. Есть и платная услуга, OS X Live Test — тестирование с полным контролем над системой Mac OS X, для этого вам нужен клиент VNC (Virtual Network Computing) и быстрое соединение. В процессе тестирования доступны браузеры Camino, Firefox, Flock, iCab, Mozilla, Netscape, OmniWeb, Opera, Safari, SeaMonkey и Shiira. Цена от $3 за два дня до $99 за год.

    Screenshot

  • Browsercam
    Предводитель в семействе тестовых сервисов, кроме скриншотов возможно удаленное управление браузером. Количество доступных браузеров постоянно растет, на данный момент это более 70 браузеров под Linux, Win и Mac, а также эмуляторы мобильных устройств BlackBerry и Win Mobile. Есть настройка разрешений и доступа к защищенным сайтам, возможна загрузка скриншотов в zip архиве.


    Screenshot

    По большому счету этот сервис предоставляет все, что вам может понадобиться. Возможны тарифные планы от $20 до $1000 в месяц.


    Screenshot

    Широкий выбор…

    Screenshot

    …и гибкая настройка!

  • BrowserPool
    При создании скриншота можно настроить все, что только можно придумать. Сотни различных сочетаний, десятки браузеров, тысячи скриншотов. Есть и удаленное управление браузером через VNC клиент. Цена $40 в месяц, в них включены 40 бесплатных часов. Возможна бесплатная тестовая регистрация.

    Screenshot

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Установка нескольких версий Safari одновременно.

Только одна версия Safari может быть установлена в Mac OS X. Способ рендеринга сайта определяет установленная версия Web Kit Framework. Но, как и в случае с IE, есть решение от стороннего производителя, Multi-Safari позволяет установить 10 версий Safari, начиная от 1.0 и до 2.0.4.

Multiple Safari

Multi-Safari позволяет установить десяток версий Safari.

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Установка нескольких версий Internet Explorer одновременно

В Windows предусмотрена возможность установки только одной версии Internet Explorer, но, чтобы гарантировать правильное отображение сайта в наиболее популярных браузерах, вам нужно как минимум IE6 и IE7. Microsoft предлагает использовать Virtual PC, чтобы запускать браузеры одновременно, но есть и более простое решение, Multiple IE`s package от TredoSoft позволяет установить на компьютер несколько версий IE.

Установка очень проста, достаточно следовать инструкциям, а в результате вы получаете IE3, IE4.01, IE5, IE5.5, IE6 абсолютно не зависящие друг от друга, причем установочный файл занимает всего 10Mb. Обратите внимание, что браузеры установленные таким образом работают не очень устойчиво и иногда падают без видимых причин, но, несмотря на это, свои задачи пакет выполняет в полном объеме. Установщик работает в Windows XP, пользователям Windows Vista придется использовать have to use Microsoft Visual PC 2007
Screenshot

Если вы хотите протестировать сайт в IE7, не устанавливая его на компьютер, обратите внимание на ieCapture. Мгновенный результат абсолютно бесплатно.

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Вот появился такой вопрос, как проверить PR внутренних страниц вашего сайта? Особенно если страниц этих много. Вручную все проверять очень напряжно. Путем несложного поиска по инету натолкнулся на статью в одном блоге, там рекомендуют воспользоваться следующими сервисами:

http://www.livepr.info/internal-pages-page-rank3.php
http://www.pagerank-monitor.com/index.aspx
http://www.rightscripts.com/pagerank/
http://www.seocompany.ca/tool/internal-page-rank.php

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

Google Bookmarks Digg Reddit del.icio.us Ma.gnolia Technorati Slashdot Yahoo My Web News2.ru БобрДобр.ru RUmarkz Ваау! Memori.ru rucity.com МоёМесто.ru Mister Wong

Next Page »