百度權(quán)重查詢 站長交易 友情鏈接交換 網(wǎng)站監(jiān)控 服務(wù)器監(jiān)控 seo監(jiān)控

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

Viewport Resizer

這個(gè)書簽號(hào)稱擁有158個(gè)國家3萬多活躍的用戶，主要特征：

完全自定制

方便的添加自定義尺寸

手動(dòng)的橫豎屏切換

主動(dòng)的橫豎屏切換 （portrait | landscape）

支撐Media query

自適應(yīng)Meta的viewport設(shè)置

手動(dòng)重新加載頁面

移除頁面工具欄

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

支撐觸摸設(shè)備

支撐vector

Resizer

這個(gè)在線書簽許可你快速的修改頁面的尺寸來測試響應(yīng)式的設(shè)計(jì). 并且支撐Chrome的擴(kuò)展！

Bricss

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

Responsinator

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

ish

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

來源：5款超棒的幫助你測試響應(yīng)式設(shè)計(jì)的書簽應(yīng)用