diff --git a/coverage.html b/coverage.html index a0100f39a..ac7c76340 100644 --- a/coverage.html +++ b/coverage.html @@ -338,4 +338,4 @@ code .string { color: #5890AD } code .keyword { color: #8A6343 } code .number { color: #2F6FAD } -
Line | Hits | Source |
---|---|---|
1 | /** | |
2 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
3 | * MIT Licensed | |
4 | */ | |
5 | 1 | var HTMLHint = (function (undefined) { |
6 | ||
7 | 1 | var rules = []; |
8 | ||
9 | 1 | var HTMLHint = {}; |
10 | ||
11 | 1 | HTMLHint.version = '@VERSION'; |
12 | ||
13 | //默认配置 | |
14 | 1 | HTMLHint.defaultRuleset = { |
15 | 'tagname-lowercase': true, | |
16 | 'attr-lowercase': true, | |
17 | 'attr-value-double-quotes': true, | |
18 | 'doctype-first': true, | |
19 | 'tag-pair': true, | |
20 | 'spec-char-escape': true | |
21 | }; | |
22 | ||
23 | 1 | HTMLHint.addRule = function(rule){ |
24 | 15 | rules[rule.id] = rule; |
25 | }; | |
26 | ||
27 | 1 | HTMLHint.verify = function(html, ruleset){ |
28 | 43 | if(ruleset === undefined){ |
29 | 1 | ruleset = HTMLHint.defaultRuleset; |
30 | } | |
31 | 43 | var parser = new HTMLParser(), |
32 | reporter = new HTMLHint.Reporter(html.split(/\r?\n/), ruleset); | |
33 | ||
34 | 43 | var rule; |
35 | 43 | for (var id in ruleset){ |
36 | 48 | rule = rules[id]; |
37 | 48 | if (rule !== undefined){ |
38 | 48 | rule.init(parser, reporter, ruleset[id]); |
39 | } | |
40 | } | |
41 | ||
42 | 43 | parser.parse(html); |
43 | ||
44 | 43 | return reporter.messages; |
45 | }; | |
46 | ||
47 | 1 | return HTMLHint; |
48 | ||
49 | })(); | |
50 | ||
51 | 1 | if (typeof exports === 'object' && exports){ |
52 | 1 | exports.HTMLHint = HTMLHint; |
53 | } | |
54 | /** | |
55 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
56 | * MIT Licensed | |
57 | */ | |
58 | 1 | (function(HTMLHint, undefined){ |
59 | ||
60 | 1 | var Reporter = function(){ |
61 | 43 | var self = this; |
62 | 43 | self._init.apply(self,arguments); |
63 | }; | |
64 | ||
65 | 1 | Reporter.prototype = { |
66 | _init: function(lines, ruleset){ | |
67 | 43 | var self = this; |
68 | 43 | self.lines = lines; |
69 | 43 | self.ruleset = ruleset; |
70 | 43 | self.messages = []; |
71 | }, | |
72 | //错误 | |
73 | error: function(message, line, col, rule, raw){ | |
74 | 17 | this.report('error', message, line, col, rule, raw); |
75 | }, | |
76 | //警告 | |
77 | warn: function(message, line, col, rule, raw){ | |
78 | 26 | this.report('warning', message, line, col, rule, raw); |
79 | }, | |
80 | //信息 | |
81 | info: function(message, line, col, rule, raw){ | |
82 | 0 | this.report('info', message, line, col, rule, raw); |
83 | }, | |
84 | //报告 | |
85 | report: function(type, message, line, col, rule, raw){ | |
86 | 43 | var self = this; |
87 | 43 | self.messages.push({ |
88 | type: type, | |
89 | message: message, | |
90 | raw: raw, | |
91 | evidence: self.lines[line-1], | |
92 | line: line, | |
93 | col: col, | |
94 | rule: rule | |
95 | }); | |
96 | } | |
97 | }; | |
98 | ||
99 | 1 | HTMLHint.Reporter = Reporter; |
100 | ||
101 | })(HTMLHint); | |
102 | /** | |
103 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
104 | * MIT Licensed | |
105 | */ | |
106 | 1 | var HTMLParser = (function(undefined){ |
107 | ||
108 | 1 | var HTMLParser = function(){ |
109 | 65 | var self = this; |
110 | 65 | self._init.apply(self,arguments); |
111 | }; | |
112 | ||
113 | 1 | HTMLParser.prototype = { |
114 | _init: function(){ | |
115 | 65 | var self = this; |
116 | 65 | self._listeners = {}; |
117 | 65 | self._mapCdataTags = self.makeMap("script,style"); |
118 | 65 | self._arrBlocks = []; |
119 | }, | |
120 | ||
121 | makeMap: function(str){ | |
122 | 71 | var obj = {}, items = str.split(","); |
123 | 71 | for ( var i = 0; i < items.length; i++ ){ |
124 | 214 | obj[ items[i] ] = true; |
125 | } | |
126 | 71 | return obj; |
127 | }, | |
128 | ||
129 | // parse html code | |
130 | parse: function(html){ | |
131 | ||
132 | 65 | var self = this, |
133 | mapCdataTags = self._mapCdataTags; | |
134 | ||
135 | 65 | var regTag=/<(?:\/([^\s>]+)\s*|!--([\s\S]*?)--|!([^>]*?)|([\w\-:]+)((?:"[^"]*"|'[^']*'|[^"'<>])*?)\s*(\/?))>/g, |
136 | regAttr = /\s*([\w\-:]+)(?:\s*=\s*(?:(")([^"]*)"|(')([^']*)'|([^\s]+)))?/g, | |
137 | regLine = /\r?\n/g; | |
138 | ||
139 | 65 | var match, matchIndex, lastIndex = 0, tagName, arrAttrs, tagCDATA, attrsCDATA, arrCDATA, lastCDATAIndex = 0, text; |
140 | 65 | var lastLineIndex = 0, line = 1; |
141 | 65 | var arrBlocks = self._arrBlocks; |
142 | ||
143 | 65 | self.fire('start', { |
144 | pos: 0, | |
145 | line: 1, | |
146 | col: 1 | |
147 | }); | |
148 | ||
149 | 65 | while((match = regTag.exec(html))){ |
150 | 122 | matchIndex = match.index; |
151 | 122 | if(matchIndex > lastIndex){//保存前面的文本或者CDATA |
152 | 25 | text = html.substring(lastIndex, matchIndex); |
153 | 25 | if(tagCDATA){ |
154 | 10 | arrCDATA.push(text); |
155 | } | |
156 | else{//文本 | |
157 | 15 | saveBlock('text', text, lastIndex); |
158 | } | |
159 | } | |
160 | 122 | lastIndex = regTag.lastIndex; |
161 | ||
162 | 122 | if((tagName = match[1])){ |
163 | 39 | if(tagCDATA && tagName === tagCDATA){//结束标签前输出CDATA |
164 | 11 | text = arrCDATA.join(''); |
165 | 11 | saveBlock('cdata', text, lastCDATAIndex, { |
166 | 'tagName': tagCDATA, | |
167 | 'attrs': attrsCDATA | |
168 | }); | |
169 | 11 | tagCDATA = null; |
170 | 11 | attrsCDATA = null; |
171 | 11 | arrCDATA = null; |
172 | } | |
173 | 39 | if(!tagCDATA){ |
174 | //标签结束 | |
175 | 38 | saveBlock('tagend', match[0], matchIndex, { |
176 | 'tagName': tagName | |
177 | }); | |
178 | 38 | continue; |
179 | } | |
180 | } | |
181 | ||
182 | 84 | if(tagCDATA){ |
183 | 1 | arrCDATA.push(match[0]); |
184 | } | |
185 | else{ | |
186 | 83 | if((tagName = match[4])){//标签开始 |
187 | 70 | arrAttrs = []; |
188 | 70 | var attrs = match[5], |
189 | attrMatch, | |
190 | attrMatchCount = 0; | |
191 | 70 | while((attrMatch = regAttr.exec(attrs))){ |
192 | 57 | var name = attrMatch[1], |
193 | quote = attrMatch[2] ? attrMatch[2] : | |
194 | attrMatch[4] ? attrMatch[4] : '', | |
195 | value = attrMatch[3] ? attrMatch[3] : | |
196 | attrMatch[5] ? attrMatch[5] : | |
197 | attrMatch[6] ? attrMatch[6] : ''; | |
198 | 57 | arrAttrs.push({'name': name, 'value': value, 'quote': quote, 'index': attrMatch.index, 'raw': attrMatch[0]}); |
199 | 57 | attrMatchCount += attrMatch[0].length; |
200 | } | |
201 | 70 | if(attrMatchCount === attrs.length){ |
202 | 69 | saveBlock('tagstart', match[0], matchIndex, { |
203 | 'tagName': tagName, | |
204 | 'attrs': arrAttrs, | |
205 | 'close': match[6] | |
206 | }); | |
207 | 69 | if(mapCdataTags[tagName]){ |
208 | 11 | tagCDATA = tagName; |
209 | 11 | attrsCDATA = arrAttrs.concat(); |
210 | 11 | arrCDATA = []; |
211 | 11 | lastCDATAIndex = lastIndex; |
212 | } | |
213 | } | |
214 | else{//如果出现漏匹配,则把当前内容匹配为text | |
215 | 1 | saveBlock('text', match[0], matchIndex); |
216 | } | |
217 | } | |
218 | 13 | else if(match[2] || match[3]){//注释标签 |
219 | 13 | saveBlock('comment', match[0], matchIndex, { |
220 | 'content': match[2] || match[3], | |
221 | 'long': match[2]?true:false | |
222 | }); | |
223 | } | |
224 | } | |
225 | } | |
226 | ||
227 | 65 | if(html.length > lastIndex){ |
228 | //结尾文本 | |
229 | 9 | text = html.substring(lastIndex, html.length); |
230 | 9 | saveBlock('text', text, lastIndex); |
231 | } | |
232 | ||
233 | 65 | self.fire('end', { |
234 | pos: lastIndex, | |
235 | line: line, | |
236 | col: lastIndex - lastLineIndex + 1 | |
237 | }); | |
238 | ||
239 | //存储区块 | |
240 | 65 | function saveBlock(type, raw, pos, data){ |
241 | 156 | var col = pos - lastLineIndex + 1; |
242 | 156 | if(data === undefined){ |
243 | 25 | data = {}; |
244 | } | |
245 | 156 | data.raw = raw; |
246 | 156 | data.pos = pos; |
247 | 156 | data.line = line; |
248 | 156 | data.col = col; |
249 | 156 | arrBlocks.push(data); |
250 | 156 | self.fire(type, data); |
251 | 156 | var lineMatch; |
252 | 156 | while((lineMatch = regLine.exec(raw))){ |
253 | 18 | line ++; |
254 | 18 | lastLineIndex = pos + regLine.lastIndex; |
255 | } | |
256 | } | |
257 | ||
258 | }, | |
259 | ||
260 | // add event | |
261 | addListener: function(types, listener){ | |
262 | 83 | var _listeners = this._listeners; |
263 | 83 | var arrTypes = types.split(/[,\s]/), type; |
264 | 83 | for(var i=0, l = arrTypes.length;i<l;i++){ |
265 | 86 | type = arrTypes[i]; |
266 | 86 | if (_listeners[type] === undefined){ |
267 | 82 | _listeners[type] = []; |
268 | } | |
269 | 86 | _listeners[type].push(listener); |
270 | } | |
271 | }, | |
272 | ||
273 | // fire event | |
274 | fire: function(type, data){ | |
275 | 286 | if (data === undefined){ |
276 | 0 | data = {}; |
277 | } | |
278 | 286 | data.type = type; |
279 | 286 | var self = this, |
280 | listeners = [], | |
281 | listenersType = self._listeners[type], | |
282 | listenersAll = self._listeners['all']; | |
283 | 286 | if (listenersType !== undefined){ |
284 | 71 | listeners = listeners.concat(listenersType); |
285 | } | |
286 | 286 | if (listenersAll !== undefined){ |
287 | 112 | listeners = listeners.concat(listenersAll); |
288 | } | |
289 | 286 | for (var i = 0, l = listeners.length; i < l; i++){ |
290 | 179 | listeners[i].call(self, data); |
291 | } | |
292 | }, | |
293 | ||
294 | // remove event | |
295 | removeListener: function(type, listener){ | |
296 | 13 | var listenersType = this._listeners[type]; |
297 | 13 | if(listenersType !== undefined){ |
298 | 11 | for (var i = 0, l = listenersType.length; i < l; i++){ |
299 | 8 | if (listenersType[i] === listener){ |
300 | 8 | listenersType.splice(i, 1); |
301 | 8 | break; |
302 | } | |
303 | } | |
304 | } | |
305 | }, | |
306 | ||
307 | //fix pos if event.raw have \n | |
308 | fixPos: function(event, index){ | |
309 | 3 | var text = event.raw.substr(0, index); |
310 | 3 | var arrLines = text.split(/\r?\n/), |
311 | lineCount = arrLines.length - 1, | |
312 | line = event.line, col; | |
313 | 3 | if(lineCount > 0){ |
314 | 1 | line += lineCount; |
315 | 1 | col = arrLines[lineCount].length + 1; |
316 | } | |
317 | else{ | |
318 | 2 | col = event.col + index; |
319 | } | |
320 | 3 | return { |
321 | line: line, | |
322 | col: col | |
323 | }; | |
324 | }, | |
325 | ||
326 | // covert array type of attrs to map | |
327 | getMapAttrs: function(arrAttrs){ | |
328 | 6 | var mapAttrs = {}, |
329 | attr; | |
330 | 6 | for(var i=0,l=arrAttrs.length;i<l;i++){ |
331 | 6 | attr = arrAttrs[i]; |
332 | 6 | mapAttrs[attr.name] = attr.value; |
333 | } | |
334 | 6 | return mapAttrs; |
335 | } | |
336 | }; | |
337 | ||
338 | 1 | return HTMLParser; |
339 | ||
340 | })(); | |
341 | ||
342 | 1 | if (typeof exports === 'object' && exports){ |
343 | 1 | exports.HTMLParser = HTMLParser; |
344 | } | |
345 | /** | |
346 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
347 | * MIT Licensed | |
348 | */ | |
349 | 1 | HTMLHint.addRule({ |
350 | id: 'attr-lowercase', | |
351 | description: 'Attribute name must be lowercase.', | |
352 | init: function(parser, reporter){ | |
353 | 3 | var self = this; |
354 | 3 | parser.addListener('tagstart', function(event){ |
355 | 3 | var attrs = event.attrs, |
356 | attr, | |
357 | col = event.col + event.tagName.length + 1; | |
358 | 3 | for(var i=0, l=attrs.length;i<l;i++){ |
359 | 3 | attr = attrs[i]; |
360 | 3 | var attrName = attr.name; |
361 | 3 | if(attrName !== attrName.toLowerCase()){ |
362 | 2 | reporter.error('Attribute name [ '+attrName+' ] must be lower case.', event.line, col + attr.index, self, attr.raw); |
363 | } | |
364 | } | |
365 | }); | |
366 | } | |
367 | }); | |
368 | /** | |
369 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
370 | * MIT Licensed | |
371 | */ | |
372 | 1 | HTMLHint.addRule({ |
373 | id: 'attr-value-double-quotes', | |
374 | description: 'Attribute value must closed by double quotes.', | |
375 | init: function(parser, reporter){ | |
376 | 4 | var self = this; |
377 | 4 | parser.addListener('tagstart', function(event){ |
378 | 4 | var attrs = event.attrs, |
379 | attr, | |
380 | col = event.col + event.tagName.length + 1; | |
381 | 4 | for(var i=0, l=attrs.length;i<l;i++){ |
382 | 6 | attr = attrs[i]; |
383 | 6 | if(attr.quote !== '"' && (attr.value !== '' || (attr.value === attr.quote === ''))){ |
384 | 2 | reporter.error('The value of attribute [ '+attr.name+' ] must closed by double quotes.', event.line, col + attr.index, self, attr.raw); |
385 | } | |
386 | } | |
387 | }); | |
388 | } | |
389 | }); | |
390 | /** | |
391 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
392 | * MIT Licensed | |
393 | */ | |
394 | 1 | HTMLHint.addRule({ |
395 | id: 'attr-value-not-empty', | |
396 | description: 'Attribute must set value.', | |
397 | init: function(parser, reporter){ | |
398 | 3 | var self = this; |
399 | 3 | parser.addListener('tagstart', function(event){ |
400 | 3 | var attrs = event.attrs, |
401 | attr, | |
402 | col = event.col + event.tagName.length + 1; | |
403 | 3 | for(var i=0, l=attrs.length;i<l;i++){ |
404 | 3 | attr = attrs[i]; |
405 | 3 | if(attr.quote === '' && attr.value === ''){ |
406 | 1 | reporter.warn('The attribute [ '+attr.name+' ] must set value.', event.line, col + attr.index, self, attr.raw); |
407 | } | |
408 | } | |
409 | }); | |
410 | } | |
411 | }); | |
412 | /** | |
413 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
414 | * MIT Licensed | |
415 | */ | |
416 | 1 | HTMLHint.addRule({ |
417 | id: 'csslint', | |
418 | description: 'Scan css with csslint.', | |
419 | init: function(parser, reporter, options){ | |
420 | 1 | var self = this; |
421 | 1 | parser.addListener('cdata', function(event){ |
422 | 1 | if(event.tagName.toLowerCase() === 'style'){ |
423 | ||
424 | 1 | var cssVerify; |
425 | ||
426 | 1 | if(typeof exports === 'object' && require){ |
427 | 1 | cssVerify = require("csslint").CSSLint.verify; |
428 | } | |
429 | else{ | |
430 | 0 | cssVerify = CSSLint.verify; |
431 | } | |
432 | ||
433 | 1 | if(options !== undefined){ |
434 | 1 | var styleLine = event.line - 1, |
435 | styleCol = event.col - 1; | |
436 | 1 | try{ |
437 | 1 | var messages = cssVerify(event.raw, options).messages; |
438 | 1 | messages.forEach(function(error){ |
439 | 2 | var line = error.line; |
440 | 2 | reporter[error.type==='warning'?'warn':'error'](error.message, styleLine + line, (line === 1 ? styleCol : 0) + error.col, self, error.evidence); |
441 | }); | |
442 | } | |
443 | catch(e){} | |
444 | } | |
445 | ||
446 | } | |
447 | }); | |
448 | } | |
449 | }); | |
450 | /** | |
451 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
452 | * MIT Licensed | |
453 | */ | |
454 | 1 | HTMLHint.addRule({ |
455 | id: 'doctype-first', | |
456 | description: 'Doctype must be first.', | |
457 | init: function(parser, reporter){ | |
458 | 3 | var self = this; |
459 | 3 | var allEvent = function(event){ |
460 | 6 | if(event.type === 'start' || (event.type === 'text' && /^\s*$/.test(event.raw))){ |
461 | 3 | return; |
462 | } | |
463 | 3 | if((event.type !== 'comment' && event.long === false) || /^DOCTYPE\s+/i.test(event.content) === false){ |
464 | 2 | reporter.error('Doctype must be first.', event.line, event.col, self, event.raw); |
465 | } | |
466 | 3 | parser.removeListener('all', allEvent); |
467 | }; | |
468 | 3 | parser.addListener('all', allEvent); |
469 | } | |
470 | }); | |
471 | /** | |
472 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
473 | * MIT Licensed | |
474 | */ | |
475 | 1 | HTMLHint.addRule({ |
476 | id: 'doctype-html5', | |
477 | description: 'Doctype must be html5.', | |
478 | init: function(parser, reporter){ | |
479 | 2 | var self = this; |
480 | 2 | function onComment(event){ |
481 | 9 | if(event.long === false && event.content.toLowerCase() !== 'doctype html'){ |
482 | 1 | reporter.warn('Doctype must be html5.', event.line, event.col, self, event.raw); |
483 | } | |
484 | } | |
485 | 2 | function onTagStart(){ |
486 | 2 | parser.removeListener('comment', onComment); |
487 | 2 | parser.removeListener('tagstart', onTagStart); |
488 | } | |
489 | 2 | parser.addListener('all', onComment); |
490 | 2 | parser.addListener('tagstart', onTagStart); |
491 | } | |
492 | }); | |
493 | /** | |
494 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
495 | * MIT Licensed | |
496 | */ | |
497 | 1 | HTMLHint.addRule({ |
498 | id: 'head-script-disabled', | |
499 | description: 'The script tag can not be used in head.', | |
500 | init: function(parser, reporter){ | |
501 | 3 | var self = this; |
502 | 3 | function onTagStart(event){ |
503 | 5 | if(event.tagName.toLowerCase() === 'script'){ |
504 | 2 | reporter.warn('The script tag can not be used in head.', event.line, event.col, self, event.raw); |
505 | } | |
506 | } | |
507 | 3 | function onTagEnd(event){ |
508 | 7 | if(event.tagName.toLowerCase() === 'head'){ |
509 | 3 | parser.removeListener('tagstart', onTagStart); |
510 | 3 | parser.removeListener('tagstart', onTagEnd); |
511 | } | |
512 | } | |
513 | 3 | parser.addListener('tagstart', onTagStart); |
514 | 3 | parser.addListener('tagend', onTagEnd); |
515 | } | |
516 | }); | |
517 | /** | |
518 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
519 | * MIT Licensed | |
520 | */ | |
521 | 1 | HTMLHint.addRule({ |
522 | id: 'id-class-value', | |
523 | description: 'Id and class value must meet some rules.', | |
524 | init: function(parser, reporter, options){ | |
525 | 8 | var self = this; |
526 | 8 | var arrRules = { |
527 | 'underline': { | |
528 | 'regId': /^[a-z\d]+(_[a-z\d]+)*$/, | |
529 | 'message': 'Id and class value must lower case and split by underline.' | |
530 | }, | |
531 | 'dash': { | |
532 | 'regId': /^[a-z\d]+(-[a-z\d]+)*$/, | |
533 | 'message': 'Id and class value must lower case and split by dash.' | |
534 | }, | |
535 | 'hump': { | |
536 | 'regId': /^[a-z][a-zA-Z\d]*([A-Z][a-zA-Z\d]*)*$/, | |
537 | 'message': 'Id and class value must meet hump style.' | |
538 | } | |
539 | }, rule; | |
540 | 8 | if(typeof options === 'string'){ |
541 | 6 | rule = arrRules[options]; |
542 | } | |
543 | else{ | |
544 | 2 | rule = options; |
545 | } | |
546 | 8 | if(rule && rule.regId){ |
547 | 8 | var regId = rule.regId, |
548 | message = rule.message; | |
549 | 8 | parser.addListener('tagstart', function(event){ |
550 | 8 | var attrs = event.attrs, |
551 | attr, | |
552 | col = event.col + event.tagName.length + 1; | |
553 | 8 | for(var i=0, l1=attrs.length;i<l1;i++){ |
554 | 16 | attr = attrs[i]; |
555 | 16 | if(attr.name.toLowerCase() === 'id'){ |
556 | 8 | if(regId.test(attr.value) === false){ |
557 | 4 | reporter.warn(message, event.line, col + attr.index, self, attr.raw); |
558 | } | |
559 | } | |
560 | 16 | if(attr.name.toLowerCase() === 'class'){ |
561 | 8 | var arrClass = attr.value.split(/\s+/g), classValue; |
562 | 8 | for(var j=0, l2=arrClass.length;j<l2;j++){ |
563 | 8 | classValue = arrClass[j]; |
564 | 8 | if(classValue && regId.test(classValue) === false){ |
565 | 4 | reporter.warn(message, event.line, col + attr.index, self, classValue); |
566 | } | |
567 | } | |
568 | } | |
569 | } | |
570 | }); | |
571 | } | |
572 | } | |
573 | }); | |
574 | /** | |
575 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
576 | * MIT Licensed | |
577 | */ | |
578 | 1 | HTMLHint.addRule({ |
579 | id: 'img-alt-require', | |
580 | description: 'Alt of img tag must be set value.', | |
581 | init: function(parser, reporter){ | |
582 | 3 | var self = this; |
583 | 3 | parser.addListener('tagstart', function(event){ |
584 | 3 | if(event.tagName.toLowerCase() === 'img'){ |
585 | 3 | var attrs = event.attrs; |
586 | 3 | var haveAlt = false; |
587 | 3 | for(var i=0, l=attrs.length;i<l;i++){ |
588 | 8 | if(attrs[i].name.toLowerCase() === 'alt'){ |
589 | 2 | haveAlt = true; |
590 | 2 | break; |
591 | } | |
592 | } | |
593 | 3 | if(haveAlt === false){ |
594 | 1 | reporter.warn('Alt of img tag must be set value.', event.line, event.col, self, event.raw); |
595 | } | |
596 | } | |
597 | }); | |
598 | } | |
599 | }); | |
600 | /** | |
601 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
602 | * MIT Licensed | |
603 | */ | |
604 | 1 | HTMLHint.addRule({ |
605 | id: 'jshint', | |
606 | description: 'Scan script with jshint.', | |
607 | init: function(parser, reporter, options){ | |
608 | 4 | var self = this; |
609 | 4 | parser.addListener('cdata', function(event){ |
610 | 4 | if(event.tagName.toLowerCase() === 'script'){ |
611 | ||
612 | 4 | var mapAttrs = parser.getMapAttrs(event.attrs), |
613 | type = mapAttrs.type; | |
614 | ||
615 | // Only scan internal javascript | |
616 | 4 | if(mapAttrs.src !== undefined || (type && /^(text\/javascript)$/i.test(type) === false)){ |
617 | 2 | return; |
618 | } | |
619 | ||
620 | 2 | var jsVerify; |
621 | ||
622 | 2 | if(typeof exports === 'object' && require){ |
623 | 2 | jsVerify = require('jshint').JSHINT; |
624 | } | |
625 | else{ | |
626 | 0 | jsVerify = JSHINT; |
627 | } | |
628 | ||
629 | 2 | if(options !== undefined){ |
630 | 2 | var styleLine = event.line - 1, |
631 | styleCol = event.col - 1; | |
632 | 2 | var code = event.raw.replace(/\t/g,' '); |
633 | 2 | try{ |
634 | 2 | var status = jsVerify(code, options); |
635 | 2 | if(status === false){ |
636 | 2 | jsVerify.errors.forEach(function(error){ |
637 | 8 | var line = error.line; |
638 | 8 | reporter.warn(error.reason, styleLine + line, (line === 1 ? styleCol : 0) + error.character, self, error.evidence); |
639 | }); | |
640 | } | |
641 | } | |
642 | catch(e){} | |
643 | } | |
644 | ||
645 | } | |
646 | }); | |
647 | } | |
648 | }); | |
649 | /** | |
650 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
651 | * MIT Licensed | |
652 | */ | |
653 | 1 | HTMLHint.addRule({ |
654 | id: 'spec-char-escape', | |
655 | description: 'Special characters must be escaped.', | |
656 | init: function(parser, reporter){ | |
657 | 3 | var self = this; |
658 | 3 | parser.addListener('text', function(event){ |
659 | 3 | var raw = event.raw, |
660 | reSpecChar = /[<>]/g, | |
661 | match; | |
662 | 3 | while((match = reSpecChar.exec(raw))){ |
663 | 3 | var fixedPos = parser.fixPos(event, match.index); |
664 | 3 | reporter.error('Special characters must be escaped : [ '+match[0]+' ].', fixedPos.line, fixedPos.col, self, event.raw); |
665 | } | |
666 | }); | |
667 | } | |
668 | }); | |
669 | /** | |
670 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
671 | * MIT Licensed | |
672 | */ | |
673 | 1 | HTMLHint.addRule({ |
674 | id: 'style-disabled', | |
675 | description: 'Style tag can not be use.', | |
676 | init: function(parser, reporter){ | |
677 | 2 | var self = this; |
678 | 2 | parser.addListener('tagstart', function(event){ |
679 | 4 | if(event.tagName.toLowerCase() === 'style'){ |
680 | 1 | reporter.warn('Style tag can not be use.', event.line, event.col, self, event.raw); |
681 | } | |
682 | }); | |
683 | } | |
684 | }); | |
685 | /** | |
686 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
687 | * MIT Licensed | |
688 | */ | |
689 | 1 | HTMLHint.addRule({ |
690 | id: 'tag-pair', | |
691 | description: 'Tag must be paired.', | |
692 | init: function(parser, reporter){ | |
693 | 4 | var self = this; |
694 | 4 | var stack=[], |
695 | mapEmptyTags = parser.makeMap("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");//HTML 4.01 | |
696 | 4 | parser.addListener('tagstart', function(event){ |
697 | 5 | var tagName = event.tagName.toLowerCase(); |
698 | 5 | if (mapEmptyTags[tagName] === undefined && !event.close){ |
699 | 5 | stack.push(tagName); |
700 | } | |
701 | }); | |
702 | 4 | parser.addListener('tagend', function(event){ |
703 | 3 | var tagName = event.tagName.toLowerCase(); |
704 | //向上寻找匹配的开始标签 | |
705 | 3 | for(var pos = stack.length-1;pos >= 0; pos--){ |
706 | 3 | if(stack[pos] === tagName){ |
707 | 2 | break; |
708 | } | |
709 | } | |
710 | 3 | if(pos >= 0){ |
711 | 2 | var arrTags = []; |
712 | 2 | for(var i=stack.length-1;i>pos;i--){ |
713 | 1 | arrTags.push('</'+stack[i]+'>'); |
714 | } | |
715 | 2 | if(arrTags.length > 0){ |
716 | 1 | reporter.error('Tag must be paired, Missing: [ '+ arrTags.join('') + ' ]', event.line, event.col, self, event.raw); |
717 | } | |
718 | 2 | stack.length=pos; |
719 | } | |
720 | else{ | |
721 | 1 | reporter.error('Tag must be paired, No start tag: [ ' + event.raw + ' ]', event.line, event.col, self, event.raw); |
722 | } | |
723 | }); | |
724 | 4 | parser.addListener('end', function(event){ |
725 | 4 | var arrTags = []; |
726 | 4 | for(var i=stack.length-1;i>=0;i--){ |
727 | 2 | arrTags.push('</'+stack[i]+'>'); |
728 | } | |
729 | 4 | if(arrTags.length > 0){ |
730 | 2 | reporter.error('Tag must be paired, Missing: [ '+ arrTags.join('') + ' ]', event.line, event.col, self, ''); |
731 | } | |
732 | }); | |
733 | } | |
734 | }); | |
735 | /** | |
736 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
737 | * MIT Licensed | |
738 | */ | |
739 | 1 | HTMLHint.addRule({ |
740 | id: 'tag-self-close', | |
741 | description: 'The empty tag must closed by self.', | |
742 | init: function(parser, reporter){ | |
743 | 2 | var self = this; |
744 | 2 | var mapEmptyTags = parser.makeMap("area,base,basefont,br,col,frame,hr,img,input,isindex,link,meta,param,embed");//HTML 4.01 |
745 | 2 | parser.addListener('tagstart', function(event){ |
746 | 4 | var tagName = event.tagName.toLowerCase(); |
747 | 4 | if(mapEmptyTags[tagName] !== undefined){ |
748 | 4 | if(!event.close){ |
749 | 2 | reporter.warn('The empty tag : [ '+tagName+' ] must closed by self.', event.line, event.col, self, event.raw); |
750 | } | |
751 | } | |
752 | }); | |
753 | } | |
754 | }); | |
755 | /** | |
756 | * Copyright (c) 2013, Yanis Wang <yanis.wang@gmail.com> | |
757 | * MIT Licensed | |
758 | */ | |
759 | 1 | HTMLHint.addRule({ |
760 | id: 'tagname-lowercase', | |
761 | description: 'Tagname must be lowercase.', | |
762 | init: function(parser, reporter){ | |
763 | 3 | var self = this; |
764 | 3 | parser.addListener('tagstart,tagend', function(event){ |
765 | 9 | var tagName = event.tagName; |
766 | 9 | if(tagName !== tagName.toLowerCase()){ |
767 | 4 | reporter.error('Tagname [ '+tagName+' ] must be lower case.', event.line, event.col, self, event.raw); |
768 | } | |
769 | }); | |
770 | } | |
771 | }); |