用JSLint+Ant检验HTML代码

简介: 文章转自:hikejun.com/blog/?p=31   JSLint真是一个强大的工具。之前只是关注它对Javascript的作用方面,其实它同样可以检验HTML代码以及内联的Javascript代码。

文章转自:hikejun.com/blog/?p=31

 

JSLint真是一个强大的工具。之前只是关注它对Javascript的作用方面,其实它同样可以检验HTML代码以及内联的Javascript代码。

JSlint应该说跟WDG HTML Validator(http://htmlhelp.com/tools/validator/)的作用不完全一样。JSLint不仅作语法检查,还做写法上的检查。JSLint的出发点是为了保证代码的品质。

比如在链接里写脚本会报错,如下:
[apply] Lint 在行 23 字符 14: Script URL.
[apply]

????????

JSlint在语法检查上不会那么严格,但都是最重要的,比如标签是否对称嵌套,标签是否闭合。(详情见http://www.jslint.com/lint.html

将检验HTML代码这个任务加入到前端开发Build环节中。但在实践中,我遇到了编码问题,如果源文件是UTF-8的就会有麻烦。迫不得以采取一个笨方法,通过ant的copy任务先将源文件备分为ISO-8859-1编码(ant不支持GBK的转换)的文件,再对它进行校验。之后再统一删除备分文件。

 

 

关于编码问题,文章下面评论有人写到,不知道是否可行?

slint.js 文件中有个 readFile( 方法(在文件尾部),
给他加个参数:
readFile(f,'utf-8')
即可指定文件编码。

 

还有一篇文章:《用 Ant 构建组件

它的build.xml如下,有涉及编码的问题,可以看一下:

<?xml version="1.0" encoding="UTF-8"?>
<project name="Smart Queue" default="compress" basedir=".">
    <description>Build file for Ant</description>
    <property name="src" location="src" />
    <property name="build" location="build" />
        <property name="lib" location="lib"/>
        <property name="inputencoding" value="utf-8"/>
        <property name="outputencoding" value="gbk"/>

        <target name="init">
                <mkdir dir="${build}"/>
        </target>

        <target name="concat" depends="init">
                <concat destfile="${build}/smart-queue.source.js" encoding="${inputencoding}" outputencoding="${outputencoding}">
                        <filelist dir="${src}" files="intro.js, lang.js, smart-queue.js" />
                </concat>
        </target>

        <target name="compress" depends="concat">
                <java jar="${lib}/yuicompressor.jar" fork="true">
                        <arg line="--type js --charset utf-8 -o ${build}/smart-queue.js ${build}/smart-queue.js"/>
                </java>
        </target>

        <target name="clean">
                <delete dir="${build}"/>
        </target>
</project>
目录
相关文章
精美按钮式广告代码HTML分享
精美按钮式广告代码HTML分享
347 4
|
数据采集 移动开发 前端开发
HTML代码的革命:语义化标签的魅力,让你的网页结构焕然一新!
【8月更文挑战第26天】本文探讨了Web前端开发中的语义化标签概念及其重要性。语义化标签通过使用具有明确含义的HTML标签来构建页面结构,提升了网页的可访问性及搜索引擎优化效果,并增强了代码的可读性和维护性。文章还讨论了实际开发中遇到的问题及未来发展趋势。
393 0
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
880 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
775 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
html实现的文字发散动画效果代码
html实现的文字发散动画效果代码
233 30
|
移动开发 前端开发 HTML5
基于HTML5+Canvas绘制的鼠标跟随三角形碎片光标动画代码
基于HTML5+Canvas绘制的鼠标跟随三角形碎片光标动画特效代码,很有意思,一团三角形碎片跟随鼠标的移动,不冗长、不笨重,反而有一种很轻盈的感觉,非常不错
265 29
|
Java BI API
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
这篇文章介绍了如何在Spring Boot项目中整合iTextPDF库来导出PDF文件,包括写入大文本和HTML代码,并分析了几种常用的Java PDF导出工具。
4650 0
spring boot 整合 itextpdf 导出 PDF,写入大文本,写入HTML代码,分析当下导出PDF的几个工具
html实现的破碎拼接文字动画特效代码
html实现的破碎拼接文字动画特效代码是一段会自动产生文字依次破碎再拼接的效果,非常的炫。欢迎对此段代码感兴趣的朋友前来下载使用。
208 1
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
561 6
网站维护更新简易单页404页html代码
一个简约风格的单页html页面,可用于网站维护中或更新网站时挂个首页使用,如果不喜欢现在的颜色请F12修改设置既可。
363 2
网站维护更新简易单页404页html代码