20款超棒的響應式設(shè)計測試書簽應用

2013年注定了響應式設(shè)計流行，它是網(wǎng)站設(shè)計的新的方向，從去年開始越來越多的網(wǎng)站開始使用響應式的設(shè)計理念，它能夠幫助你開發(fā)一套界面并且能運行在所有不同分辨率的設(shè)備上，包括，PC，平板，或者移動手機。今天我們繼續(xù)推薦給大家書簽類型的測試工具，你可以方便的添加到你的書簽中，并且在測試響應式網(wǎng)站的時候方便的使用。

Viewport Resizer

這個書簽號稱擁有158個國家3萬多活躍的用戶，主要特性：

• 完全自定制
• 方便的添加自定義尺寸
• 手動的橫豎屏切換
• 自動的橫豎屏切換 (portrait | landscape)
• 支持Media query
• 自適應Meta的viewport設(shè)置
• 手動重新加載頁面
• 移除頁面工具欄
• Viewport相關(guān)信息顯示 (尺寸，分辨率，橫縱屏，user agent)
• 支持觸摸設(shè)備
• 支持vector

Resizer

這個在線書簽允許你快速的修改頁面的尺寸來測試響應式的設(shè)計. 并且支持Chrome的擴展！

Bricss

另外一個方便的測試響應式的書簽，你可以自己指定自己的幾套顯示窗口的尺寸。

Responsinator

這個工具提供了仿真的web界面來測試你的響應式設(shè)計，不過呢，只是界面外面套了一個設(shè)備的殼子圖片，如果你想查看實際的設(shè)備展示情況，還是應該使用真實的設(shè)備。同時，提供了一個書簽，你可以方便的添加到瀏覽器中。

ish

這個在線書簽剛出來不久，特點是不指定你的界面尺寸，隨機的幫助你生成界面，你可以看到你的設(shè)計在不同的窗口尺寸下的顯示特點。

Responsinator

Responsinator提供了大家在不同設(shè)備viewport下查看網(wǎng)站效果的特性，提供了iphone，android，ipad，kindle及其多種設(shè)備上的預覽效果，你可以方便的看到需要支持的設(shè)備的響應式設(shè)計效果圖。

Responsivator

和responsinator不一樣，responsivator提供了不同尺寸下的顯示效果圖