HTML / CSS Lint на основе JavaScript

Question

Существуют ли какие-либо средства проверки html / css, основанные на javascript, как JSLINT?

Answer 1

Если у вас нет особых требований, мешающих его выполнению, лучше всего идти по не-JavaScript-сценарию: W3C Validator

Если вы заинтересованы в его запуске в другом месте, доступен его исходный код .

Answer 2

Обновленная информация

• CSSLint - Линтер на основе JavaScript для CSS.Работает на Rhino, Node.js,
• CSSLint для Windows Script Host - модифицированная версия, которая работает на WSH

Пример сообщения об ошибке от последнего:

C:\dev\html>cscript //E:JScript c:\users\dino\bin\csslint-wsh.js --format=compiler style\basic.css

CSSLINT
style\basic.css(5,1) CSSLINT: warning: Heading (h1) has already been defined.
h1           { font-size: 20pt }
style\basic.css(6,1) CSSLINT: warning: Heading (h2) has already been defined.
h2           { font-size: 18pt; font-weight:bold; color: navy }
style\basic.css(7,1) CSSLINT: warning: Heading (h3) has already been defined.
h3           { font-size: 16pt; font-weight:bold; color: #483d8b;}
style\basic.css(8,1) CSSLINT: warning: Heading (h4) has already been defined.
h4           { font-size: 14pt; font-weight:bold; color:#C71585; margin-bottom:2px; }
style\basic.css(9,1) CSSLINT: warning: Heading (h5) has already been defined.
h5           { font-size: 12pt; font-weight:bold; color:#6495ED; margin-bottom:2px; }
style\basic.css(10,1) CSSLINT: warning: Heading (h6) has already been defined.
h6           { font-size: 10pt; font-weight:bold; color:navy }
style\basic.css(12,1) CSSLINT: warning: Element (td.head) is overqualified, just use .head without element name.
td.head      { font-size: 12pt; color: #c71585;   font-weight: bold; }
style\basic.css(39,4) CSSLINT: warning: Broken box model: using width with padding.
   width: 48%;
style\basic.css(44,4) CSSLINT: warning: Broken box model: using width with border.
   margin: 0.2em 0 0.2em 0;

Пример использования в Emacs с flymake:

Answer 3

Я недавно написал HTML lint в Javascript, который будет использоваться вместе с HTML minifier ( источник находится на github ). Он основан на подправленной версии парсера Resig / Arvidsson HTML.

Answer 4

HTML Inspector - это HTML-валидатор JavaScript, который может работать в браузере или на узле: https://github.com/philipwalton/html-inspector

Это тот же валидатор, который используется CodePen.

Answer 5

Я недавно начал использовать grunt-html после нескольких часов отладки, только из-за отсутствия закрывающей скобки >, из-за которой мой html-minifier завис.

Я не уверен, что он идеален, и при этом я не ожидаю, что он будет на 100% соответствовать стандартам W3C. Это, однако, помогает поймать синтаксис / простые ошибки.

Я также сталкивался с W3C-вариантом, t grunt-html-validation , а также с ним.