響應(yīng)式WEB設(shè)計(jì)會(huì)基于用戶使用平臺(tái)的環(huán)境、屏幕尺寸大小等等顯示不同排版。WEB設(shè)計(jì)測(cè)試工具對(duì)于響應(yīng)式概念是非常重要的。使用響應(yīng)式布局的目的是使網(wǎng)站在任何設(shè)備類型和不同的情況下都可以運(yùn)行。使用這些工具可以使你發(fā)現(xiàn)網(wǎng)站中的錯(cuò)誤并通過簡單的方法解決它們。這里收集了10個(gè)測(cè)試響應(yīng)式 WEB 設(shè)計(jì)的工具，希望對(duì)你有所幫助。

1. Screenqueri.es

Screenqueri.es 非常簡單，你只需要輸入 URL 然后調(diào)整屏幕的尺寸即可。

2. Froont

FROONT 是一個(gè)基于WEB的設(shè)計(jì)工具，在瀏覽器中運(yùn)行，即使是沒有任何編程能力的設(shè)計(jì)師也可以使用。

3. Responsive.Is

Responsive.Is 是另一個(gè)非常優(yōu)秀的，可以用來測(cè)試響應(yīng)式布局的瀏覽器模擬工具。

4. RWD Bookmarklet

The Responsive Design Bookmarklet 是另一個(gè)讓人印象深刻的測(cè)試工具。只需拖動(dòng)書簽鏈接到你的書簽欄并將它保存到您的瀏覽器。

5. Screenfly

Screenfly 允許你輸入一個(gè)URL進(jìn)行測(cè)試，之后可以選擇手機(jī)、平板、PC或者TV。你也可以輸入自定義的大小、選擇屏幕等，還可以生成一個(gè)URL分享給其他人。

6. Review.js

ReView 是一個(gè)動(dòng)態(tài)的 viewport系統(tǒng)，提供高效的響應(yīng)式網(wǎng)頁設(shè)計(jì)選項(xiàng)。基于移動(dòng)優(yōu)先的原則，使用純JavaScript開發(fā)。

7. Viewport Resizer

Viewport 是一個(gè)基于瀏覽器的響應(yīng)式設(shè)計(jì)測(cè)試工具。

8. Opera Mobile Emulator

9. Jetstrap

它是為 Bootstrap 框架準(zhǔn)備的可視化構(gòu)建工具。它為設(shè)計(jì)者提供了一種簡單的方式，使他們可以通過在瀏覽器中拖動(dòng)UI組件來快速設(shè)計(jì)原型。

10. Mobitest

只需要輸入一個(gè) URL，然后選擇設(shè)備、位置等選項(xiàng)，點(diǎn)擊運(yùn)行即可。

via：designpixy，由 Specs 翻譯整理，發(fā)布在 Coder資源網(wǎng)，轉(zhuǎn)載請(qǐng)注明來源。