最佳响应式的Web设计测试工具

jopen 10年前

Responsive Web Design Testing Tool

最佳响应式的Web设计测试工具

This tool has been built to help with testing your responsive websites while you design and build them.

Source

Screenqueri.es

最佳响应式的Web设计测试工具

Screenqueri.es is a pixel perfect responsive design testing tool that lets you test your responsive design on 30 different device resolutions presets or check with custom resolution by resizing window.

Source

Viewport Resizer

最佳响应式的Web设计测试工具

Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page.

Source

Review.js

最佳响应式的Web设计测试工具

ReView is a dynamic viewport system that provides efficient responsive web design viewing choice. Developed in pure JavaScript according to the principles of core (mobile) first progressive enhancement. The system provides both initial ‘Opt-In’ and ‘Opt-Out’ responsive design states.

Source

Adobe Edge Inspect CC

最佳响应式的Web设计测试工具

Adobe Edge lets you preview and inspect web designs on devices.

Source

The Responsive Calculator

最佳响应式的Web设计测试工具

The Responsive Calculator aids the web designers to convert PSD pixel to percent during the start of your responsive website. All you need to do is simply insert a few specifications and you’re done with turning your web page pixels into percentages.

Source

I am mobile

最佳响应式的Web设计测试工具

I am mobile is another good responsive design testing tool that test your web sites on various viewports and also gives you some tips to make your websites more mobile friendly.

Source