百度權重查詢 站長交易 友情鏈接交換 網站監控 服務器監控 seo監控

2013年注定了響應式設計流行，它是網站設計的新的方向，從去年開始越來越多的網站開始使用響應式的設計理念，它能夠幫助你開發一套界面并且能運行在所有不同分辨率的設備上，包括，PC，平板，或者移脫手機。可能大家還記得前不久我們介紹的16款幫助你測試響應式布局網站的工具吧？ 今天我們繼續推薦給大家5款書簽類型的測試工具，你可以方便的添加到你的書簽中，并且在測試響應式網站的時候方便的使用。

Viewport Resizer

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

完全自定制

方便的添加自定義尺寸

手動的橫豎屏切換

主動的橫豎屏切換 （portrait | landscape）

支撐Media query

自適應Meta的viewport設置

手動重新加載頁面

移除頁面工具欄

Viewport相關信息顯示 （尺寸，分辨率，橫縱屏，user agent）

支撐觸摸設備

支撐vector

Resizer

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

Bricss

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

Responsinator

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

ish

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

來源：5款超棒的幫助你測試響應式設計的書簽應用