10個實用的響應式設計測試工具

響應式的設計如今愈來愈受設計師推崇，面對這愈來愈多的響應式設計頁面，咱們須要找到高效的測試工具來驗證設計的合理和正確，文中所介紹的工具能夠幫助你測試響應式頁面設計。

Viewport Resizer

Viewport resizer是一個基於瀏覽器的工具，它可讓用戶測試任何網站的響應特性。用戶只須要保存的書籤，訪問他們想測試頁面，點擊建立的書籤並檢查該頁面在全部類型屏幕分辨率上的表現。

Resizer

Resizer也是一款很是棒的工具，容許你改變網頁尺寸。一旦安裝，它能夠很容易地使用。你只須要訪問想測試和使用的網站便可。

Responsive Design Bookmarklet

若是你想了解它的工做原理，你只須要訪問任意響應式網站，而後點擊RWD Bookmarklet連接便可。而後，你能夠選擇知足你本身需求的分辨率。對設計師來講，這是一個偉大的工具，由於它有助於在查看任何尺寸和分辨率的網站。

ish

ish是一個比較新的在線查看響應式效果的web工具，支持不一樣尺寸的展現。

Responsive Web Design Testing Tool

該工具相似responsivator，可是界面更簡單，可幫助你測試響應式網站。

Screenqueri.es

Screenqueri.es是一個完美的像素級響應式設計測試工具，它可讓你在30種不一樣的設備或自定義分辨率的窗口中測試你的設計。

Edge Reflow

Edge Reflow 的工具，能夠用於響應式設計的可視化創做，提升經過 HTML5 和 CSS3 技術在不一樣設備上所進行的網頁開發效率。Reflow 的主要功能是經過在設計的過程當中將全部的「斷點」「模塊」進行可視化的展現，讓開發者能夠在工具中一邊進行間距的調試，一邊測試展現效果。

StudioPress Responsive Testing Tool

該工具支持在多種設備上展現網站效果，還會在移動設備和平板上爲你展現網站佈局。不只如此，還能夠在不一樣的瀏覽器窗口上查看網站佈局。

CyberCrab

若是你想在不一樣的屏幕分辨率上查看網站，CyberCrab是你最佳的選擇。

BrowserStack

BrowserStack 是一個提供網站瀏覽器兼容性測試的在線雲端應用,支持9大操做系統上的100多款瀏覽器。支持本地測試,預裝有完備的開發者工具。