有的喜欢设计“移动优先”，有的人同时设计，有的人先设计桌面，然后再为小屏幕做调整。不管你的流程是什么，你都需要使用合适的工具来检查网站的响应速度。

正因为如此，我们才把这个清单和一些zui实用的响应型网站设计测试工具和网站联系起来。试试，看看适合哪个。

这张清单上第一个响应性测试工具是你的Chrome浏览器。用于检查站点代码的工具同样也有能力测试屏幕大小和视口。在任一站点上右击，然后单击“检查”。当你打开检查窗口时，你会看到设备图标出现在元素按钮旁边。点击设备按钮后，屏幕会显示你位于不同断点的站点。

你可以输入一个特定的尺寸，或者只需抓住并拖动一个窗口的一角，以手工改变这个断点。这样可以很好地检查你的设计是否适合不同的视图。

和大多数应答性测试站点一样，响应性测试工具也是如此，你可以将你想要测试的网页的URL输入到屏幕顶部的搜索栏。这个特殊工具有一个长长的默认设备大小列表可供选择。如需其它尺寸，可自定义尺寸。如果你要对你的设计进行检查，只要点击“检查”按钮，就可以重新载入。这个测试窗口里有一个按钮，用来切换卷轴，还有一个“旋转”按钮来检查垂直和水平布局。

这个工具背后的开发者也为响应站点创建了一个网格系统。你可以在右上方的灯泡图标上看到它。

Responsibility是一个网站，它有很多预先设置的屏幕大小和定制尺寸选项。相对于以上工具，这个工具缺少在屏幕上方的标尺和旋转按钮。这个共同点就是“开始”按钮的作用是一样的，只要你对设计做了修改，并且想要检查结果，就可以简单地点击它。

DesignModo是一个网站和电子邮件构建器，它的站点上有免费的应答测试工具。这个工具拥有以上两种工具所拥有的全部功能，以及一个拖动按钮，以查看当视口收缩和扩展时设计的变化。自然地，它还可以作为广告和潜在顾客生成设备的主要服务。惟一的挫折是，仪器显示的数据是通过分辨率而非视孔来显示的。这样会引起一些混乱。

Screenfly是另一个站点，有和上面例子一样的响应测试功能，但是它已经过时了。iphonezui的后面设置是7X。不过，这个工具仍能正常工作，有定制大小的功能，旋转和刷新按钮，以及滚动开关。

Responsinator一直是流行的Web设计测试应用程序之一，可能是因为它看上去很酷。当一个URL添加后，它将在很多不同的移动设备上以垂直和水平布局显示网站。这个工具可以用来对的普通设备进行快速检查，但如果要检查所有断点，这个工具就有局限性。

响应式与响应器类似吗，因为它在某些设备上显示测试站点。这个工具的优点是你可以在你的组合中截屏截屏和使用它。此外，每一个屏幕可以独立滚动。

Pixeltuner是一家与反馈软件相似的网站。这个工具只显示了6个屏幕大小，但是他们还是不错的选择。用这六种大小，你就可以确定所有的基础都被覆盖。惟一缺的是大屏幕尺寸超过1500像素。

回应性Web设计测试器并非站点，而是浏览器扩展。你可以在你的浏览器扩展或者插件库中找到它。下面的链接可以应用到Chrome扩展程序，但是在Safari和Firefox上也可以使用。点击扩展图标后，你就可以从一系列的预设选项中选择，这个站点就会以你所选的视口大小在新窗口中打开。默认设置是过时的，但您可以添加新设备并创建自己的首选组。

美好未来首创1对1项目负责制，项目经理专人全程负责。我们为您提供网站建设优化解决方案，互联网品牌建设与网络营销，设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量，挖掘精准客户，达到更高的销售指标。是您的企业提升产品销量最好的伙伴。