如何使用WEB网页测试工具

1、1. 响应式设计书签

响应式设计书签是响应式设计测试的一个方便的工具。你只需要拖拽书签栏上的书签，它就会应用于你的浏览器。它是如何工作的呢：首先，触发出一个虚拟键盘检测一下用户在输入数据时有多大的空间可以。以后触动CSS刷新。

当你保存一个CSS文件时，变更便直接生效了，不需要刷新你工作的浏览器。最后，关闭书签并返回到当前页面。这可以让你以适合平板电脑或智能手机屏幕宽度的尺寸预览当前页面。

2、2. jResize插件

jResize是一个响应的Web开发工具，集成在jQuery中用来协助响应式开发项目。框架以不同的宽度被嵌入到网页中。所以，很容易在浏览器中调整你的HTML。你所需要做的就是下载这个很酷的工具，当你点击你想要的宽度时尺寸便随之更改。

3、3. resizeMyBrowser

resizeMyBrowser是一个响应式网页设计工具，允许你选择需要测试的浏览器尺寸。用户可以在15种不同的预设尺寸中选择或输入自定义的尺寸。

4、4. Screenqueri.es

Screenqueri.es是一个完美的像素级响应式设计测试工具，它可以让你在30种不同的设备或自定义分辨率的窗口中测试你的设计。

5、5. 响应计算器

响应计算器是一个便于设计人员在给定情况下将像素转化为百分百的工具。它可以帮助你将PSD像素完美契合到你的网站中去。只需简单地按需求点击即可。

6、6. Screenfly

QuirkTools的Screenfly是一个在线的数字设备模拟工具，它可以让用户在不同的设备中预览他们的响应式网站，如台式机、平板电脑、手机或电视。它很容易使用，正如之前提到的给了你各种各样的选择，像可视型的不同大小的台式电脑显示器和电视屏幕的虚拟。另外它还有用来启用或禁用滚动或旋转显示的选项。