10個響應式 WEB 設計測試工具
響應式WEB設計會基于用戶使用平臺的環境、屏幕尺寸大小等等顯示不同排版。WEB設計測試工具對于響應式概念是非常重要的。使用 響應式布局的目的是使網站在任何設備類型和不同的情況下都可以運行。使用這些工具可以使你發現網站中的錯誤并通過簡單的方法解決它們。這里收集了10個測 試響應式 WEB 設計的工具,希望對你有所幫助。
1. Screenqueri.es
Screenqueri.es 非常簡單,你只需要輸入 URL 然后調整屏幕的尺寸即可。
2. Froont
FROONT 是一個基于WEB的設計工具,在瀏覽器中運行,即使是沒有任何編程能力的設計師也可以使用。
3. Responsive.Is
Responsive.Is 是另一個非常優秀的,可以用來測試響應式布局的瀏覽器模擬工具。
4. RWD Bookmarklet
The Responsive Design Bookmarklet 是另一個讓人印象深刻的測試工具。只需拖動書簽鏈接到你的書簽欄并將它保存到您的瀏覽器。
5. Screenfly
Screenfly 允許你輸入一個URL進行測試,之后可以選擇手機、平板、PC或者TV。你也可以輸入自定義的大小、選擇屏幕等,還可以生成一個URL分享給其他人。
6. Review.js
ReView 是一個動態的 viewport系統,提供高效的響應式網頁設計選項。基于移動優先的原則,使用純JavaScript開發。
7. Viewport Resizer
Viewport 是一個基于瀏覽器的響應式設計測試工具。
8. Opera Mobile Emulator
9. Jetstrap
它是為 Bootstrap 框架準備的可視化構建工具。它為設計者提供了一種簡單的方式,使他們可以通過在瀏覽器中拖動UI組件來快速設計原型。
10. Mobitest
只需要輸入一個 URL,然后選擇設備、位置等選項,點擊運行即可。
via:designpixy,由 Specs 翻譯整理,發布在 Coder資源網,轉載請注明來源。
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!