10 бесплатных сервисов для проверки сайта

1
Март
2010

10 бесплатных инструментов для проверки Вашего сайта

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

.01 Markup Validation Service

10 free tools for test your site - Markup Validation Service

Самый популярный сервис для проверки вашего кода. Я считаю, что каждый верстальщик должен знать о нем. Это очень удобный инструмент, который предоставляет гибкий сервис для проверки кода.  Поддерживает разные типы языков: HTML (уже есть возможность проверять HTML5), XHTML, MathML, SVG, SMIL. Свой код Вы можете проверить 3-мя способами:

  1. Раздел "Validate by URI". Если Ваш сайт уже выложен в Паутине, Вы можете просто вписать адрес своей странички в соответствующее поле на сервисе и оно тут же просканирует Ваш код и выдаст отчет.
  2. Раздел "Validate by File Upload". Если Ваш сайт только на локальном хостинге, то есть, находится только у Вас на компьютере, Вы можете загрузить файл Вашей странички на сайт проверки и он также само сделает свое дело.
  3. Этот способ скорее всего разрабатывался для тех ленивых верстальщиков, которым первый и второй способ не интересны)) Просто выделите свой код (Ctrl + A) и скопируйте (Ctrl + C), далее зайдите на сайте "валидатора" в раздел "Validate by Direct Input", вставьте Ваш код (Ctrl + V) и нажмите "Check".

З.Ы. Кстати, "Check" надо жать во всех трех разделах :-D

.02 CSS Validation Service

10 free tools for test your site - CSS Validation Service

Еще одно детище w3.org. Вслед за проверкой HTML-разметки нужно проверить правильный ли код в Вашей таблице каскадных стилей CSS. Этот инструмент идентичен "Markup Validation Service", все разделы такие же, только он проверяет Ваш CSS.

.03 Feed Validation Service

10 free tools for test your site - Feed Validation Service

Да да, Вы правильно поняли, проверяем синтаксис Atom или RSS каналов. Интерфейс такой же, как и в первых двух сервисах, правда тут только два раздела: "Validate by URI" и "Validate by Direct Input".

.04 Link Checker

10 free tools for test your site - Link Checker

Может проверим еще наши ссылки и анкоры? В этом нам поможет "Link Checker". Тут все просто, вводим URL адрес документа, выставляем галочки в  настройках и жмем "Check" :)

.05 W3C mobileOK Checker

10 free tools for test your site - W3C mobileOK Checker

А Ваш сайт нормально отображается на мобильных девайсах? Не знаете?) Сейчас проверим! Заходим на "W3C mobileOK Checker", видим знакомые нам 3 раздела проверки, выбираем более подходящий и проверяем веб-страничку на правильное отображение на мобильных устройствах.

.06 Web Page Analyzer

10 бесплатных инструментов для проверки Вашего сайта - Web Page Analyzer

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

.07 Access Color

10 бесплатных инструментов для проверки Вашего сайта - Access Color

Инструмент для проверки контрастности и яркости текста и фона. С помощью него мы можем узнать и увидеть, как будет восприниматься веб-страничка людьми с нарушенным зрением.

.08 Browsershots

10 бесплатных инструментов для проверки Вашего сайта - Browsershots

Этот сервис дает Вам возможность увидеть, как выглядит сайт в разных браузерах. Имеет гибкие настройки: можно выбирать разные версии браузеров под Windows OS, Mac OS, Linux, BSD; разрешения экрана; глубину цвета; поддержку Javascript, Java и Flash.

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

.09 NetRenderer

10 бесплатных инструментов для проверки Вашего сайта - NetRenderer

Инструмент позволит Вам увидеть, как выглядит Ваш сайт в IE 5.5, 6, 7 и 8. Полезная штуковина ;)

.10 Adobe PDF conversion

10 бесплатных инструментов для проверки Вашего сайта - Adobe PDF conversion

Сервис от Adobe, который конвертирует PDF-документы в HTML или простой текст. Правда конвертирует только в HTML 3.2.

Ну вот и все!) Надеюсь хоть какой-то сервис Вам будет полезен :) Если Вы знаете еще какие-нить полезные инструменты для верстальщиков, поделитесь! ;)

З.Ы. Сегодня стартовал свежий конкурс от Шелвина – «Сам себе победитель»! Призовой фонд составляет 500$! Спешите участвовать! ;)

З.Ы.Ы. А Большой Блог расскажет о проблемах блогосферы.

Подписаться на RSSВы можете подписаться на RSS или на E-mail рассылку:

Оставить комментарий с помощью формы ВКонтакте

Комментариев (22) к “10 бесплатных сервисов для проверки сайта”

  1. gwer пишет:

    Мне набор браузеров полезнее, чем всякие там валидаторы) Совершенно невалидный сайт будет отображаться нормально везде, в то время как сделанный по всем стандартам может во всех перестать отображаться почти вообще))
    Для проверки во всех версиях IE мне удобнее использовать мини-софтинку IETester. Хотя после наблюдений заметил, что достаточно подогнать под IE6, как семерка начинает нормально работать… Именно поэтому у меня неизменно “для чОрной работы” стоит IE6)))
    А вообще, как я уже многократно писал, надо нахрен избавляться от всяких осликов и старых браузеров. Свободу веб-дизайнерам – простоту, красоту и легкость пользователям!)

    • Oleg Mykhailenko пишет:

      Я “MultiplуIEs” юзаю для проверки в IE =) Правда на Win7 она не воркает(

      • gwer пишет:

        Кстати, сейчас просмотрел твой блог через Abilon – не в курсе, на каком движке стоит браузер там?)) – верстка так едет, что жутко даже, Ослик отдыхает)

  2. Lemberg пишет:

    Толковая подборка, спасибо. Проверил свой сайт в разных браузерах — ужаснулся. Вроде затачивал под IE, Firefox и Opera, нормально выглядит, а некоторые диковинные вырисовывают такое, что жутко становится. Теперь сужу, думаю о степени своей пряморукости :-D
    А вообще, такое ощущение, что девелоперы браузеров даже не читают спецификации CSS.

    • Oleg Mykhailenko пишет:

      Да ладно, w3c немного перебарщивает, уж слишком много “придирок” есть, хотя код, по большому счету, валидный.

  3. татьяна пишет:

    что делать если у меня ошибкак 404 и сайт невиден?

  4. Владимир пишет:

    Для себя открыл W3C mobileOK Checker.Спасибо автору.

  5. MikhailVD пишет:

    Интересный очень набор сервисов и полезный, только ссылка на проверку бэков не работает

  6. Новосервис пишет:

    Мне очень помогли сервисы, огромное спасибо за работу. Больше всего понравился браузер шот, помог исправить много ошибок!

  7. Виктор пишет:

    Всем привет! Я пользуюсь расширением для гугль хром Web Developer
    Под одной кнопкой – целый арсенал

  8. Лена пишет:

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

  9. Qui-Gon пишет:

    Админ, много сервисов не работает, а честно говоря ни одни не пашет, сделай что-то. %)

    • Oleg Mykhailenko пишет:

      У меня все отлично загружается. К тому же, если бы и не работало, я тут бессилен, сервисы же не мои :)

  10. Ivash3 пишет:

    Проверил свой сайт везде все работает понаходило кучу ошибок и много других разностей с которыми теперь мне надо побороться так что просто надо проскрипеть мозгами говорят иногда помогает *CRAZY*