|
响应式网页的测试工具：
1.ProtoFluid4
ProtoFluid简化了液态布局的开发，能够适应CSS和响应式设计，能够构建出精准、动态的视角。开发者可免费使用ProtoFluid，并且还允许开发者使用其它扩展工具，比如FireBug。
2.ViewportResizer
ViewportResizer是一款基于浏览器的测试工具，它能够测试任何网站的响应能力。用户只需把网页拖入书签，然后点击需要测试的网页即可检查页面的屏幕分辨率。此外，ViewportResizer自带的分辨率尺寸不一定能够满足你的需求，所以，用户还可以自定义添加其它类型的屏幕尺寸。
3.Responsive.IS
用户只需输入要测试的网址，即会根据你所选的设备自动改变网页的大小。
4.Respondr
Respondr是一款轻量级、非常方便小巧的工具，用户只需输入网页的URL，然后选择你所要测试的设备，如iPhone、iPad、桌面浏览器等，即可看到网页在不同平台上的显示效果。
5.Froont
Froont是一款基于Web的设计工具，不需要程序员介入的设计编程工具，为设计师们提供了可视化的在线网页设计环境。
6.Responsivepx
Responsivepx是一个功能简单、但却很方便实用的测试工具，可以测试网页在不同尺寸的显示器上所呈现的效果。此外，Responsivepx能让你自行调整要显示的尺寸长宽px值。用户即可在线使用，也可以在本地上对网页进行测试。
7.Responsive
Responsive可以让你看到测试网站在同一个屏幕上显示不同分辨率下的效果，不需要切换到不同的模式。
8.Screenfly
Screenfly是一款免费的测试工具，可以用来测试不同客户端下（不同显示器或者移动设备）网站的显示状况。
9.Review.js
Review.js是一个动态的viewport系统，提供高效的响应式网页浏览选择。它是一个纯JavaScript实现的类库，更少的请求使得它对宽带的要求更少，支持插件式的扩展，并且可以支持自定义窗口改变事件。此外，该系统还提供了‘Opt-In’和‘Opt-Out’响应式设计状态。
10.Responsinator
Responsinator提供了仿真的Web界面来测试你的响应式设计，提供了iPhone，Android，iPad，Kindle及其多种设备上的预览效果，你可以方便地看到需要支持的设备的响应式设计效果图。
11.resizeMyBrowser
resizeMyBrowser是一个响应式网页设计工具，允许你选择需要测试的浏览器尺寸。用户可以在15种不同的预设尺寸中选择或输入自定义的尺寸。
12.ResponsiveDesignBookmarklet
ResponsiveDesignBookmarklet是一款响应式设计测试工具，用户需要把网页拖拽到书签上方的书签栏，浏览器即会自动应用。用户可以查看网页在不同设备上的预览效果。
13.AdobeEdgeInspectCC
AdobeEdge可以让你在设备上预览和检查响应式网站。
14.Iammobile
Iammobile可以测试网页在各种不同窗口上的显示效果，并且还会给出一些建议，让你的网站更具移动友好性。
15.RetinaImages
|
鲁公网安备 37070502000214号
