20款超棒的響應(yīng)式設(shè)計(jì)測試書簽應(yīng)用(2)
Responsive.is
responsive提供了5種設(shè)備下的預(yù)覽效果展示
Responsive Web Design Testing Tool
類似responsivator,但是界面更簡單
Responsivepx
允許你用拖動的方式來修改窗口大小,模擬不同的設(shè)備屏幕
screenqueri.es
這個(gè)工具在gbin1以前的文章中我們曾今介紹過,如果想更多了解請閱讀 分享一個(gè)幫助你在線測試響應(yīng)式設(shè)計(jì)的web工具- Screenqueri.es,最有意思的是它支持localhost本地方式測試你的應(yīng)用或者網(wǎng)站。
Aptus
一個(gè)工具類的瀏覽器,可以幫助你測試響應(yīng)式設(shè)計(jì)
Bricss
一個(gè)幫助你測試響應(yīng)式的書簽,你可以方便的整合到你的瀏覽器里
Izilla Media Query Debugger
這個(gè)js可以幫助你添加偽元素到body元素上用來偵測寬高 ,當(dāng)然你也可以使用他們提供的bookmark:http://izilla.com.au/git/izilla.mq.debugger.bookmarklet.html
Screenfly
支持4種設(shè)備的在線響應(yīng)式設(shè)計(jì)測試工具,并且還提供相關(guān)開發(fā)的設(shè)計(jì)圖和文檔。具體請查看我們過去文章:分享一個(gè)在不同客戶端查看網(wǎng)站的工具- Screenfly
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è)簡單的幫助你創(chuàng)建指定寬高新開窗口的web工具
juicer
一個(gè)在線的展示響應(yīng)式的工具,支持iphone,android等設(shè)備的顯示,帶有實(shí)物圖。
本文地址:http://m.likemindfilms.com/tutorial/wd20-Responsive-Design-Tests.html