幫助你高效測試響應式設(shè)計界面的工具
響應式的設(shè)計現(xiàn)在越來越受設(shè)計師推崇，面對這越來越多的響應式設(shè)計頁面，我們需要找到高效的測試工具來驗證設(shè)計的合理和正確，在今天這篇文章中，我們將介紹16款幫助你在線測試響應式頁面設(shè)計的工具，希望大家喜歡！
Responsinator提供了大家在不同設(shè)備viewport下查看網(wǎng)站效果的特性，提供了iphone，android，ipad，kindle及其多種設(shè)備上的預覽效果，你可以方便的看到需要支持的設(shè)備的響應式設(shè)計效果圖。
和responsinator不一樣，responsivator提供了不同尺寸下的顯示效果圖
responsive提供了5種設(shè)備下的預覽效果展示
Responsive Web Design Testing Tool
類似responsivator，但是界面更簡單
允許你用拖動的方式來修改窗口大小，模擬不同的設(shè)備屏幕
它支持localhost本地方式測試你的應用或者網(wǎng)站。
一個工具類的瀏覽器，可以幫助你測試響應式設(shè)計
一個幫助你測試響應式的書簽，你可以方便的整合到你的瀏覽器里
這個js可以幫助你添加偽元素到body元素上用來偵測寬高 ，當然你也可以使用他們提供的bookmark：http://izilla.com.au/git/izilla.mq.debugger.bookmarklet.html
支持4種設(shè)備的在線響應式設(shè)計測試工具，并且還提供相關(guān)開發(fā)的設(shè)計圖和文檔。
Firefox Developer Tools
如果你使用Firefox的話，你可以直接使用開發(fā)工具實現(xiàn)，快捷鍵（Ctrl + shift + M）
另外一個書簽式的工具
一個jQuery的響應式開發(fā)工具插件，幫助你創(chuàng)建響應式的窗口，方便你的開發(fā)和設(shè)計流程
一個簡單的幫助你創(chuàng)建指定寬高新開窗口的web工具
一個在線的展示響應式的工具，支持iphone，android等設(shè)備的顯示，帶有實物圖。
一個比較新的在線查看響應式效果的web工具，支持不同尺寸的展示。
以上就是16款我們收集的在線的和本地的響應式測試工具，相對來說，在線工具更適合和你的朋友或者同事分享，本地工具適合開發(fā)時調(diào)試，具體的使用請根據(jù)自己需要來選擇，
原文鏈接：http://www.gbin1.com/tools/design/20121221-16-responsive-testing-tools/
