建站
咨詢
售后
建站咨詢
新聞中心
響應(yīng)式的設(shè)計(jì)現(xiàn)在越來(lái)越受設(shè)計(jì)師推崇，面對(duì)這越來(lái)越多的響應(yīng)式設(shè)計(jì)頁(yè)面，我們需要找到高效的測(cè)試工具來(lái)驗(yàn)證設(shè)計(jì)的合理和正確，在今天這篇文章中，我們將介紹16款幫助你在線測(cè)試響應(yīng)式頁(yè)面設(shè)計(jì)的工具，希望大家喜歡！
烏恰網(wǎng)站制作公司哪家好，找成都創(chuàng)新互聯(lián)公司！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站開發(fā)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。成都創(chuàng)新互聯(lián)公司從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選成都創(chuàng)新互聯(lián)公司。
Responsinator
Responsinator提供了大家在不同設(shè)備viewport下查看網(wǎng)站效果的特性，提供了iphone，android，ipad，kindle及其多種設(shè)備上的預(yù)覽效果，你可以方便的看到需要支持的設(shè)備的響應(yīng)式設(shè)計(jì)效果圖。
Responsivator
和responsinator不一樣，responsivator提供了不同尺寸下的顯示效果圖
Responsive.is
responsive提供了5種設(shè)備下的預(yù)覽效果展示
Responsive Web Design Testing Tool
類似responsivator，但是界面更簡(jiǎn)單
Responsivepx
允許你用拖動(dòng)的方式來(lái)修改窗口大小，模擬不同的設(shè)備屏幕
screenqueri.es
它支持localhost本地方式測(cè)試你的應(yīng)用或者網(wǎng)站。
Aptus
一個(gè)工具類的瀏覽器，可以幫助你測(cè)試響應(yīng)式設(shè)計(jì)
Bricss
一個(gè)幫助你測(cè)試響應(yīng)式的書簽，你可以方便的整合到你的瀏覽器里
Izilla Media Query Debugger
這個(gè)js可以幫助你添加偽元素到body元素上用來(lái)偵測(cè)寬高 ，當(dāng)然你也可以使用他們提供的bookmark：http://izilla.com.au/git/izilla.mq.debugger.bookmarklet.html
Screenfly
支持4種設(shè)備的在線響應(yīng)式設(shè)計(jì)測(cè)試工具，并且還提供相關(guān)開發(fā)的設(shè)計(jì)圖和文檔。
Firefox Developer Tools
如果你使用Firefox的話，你可以直接使用開發(fā)工具實(shí)現(xiàn)，快捷鍵（Ctrl + shift + M）
ViewPort Resizer
另外一個(gè)書簽式的工具
Jresizer
一個(gè)jQuery的響應(yīng)式開發(fā)工具插件，幫助你創(chuàng)建響應(yīng)式的窗口，方便你的開發(fā)和設(shè)計(jì)流程
Resize My Browser
一個(gè)簡(jiǎn)單的幫助你創(chuàng)建指定寬高新開窗口的web工具
juicer
一個(gè)在線的展示響應(yīng)式的工具，支持iphone，android等設(shè)備的顯示，帶有實(shí)物圖。
ish
一個(gè)比較新的在線查看響應(yīng)式效果的web工具，支持不同尺寸的展示。
以上就是16款我們收集的在線的和本地的響應(yīng)式測(cè)試工具，相對(duì)來(lái)說(shuō)，在線工具更適合和你的朋友或者同事分享，本地工具適合開發(fā)時(shí)調(diào)試，具體的使用請(qǐng)根據(jù)自己需要來(lái)選擇，
網(wǎng)站名稱：幫助你高效測(cè)試響應(yīng)式設(shè)計(jì)界面的工具
轉(zhuǎn)載源于：http://www.5511xx.com/article/cceeppd.html
