<轉>響應式測試工具

自 Ethan Marcotte 2010年提出響應式設計理念以來,勤勞的小夥伴們就一直在響應式網頁設計的道路上孜孜不倦的探索着。這幾年網絡上出現了五花八門的響應式設計工具,反而讓小夥伴們不知道如何選擇。

Responsive Design Testing

這個上次那篇文章就跟你們介紹過,只須要輸入網址,就能夠查看相應的響應性。 html

Responsive Design Testing,響應式Web測試工具

Viewport Resizer

這個工具被公認是最好用的響應式測試工具之一,它能夠徹底由用戶自定義測試任何網站的響應能力。只須要將它保存爲書籤,就能夠隨意測試各類網頁。 jquery

Viewport Resizer,響應式網頁測試工具

Resizer

這個工具的使用方法和Viewport Resizer是同樣的,首先將它保存到書籤欄。在要測試的網頁點擊它就能夠了。 web

Resizer,響應式網頁測試工具

Ish.

Ish.號稱是另外一個viewport resizer,它最大的亮點就是對屏幕分辨率沒有限制。 瀏覽器

Ish.,響應式網頁測試工具

BrowserStack

它是在線跨瀏覽器測試工具,爲測試者、開發者和設計師提供了一個檢測Web app的雲端平臺,已經有超過200000人用過這個工具哦。 網絡

BrowserStack,Web app測試工具

Screenqueri.es

這個工具能夠幫助測試網頁的像素,它支持30多種分辨率的測試,你還能夠從新調整窗口大小而後測試不一樣分辨率下的像素。 app

Screenqueri.es,響應式網頁測試

CyberCrab

若是你須要測試網站在不一樣屏幕分辨率下的效果,這個工具你必定不要錯過。 框架

CyberCrab,網站測試工具

Edge Reflow

這個工具被不少使用CSS樣式的設計師使用。有了這個工具,Web設計師們不再用擔憂網站在移動和桌面屏幕的顯示問題了。 工具

Edge Reflow,Web測試工具

StudioPress Responsive Testing Tool

這款也是不少設計師喜歡的在線測試工具,在一個頁面展示出不一樣尺寸的設計效果。 測試

StudioPress Responsive Testing Tool,響應式測試工具

Responsive Design Bookmarklet

這個工具也是將它存爲書籤後,點擊書籤就能夠對當前網頁進行測試。 網站

Responsive Design Bookmarklet,響應式設計書籤

擴展閱讀:

什麼是響應式網頁設計?有哪些好用的第三方響應式框架?
Kendo UI Q3 2013發展路線圖 響應式UI成本次主題

相關文章
相關標籤/搜索