Перевірка сайту на помилки - це невід'ємна частина розробки, яка дозволяє переконатися, що сайт дійсно виглядає красиво і коректно, незалежно від того, який використовується браузер або операційна система. Тестування веб-сайту перед запуском - це те, до чого не можна ставитися абияк.
У цій статті ми хочемо поділитися добіркою онлайн-інструментів, які дозволять протестувати сайт на помилки, а також перевірити, наскільки валідність був написаний код.
Інструменти для валідації веб-сайту
1. W3C markup validation service
Цей сервіс допоможе перевірити валідність розмітки веб-документів в форматах HTML. XHTML. SMIL. MathML і т. Д. І дозволить виключити необхідність використання додаткових інструментів.
Які перевірки здійснюються:- Аналіз синтаксису і стилів;
- Перевірка сайту на помилки онлайн.
2. CSS validator
Дозволяє перевірити код CSS і (X) HTML-документи з таблицями. Якщо потрібно затверджувати CSS. вбудований в (X) HTML-код. то спочатку потрібно буде перевірити розмітку.
3. Checklink
Безкоштовний сервіс для W3C-валідації стрічки розсилок (Feed), який дозволяє перевірити синтаксис Atom або RSS. Ви можете перевірити сайт на помилки по URL або за допомогою прямого введення коду.
5. Mobile checker
Інструмент дозволяє проводити різні тести веб-сторінок для визначення того, наскільки вони адаптовані під мобільні пристрої. Тести описані в специфікації mobileOK Basic Tests 1.0. Веб-сторінка вважається адаптованої, якщо проходить відразу всі тести.
6. HTML Validator
HTML Validator від WDG по функціоналу нагадує сервіс валідації від W3C. Основні відмінності були виключені з виходом оновленої версії W3C-валідатора.
7. Watson's site validation check
Які проводяться перевірки:- Швидкість завантаження сторінки;
- Аналіз синтаксису і стилів;
- Підрахунок кількості слів;
- Перевірка орфографії;
- Перевірка посилань;
- Рівень оптимізації під пошукові системи;
- Перевірка вхідних посилань;
- Перевірка вихідного коду.
8. XML well checker and validator
Цю форму можна використовувати для перевірки XML-документів на валідність. Інструмент перевіряє і все підкріплені зовнішні файли на наявність синтаксичних помилок і знаходить зайві прогалини.
9. Robots checker
Інструмент дозволяє перевірити сайт на помилки коду файлу Robots.txt. Незважаючи на те, що він може розпізнати як помилки і деякі ваші виключення, їх теж не завадило б перевірити. Простий, але потужний і багатофункціональний інструмент.
10. URL checker
InternetSupervision ™ - це сервіс, який відстежує доступність HTML. FTP. поштових серверів (SMTP і POP3), спостерігає за продуктивністю сайту і транзакціями в інтернет-магазині (включаючи активність деяких форм на сторінці).
Інструменти для оцінки і перевірки універсального доступу
11. Webaccessibility checker
Цей інструмент вміє перевіряти окремі HTML-сторінки на відповідність стандартам універсального доступу.
12. Color contrast
Цей інструмент дозволяє перевірити контрастність і яскравість кольорів на передньому і задньому фоні всіх DOM-елементів. Правильне поєднання кольорів гарантує, що текст буде видно навіть людям з поганим зором. AccessColor також допомагає знайти оптимальне поєднання кольорів для HTML і CSS-документів.
13. Web accessibily evaluation tool-WAVE
WAVE - безкоштовний інструмент для перевірки доступності сайту. Замість складного технічного звіту WAVE показує вихідний варіант сторінки і використовує спеціальні іконки та індикатори, які дозволяють визначити проблемні місця.
14. Accessibility with style
HERA - інструмент для перевірки доступності веб-сторінок і їх відповідності специфікації Web Content Accessibility Guidelines. HERA виконує необхідний набір тестів на кожній сторінці, і автоматично визначає проблемні місця.
15. Adobe PDF conversion
Цей сервіс дозволяє конвертувати будь-які веб-сторінки англійською мовою в PDF-документи. «Проганяючи» контент через цей інструмент, ви зіткнетеся з тим, що Adobe часом буде зазнавати труднощів з доступом до того чи іншого фрагменту.
Оцінка продуктивності сайту
16. Pingdom tools
17. Webpage analyzer
Безкоштовний інструмент для тестування швидкості роботи сайту. Він підраховує розмір окремих елементів і компонентів веб-сторінки кожного типу. Залежно від характеристик сторінки, скрипт пропонує варіанти оптимізації швидкості роботи сайту.
Перевірка крос-браузерності
18. Browser shots
19. IE net renderer
IE NetRenderer дозволяє перевірити, як відображається сайт в Internet Explorer 7, 6 або 5.5.
20. Viewlike
Переклад статті "Website Validation and Testing: 20 Online Tools" був підготовлений дружною командою проекту Сайтобудування від А до Я.