5款超棒的幫助你測試響應式設計的書簽應用
2013年注定了響應式設計流行,它是網站設計的新的方向,從去年開始越來越多的網站開始使用響應式的設計理念,它能夠幫助你開發一套界面并且能運行在所有不同分辨率的設備上,包括,PC,平板,或者移動手機。可能大家還記得前不久我們介紹的16款幫助你測試響應式布局網站的工具吧? 今天我們繼續推薦給大家5款書簽類型的測試工具,你可以方便的添加到你的書簽中,并且在測試響應式網站的時候方便的使用。
Viewport Resizer
這個書簽號稱擁有158個國家3萬多活躍的用戶,主要特性:
- 完全自定制
- 方便的添加自定義尺寸
- 手動的橫豎屏切換
- 自動的橫豎屏切換 (portrait | landscape)
- 支持Media query
- 自適應Meta的viewport設置
- 手動重新加載頁面
- 移除頁面工具欄
- Viewport相關信息顯示 (尺寸,分辨率,橫縱屏,user agent)
- 支持觸摸設備
- 支持vector
Resizer
這個在線書簽允許你快速的修改頁面的尺寸來測試響應式的設計. 并且支持Chrome的擴展!
Bricss
另外一個方便的測試響應式的書簽,你可以自己指定自己的幾套顯示窗口的尺寸。
Responsinator
這個工具提供了仿真的web界面來測試你的響應式設計,不過呢,只是界面外面套了一個設備的殼子圖片,如果你想查看實際的設備展示情況,還是應該使用真實的設備。同時,提供了一個書簽,你可以方便的添加到瀏覽器中。
ish
這個在線書簽剛出來不久,特點是不指定你的界面尺寸,隨機的幫助你生成界面,你可以看到你的設計在不同的窗口尺寸下的顯示特點。
本文由用戶 jjfat 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!