BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Webhint开源了一种代码检查工具

| 作者 Dylan Schiemann 关注 8 他的粉丝 ,译者 盖磊 关注 2 他的粉丝 发布于 2018年10月8日. 估计阅读时间: 2 分钟 | CNUTCon 了解国内外一线大厂50+智能运维最新实践案例。

Webhint项目提供了一种用于检查代码的可访问性、性能和安全的开源检查(Linting)工具。在创建Web站点和应用中,有越来越多的细节问题亟待完善。为此,Webhint力图帮助开发人员标记这些细节。

Webhint以命令行接口(CLI)工具和在线扫描器两种形式提供,使用在线扫描器是最快的上手方式。使用在线扫描器需要为其提供一个公开的URL,用于运行报告并洞悉应用的运行情况。

要在开发工作流中使用Webhint,首先需要使用npm安装它:

npm install hint

和许多特性丰富的工具一样,Webhint提供了多种配置选项。最近,项目添加了一个初始化CLI命令,用于简化Webhint配置的创建:

npm create hintrc

在测试应用时,Webhint提供三种运行环境:jsdom、Chrome和Edge。后两种运行环境使用了Chrome DevTools协议,第一种运行环境使用Node.js环境快速地执行有限次数的检查,无需浏览器的支持。

应用的提示(hint)中可能包含大量需检查的内容。例如,http-compression提示会对应用中的每个资源执行多次请求,指定不同的头部信息,检查和验证GET操作返回的内容。

为支持PWA(渐进增强式Web应用,Progressive Web Apps),Webhint会分析Web Manifest清单文件,检查清单中的设置和准确性。

Webhint工具也可用于验证应用的服务器端是否为某个资源返回了正确的content-type

最近,该项目添加了CSS解析器,其中包括了对PostCSS抽象语法树(AST)的支持。

解析器还支持TypeScript、Babel和Webpack。与Webpack的集成可用于引导摇树优化(Tree Shaking),进而改进应用的性能。与TypeScript和Babel的集成则通过检查Webhint配置中指定的浏览器列表,判定源码到源码的编译器(Transpiler)应该输出的最优JavaScript版本。

作为JS基金会的托管项目,Webhint使用Apache 2许可开源。Webhint不仅提供了解析器的源代码,而且提供了在线扫描器的源代码欢迎开发人员通过GitHub提供贡献

查看英文原文: Webhint Open Source Linting Tool

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT