前言 本次分享一个提供设计稿与前端页面进行像素对比的node服务，旨在为测试或者前端人员自己完成一个辅助性测试。相信我，在像素级别的对比下，网页对设计稿的还原程度一下子就会凸显出来。下面话不多说了，来一起看看详细的介绍吧。 效果预览 前置知识 本次用到了以下两个库作为辅助工具： casperjs：基于PhantomJS的编写。其内部提供了一个*面浏览器，简单来说用它你可以以代码的形式来完成模拟人来操作浏览器的操作，其中涉及鼠标各种事件，等等非常多的功能，本次主要使用其附带的截图功

前言 本次分享一个提供设计稿与前端页面进行像素对比的node服务，旨在为测试或者前端人员自己完成一个辅助性测试。相信我，在像素级别的对比下，网页对设计稿的还原程度一下子就会凸显出来。下面话不多说了，来一起看看详细的介绍吧。 效果预览 前置知识 本次用到了以下两个库作为辅助工具： casperjs：基于PhantomJS的编写。其内部提供了一个*面浏览器，简单来说用它你可以以代码的形式来完成模拟人来操作浏览器的操作，其中涉及鼠标各种事件，等等非常多的功能，本次主要使用其附带的截图功

前言 本次分享一个提供设计稿与前端页面进行像素对比的node服务，旨在为测试或者前端人员自己完成一个辅助性测试。相信我，在像素级别的对比下，网页对设计稿的还原程度一下子就会凸显出来。下面话不多说了，来一起看看详细的介绍吧。 效果预览 前置知识 本次用到了以下两个库作为辅助工具： casperjs：基于PhantomJS的编写。其内部提供了一个*面浏览器，简单来说用它你可以以代码的形式来完成模拟人来操作浏览器的操作，其中涉及鼠标各种事件，等等非常多的功能，本次主要使用其附带的截图功

本文主要是使用nodejs处理图片等资源返回给浏览器显示方法，但不只限制于图片，也可以是音频视频等其他非字符串文件的返回和显示。也可以扩展成nodejs静态资源服务器的开发方法。 请求头说明 在http响应里面有几个重要的东西，Content-Type 说明文件渲染MIME类型,这是我们本文的相关处理关键。 常用的MIME类型 { css: text/css, gif: image/gif, html: text/html, ico: image/x-icon, jpeg: ima