Как проверить сайт на ошибки онлайн?
Проверка сайта на ошибки – это неотъемлемая часть разработки, которая позволяет убедиться, что сайт действительно выглядит красиво и корректно, вне зависимости от того, какой используется браузер или операционная система. Тестирование веб-сайта перед запуском – это то, к чему нельзя относиться спустя рукава.
В этой статье мы хотим поделиться подборкой онлайн-инструментов, которые позволят протестировать сайт на ошибки, а также проверить, насколько валидно был написан код.
Инструменты для валидации веб-сайта
W3C markup validation service (он же validator w3 org)Этот сервис поможет проверить валидность разметки веб-документов в форматах HTML , XHTML , SMIL , MathML и т. д. И позволит исключить необходимость использования дополнительных инструментов.
Какие проверки осуществляются:
- Анализ синтаксиса и стилей;
- Проверка сайта на ошибки онлайн.
Позволяет проверить код CSS и (X)HTML-документы с таблицами. Если нужно валидировать CSS , встроенный в (X)HTML-код , то сначала нужно будет проверить разметку.
ChecklinkПроверяет ссылки и анкоры на отдельных веб-страницах или на целом сайте. Этот инструмент позволяет выявить проблемы, связанные со ссылками, анкорами и объектами в веб-странице, CSS-таблицами и т. д. Сначала убедитесь, что в проверяемых документах используется валидная (X)HTML-разметка и CSS-код .
Бесплатный сервис для W3C-валидации ленты рассылок ( Feed ), который позволяет проверить синтаксис Atom или RSS . Вы можете проверить сайт на ошибки по URL или с помощью прямого ввода кода.
Mobile checkerИнструмент позволяет проводить различные тесты веб-страниц для определения того, насколько они адаптированы под мобильные устройства. Тесты описаны в спецификации mobileOK Basic Tests 1.0 . Веб-страница считается адаптированной, если проходит сразу все тесты.
HTML ValidatorHTML Validator от WDG по функционалу напоминает сервис валидации от W3C . Основные отличия были исключены с выходом обновленной версии W3C-валидатора .
Watson's site validation checkВалидатор HTML онлайн Dr. Watson – бесплатный сервис, который позволяет проверить сайт на ошибки онлайн. Укажите URL-адрес страницы, которую необходимо проверить, и Watson сразу же сделает ее копию. Он также умеет исследовать множество других аспектов сайта: валидность ссылок, скорость скачивания, оптимизация под поисковые системы и т. д. Многие функции совмещены в одну. Если требуется решение « все в одном », то этот инструмент вам точно пригодится.
Какие проводятся проверки:
- Скорость загрузки страницы;
- Анализ синтаксиса и стилей;
- Подсчет количества слов;
- Проверка орфографии;
- Проверка ссылок;
- Уровень оптимизации под поисковые системы;
- Проверка входящих ссылок;
- Проверка исходного кода.
Эту форму можно использовать для проверки XML-документов на валидность. Инструмент проверяет и все подкрепленные внешние файлы на наличие синтаксических ошибок и находит лишние пробелы.
Robots checkerИнструмент позволяет проверить сайт на ошибки кода файла Robots.txt . Несмотря на то, что он может распознать как ошибки и некоторые ваши исключения, их тоже не мешало бы проверить. Простой, но мощный и многофункциональный инструмент.
URL checkerInternetSupervision™ - это сервис, который отслеживает доступность HTML , FTP , почтовых серверов ( SMTP и POP3 ), наблюдает за производительностью сайта и транзакциями в интернет-магазине ( включая активность некоторых форм на странице ).
Инструменты для оценки и проверки универсального доступа
Webaccessibility checkerЭтот инструмент умеет проверять отдельные HTML-страницы на соответствие стандартам универсального доступа.
Color contrastЭтот инструмент позволяет проверить контрастность и яркость цветов на переднем и заднем фоне всех DOM-элементов . Правильное сочетание цветов гарантирует, что текст будет виден даже людям с плохим зрением. AccessColor также помогает найти оптимальное сочетание цветов для HTML и CSS-документов .
Web accessibily evaluation tool-WAVEWAVE – бесплатный инструмент для проверки доступности сайта. Вместо сложного технического отчета WAVE показывает исходный вариант страницы и использует специальные иконки и индикаторы, которые позволяют определить проблемные места.
Accessibility with styleHERA – инструмент для проверки доступности веб-страниц и их соответствия спецификации Web Content Accessibility Guidelines . HERA выполняет необходимый набор тестов на каждой странице, и автоматически определяет проблемные места.
Adobe PDF conversionЭтот сервис позволяет конвертировать любые веб-страницы на английском языке в PDF-документы . « Прогоняя » контент через этот инструмент, вы столкнетесь с тем, что Adobe временами будет испытывать сложности с доступом к тому или иному фрагменту.
Оценка производительности сайта
Pingdom toolsИнструмент для проверки сайта на наличие ошибок. Full Page Test загружает сразу HTML-страницу , включая все объекты ( изображения, CSS , Javascript , RSS , Flash и фреймы ). Затем он имитирует процесс загрузки страницы в веб-браузере, и подсчитывает, сколько времени уходит на загрузку того или иного объекта.
Webpage analyzerБесплатный инструмент для тестирования скорости работы сайта. Он подсчитывает размер отдельных элементов и компонентов веб-страницы каждого типа. В зависимости от характеристик страницы, скрипт предлагает варианты оптимизации скорости работы сайта.
Проверка кросс-браузерности
Browser shotsПозволяет проверить сайт на наличие ошибок. Browsershots делает скриншоты вашего дизайна в различных операционных системах и браузерах. Это веб-приложение с открытым исходным кодом, которое предлагает разработчикам удобный способ тестирования сайтов на совместимость с браузерами. Адрес будет добавлен в очередь сразу после того, как вы введете его. После этого сервис сделает все необходимые скриншоты и загрузит результаты.
IE net rendererIE NetRenderer позволяет проверить, как отображается сайт в Internet Explorer 7, 6 или 5.5 .
ViewlikeЭтот инструмент позволяет проверить, как выглядит сайт при различных разрешениях. Инструмент работает на основе Ajax и PHP , а это значит, что вам не придется ничего скачивать. Введите нужный URL-адрес и получите результат.
А какими инструментами для тестирования сайтов пользуетесь вы? Пожалуйста, поделитесь в комментариях!