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

1. Screenqueri.es

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

2. Froont

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

3. Responsive.Is

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

4. RWD Bookmarklet

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

5. Screenfly

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

6. Review.js

ReView 是一個動態(tài)的 viewport系統(tǒng)，提供高效的響應(yīng)式網(wǎng)頁設(shè)計選項?；谝苿觾?yōu)先的原則，使用純JavaScript開發(fā)。

7. Viewport Resizer

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

8. Opera Mobile Emulator

9. Jetstrap

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

10. Mobitest

只需要輸入一個 URL，然后選擇設(shè)備、位置等選項，點擊運行即可。

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