Visual Studio Code и webhint

Вёрстка  /  IDE Visual Studio  /  HTML

Для тех, кто пользуется Visual Studio Code, может быть полезным попробовать webhint. Можете прочитать о нём в статье Getting hints from Visual Studio Code. А установить из маркетплейса. Краткое описание далее.

webhint — это линтёр для web-разработки. На сайте упомянуто, что webhint анализирует доступность, скорость загрузки и безопасность. Делает он это с помощью правил, которые, при желании, вы можете изменить или дополнить.

Помимо расширения для VS Code есть ещё два варианта. Можно воспользоваться онлайновым сканером или утилитой командной строки.

По ссылке выше описаны возможные проблемы с питоном, с ними не довелось столкнуться. Словил “EPERM: operation not permitted” от ноды, но это уже после проверки.

Пример запуска для ya.ru:

npx hint https://ya.ru

В результате получается красивый отчёт в папке hint-report, а в консоли краткая статистика:

axe 1 error highest-available-document-mode 1 error meta-viewport 1 error no-bom 1 error no-vulnerable-javascript-libraries 1 error meta-charset-utf-8 2 errors validate-set-cookie-header 4 errors sri 5 errors x-content-type-options 5 errors http-cache 6 errors no-disallowed-headers 6 errors strict-transport-security 6 errors content-type 8 errors html-checker 6 errors 3 warnings no-protocol-relative-urls 11 errors http-compression 14 errors × Found a total of 78 errors and 3 warnings
Обсудить в Twitter

Вёрстка  /  IDE Visual Studio  /  HTML