原創(chuàng)|對比評測|編輯:龔雪|2013-12-30 09:35:57.000|閱讀 484 次
概述:響應(yīng)式的設(shè)計現(xiàn)在越來越受設(shè)計師推崇,面對這越來越多的響應(yīng)式設(shè)計頁面,我們需要找到高效的測試工具來驗證設(shè)計的合理和正確,本文中所介紹的工具可以幫助你測試響應(yīng)式頁面設(shè)計。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
響應(yīng)式的設(shè)計現(xiàn)在越來越受設(shè)計師推崇,面對這越來越多的響應(yīng)式設(shè)計頁面,我們需要找到高效的測試工具來驗證設(shè)計的合理和正確,本文中所介紹的工具可以幫助你測試響應(yīng)式頁面設(shè)計。
Viewport resizer是一個基于瀏覽器的工具,它可以讓用戶測試任何網(wǎng)站的響應(yīng)特性。用戶只需要保存的書簽,訪問他們想測試頁面,點擊創(chuàng)建的書簽并檢查該頁面在所有類型屏幕分辨率上的表現(xiàn)。
Resizer也是一款非常棒的工具,允許你改變網(wǎng)頁尺寸。一旦安裝,它可以很容易地使用。你只需要訪問想測試和使用的網(wǎng)站即可。
如果你想了解它的工作原理,你只需要訪問任意響應(yīng)式網(wǎng)站,然后點擊RWD Bookmarklet鏈接即可。然后,你可以選擇滿足你自己需求的分辨率。對設(shè)計師來說,這是一個偉大的工具,因為它有助于在查看任何尺寸和分辨率的網(wǎng)站。
ish是一個比較新的在線查看響應(yīng)式效果的web工具,支持不同尺寸的展示。
該工具類似responsivator,但是界面更簡單,可幫助你測試響應(yīng)式網(wǎng)站。
Screenqueri.es是一個完美的像素級響應(yīng)式設(shè)計測試工具,它可以讓你在30種不同的設(shè)備或自定義分辨率的窗口中測試你的設(shè)計。
Edge Reflow 的工具,可以用于響應(yīng)式設(shè)計的可視化創(chuàng)作,提高通過 HTML5 和 CSS3 技術(shù)在不同設(shè)備上所進行的網(wǎng)頁開發(fā)效率。Reflow 的主要功能是通過在設(shè)計的過程中將所有的“斷點”“模塊”進行可視化的展示,讓開發(fā)者可以在工具中一邊進行間距的調(diào)試,一邊測試展示效果。
該工具支持在多種設(shè)備上展示網(wǎng)站效果,還會在移動設(shè)備和平板上為你展示網(wǎng)站布局。不僅如此,還可以在不同的瀏覽器窗口上查看網(wǎng)站布局。
如果你想在不同的屏幕分辨率上查看網(wǎng)站,CyberCrab是你最佳的選擇。
BrowserStack 是一個提供網(wǎng)站瀏覽器兼容性測試的在線云端應(yīng)用,支持9大操作系統(tǒng)上的100多款瀏覽器。支持本地測試,預(yù)裝有完備的開發(fā)者工具。
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)