• 4106
  • 0
  • Уровень сложности исполнения: Справочник

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

Тестирование это та вещь, к которой нельзя относится легкомысленно. Так как если даже небольшая ошибка осталась незамеченной, то в результате это может сказаться фатальным образом на вашем сайте.

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

Тестирование это та вещь, к которой нельзя относится легкомысленно. Так как если даже небольшая ошибка осталась незамеченной, то в результате это может сказаться фатальным образом на вашем сайте.

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


1. validator.w3.org

Link Checker ищет проблемные ссылки на веб-странице, файлах CSS, или рекурсивно по всему Web-сайту. Для лучших результатов, рекомендуется сначала убедиться что код в документе валидный.


2. URL checker

InternetSupervision - служба, которая контролирует доступность HTML, FTP, SMTP, POP3, также контролирует производительность веб-сайта и транзакций электронной коммерции (включая формы веб-сайта) и обеспечивает контроль над контентом веб-сайта (в случае кибератаки).


3. Mobile checker

Это средство проверки выполняет различные тесты на Веб-странице, чтобы определить ее уровень мобильной совместимости. Тесты определены в mobileOK Basic Tests 1.0 specification. Веб-страница - mobileOK когда она проходит все тесты.


4. Unicorn

unicorn_thumb


5. CSS validator

Cssvalidation

Этот валидатор показывает существующие ошибки в HTML с CSS или только в CSS, в зависимости от вашего выбора.


6. RSS Feed Validator


FeedValidationService

Этот сервис проверяет синтаксис Atoms или RSS feeds.


7. Accessibility with style

testingaccesibilitywithstyl

Сервис проверяет соответствие веб-страниц спецификации Web Content Accessibility Guidelines(WCAG 1.0).


8. Color contrast

accesskeys

AccessColor тестирует яркость и контраст цвета относительно переднего плана и фона всех элементов на странице, чтобы удостовериться, что контрастность достаточно высокая для людей с плохим зрением. Этот инструмент поможет веб-разработчикам создать доступные веб-сайты, визуально отмечая раздел (ы) страницы с проблематичными цветовыми комбинациями.


9. WDG HTML Validator


wdghtmlgenerator_thumb

The WDG HTML валидатор проверяет ваши страницы на налицие ошибок.


10. Dr. Watson’s site validation check

Dr.watson

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


11. Robots checker

Robots

Этот инструмент проверяет ваш Robots.txt на валидность.


12. Firebug Firefox Extension

firebug

Firebug - это плагин для Firefox, который предлагает большие возможности для веб-разработки прямо в вашем браузере. Вы можете редактировать, отлаживать и мониторить CSS, HTML, и JavaScript "на лету" на любой веб-странице.


13. Load Impact

loadImpact_thumb

Load Impact - это онлайновая служба тестирования нагрузки.


14. Accessibility-Checker

AcChecker_thumb

Это - средство проверки доступности, и оно проверяет соответствие веб-страниц согласно стандартам доступности.


15. Viewlike

viewLike_thumb

Совершенно новый сайт, который позволяет Вам проверять, как Ваш веб-сайт смотрит в самых популярных форматах разрешения экрана.


16. Web Page Analyzer


websiteoptimization_thumb

Анализирует размер страницы, время загрузки, скорость и много других вещей Вашего веб-сайта.


17. Browser shots

222_thumb

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


18. FAE – Functional Accessibility Evaluator

fae_thumb

Используйте этот инструмент, чтобы оценить функциональную доступность одной веб-страницы


19. Pingdom tools

pingdomtools_thumb

Сервис проверяет время загрузки страниц Вашего сайта.


20. WebAIM Wave


wave_thumb


21. Spoon Browser Sandbox

spoon_thumb


22. WebSitePulse Test Tools

websitepulse_thumb

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


23. NetRenderer

netrenderer_thumb

Онлайн инструмент, который показывает как выглядит ваш сайт в IE 6/7/5.5


24. YSlow


yslow_thumb

YSlow анализирует веб-страницы и предлагает способы улучшить их производительность, основанную на ряде правил для высоконагруженных веб-страниц. YSlow - дополнение Firefox, интегрированное с инструментом веб-разработки Firebug.


25. WebXM


IBM_thumb

Используйте этот Online Risk Management инструмент, чтобы проверить доступность, качество, конфиденциальность, безопасность и проблемы вашего веб-сайта.


26. Web Accessibility Inspector

wi

Web Accessibility Inspector исследует доступность веб-сайта и указывает на любые важные проблемы.


27. Web page reports

webpageresults_thumb

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


28. Colour Contrast Analyser


colorcontrats_thumb

Используйте W3C Colour Contrast алгоритм, чтобы проверить контрастность цветов на вашей странице.


29. ColorDoctor


colordoctor_thumb


Можешь почитать и вот эту статейку "Выводим Нужный блок только на главной "

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

какой форум лучше для вас
Результаты

----