轉(zhuǎn)帖|行業(yè)資訊|編輯:鄭恭琳|2015-09-22 09:53:38.000|閱讀 368 次
概述:WEB設(shè)計(jì)測(cè)試工具對(duì)于響應(yīng)式概念是非常重要的,使用響應(yīng)式布局的目的是使網(wǎng)站在任何設(shè)備類型和不同的情況下都可以運(yùn)行。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
響應(yīng)式WEB設(shè)計(jì)會(huì)基于用戶使用平臺(tái)的環(huán)境、屏幕尺寸大小等等顯示不同排版。WEB設(shè)計(jì)測(cè)試工具對(duì)于響應(yīng)式概念是非常重要的。使用響應(yīng)式布局的目的是使網(wǎng)站在任何設(shè)備類型和不同的情況下都可以運(yùn)行。使用這些工具可以使你發(fā)現(xiàn)網(wǎng)站中的錯(cuò)誤并通過簡單的方法解決它們。這里收集了10個(gè)測(cè)試響應(yīng)式 WEB 設(shè)計(jì)的工具,希望對(duì)你有所幫助。
1.
Screenqueri.es 非常簡單,你只需要輸入 URL 然后調(diào)整屏幕的尺寸即可。
2.
FROONT 是一個(gè)基于WEB的設(shè)計(jì)工具,在瀏覽器中運(yùn)行,即使是沒有任何編程能力的設(shè)計(jì)師也可以使用。
3.
Responsive.Is 是另一個(gè)非常優(yōu)秀的,可以用來測(cè)試響應(yīng)式布局的瀏覽器模擬工具。
4.
The Responsive Design Bookmarklet 是另一個(gè)讓人印象深刻的測(cè)試工具。只需拖動(dòng)書簽鏈接到你的書簽欄并將它保存到您的瀏覽器。
5.
Screenfly 允許你輸入一個(gè)URL進(jìn)行測(cè)試,之后可以選擇手機(jī)、平板、PC或者TV。你也可以輸入自定義的大小、選擇屏幕等,還可以生成一個(gè)URL分享給其他人。
6.
ReView 是一個(gè)動(dòng)態(tài)的 viewport系統(tǒng),提供高效的響應(yīng)式網(wǎng)頁設(shè)計(jì)選項(xiàng)。基于移動(dòng)優(yōu)先的原則,使用純JavaScript開發(fā)。
7.
Viewport 是一個(gè)基于瀏覽器的響應(yīng)式設(shè)計(jì)測(cè)試工具。
8.
9.
它是為 Bootstrap 框架準(zhǔn)備的可視化構(gòu)建工具。它為設(shè)計(jì)者提供了一種簡單的方式,使他們可以通過在瀏覽器中拖動(dòng)UI組件來快速設(shè)計(jì)原型。
10.
只需要輸入一個(gè) URL,然后選擇設(shè)備、位置等選項(xiàng),點(diǎn)擊運(yùn)行即可。
轉(zhuǎn)自
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn