20款超棒的響應(yīng)式設(shè)計(jì)測(cè)試書簽應(yīng)用(2)

Responsive.is

responsive提供了5種設(shè)備下的預(yù)覽效果展示

Responsive Web Design Testing Tool

類似responsivator，但是界面更簡(jiǎn)單

Responsivepx

允許你用拖動(dòng)的方式來修改窗口大小，模擬不同的設(shè)備屏幕

screenqueri.es

這個(gè)工具在gbin1以前的文章中我們?cè)窠榻B過，如果想更多了解請(qǐng)閱讀 分享一個(gè)幫助你在線測(cè)試響應(yīng)式設(shè)計(jì)的web工具- 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元素上用來偵測(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ì)圖和文檔。具體請(qǐng)查看我們過去文章：分享一個(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è)簡(jiǎn)單的幫助你創(chuàng)建指定寬高新開窗口的web工具

juicer

一個(gè)在線的展示響應(yīng)式的工具，支持iphone，android等設(shè)備的顯示，帶有實(shí)物圖。