|
響應式網頁的測試工具：
1.ProtoFluid4
ProtoFluid簡化了液态布局的開(kāi)發(fā)，能(néng)夠适應CSS和響應式設計，能(néng)夠構建出精準、動态的視角。開(kāi)發(fā)者可免費使用ProtoFluid，并且還(hái)允許開(kāi)發(fā)者使用其它擴展工具，比如FireBug。
2.ViewportResizer
ViewportResizer是一款基于浏覽器的測試工具，它能(néng)夠測試任何網站的響應能(néng)力。用戶隻需把網頁拖入書簽，然後(hòu)點擊需要測試的網頁即可檢查頁面(miàn)的屏幕分辨率。此外，ViewportResizer自帶的分辨率尺寸不一定能(néng)夠滿足你的需求，所以，用戶還(hái)可以自定義添加其它類型的屏幕尺寸。
3.Responsive.IS
用戶隻需輸入要測試的網址，即會(huì)根據你所選的設備自動改變網頁的大小。
4.Respondr
Respondr是一款輕量級、非常方便小巧的工具，用戶隻需輸入網頁的URL，然後(hòu)選擇你所要測試的設備，如iPhone、iPad、桌面(miàn)浏覽器等，即可看到網頁在不同平台上的顯示效果。
5.Froont
Froont是一款基于Web的設計工具，不需要程序員介入的設計編程工具，爲設計師們提供了可視化的在線網頁設計環境。
6.Responsivepx
Responsivepx是一個功能(néng)簡單、但卻很方便實用的測試工具，可以測試網頁在不同尺寸的顯示器上所呈現的效果。此外，Responsivepx能(néng)讓你自行調整要顯示的尺寸長(cháng)寬px值。用戶即可在線使用，也可以在本地上對(duì)網頁進(jìn)行測試。
7.Responsive
Responsive可以讓你看到測試網站在同一個屏幕上顯示不同分辨率下的效果，不需要切換到不同的模式。
8.Screenfly
Screenfly是一款免費的測試工具，可以用來測試不同客戶端下（不同顯示器或者移動設備）網站的顯示狀況。
9.Review.js
Review.js是一個動态的viewport系統，提供高效的響應式網頁浏覽選擇。它是一個純JavaScript實現的類庫，更少的請求使得它對(duì)寬帶的要求更少，支持插件式的擴展，并且可以支持自定義窗口改變事(shì)件。此外，該系統還(hái)提供了‘Opt-In’和‘Opt-Out’響應式設計狀态。
10.Responsinator
Responsinator提供了仿真的Web界面(miàn)來測試你的響應式設計，提供了iPhone，Android，iPad，Kindle及其多種(zhǒng)設備上的預覽效果，你可以方便地看到需要支持的設備的響應式設計效果圖。
11.resizeMyBrowser
resizeMyBrowser是一個響應式網頁設計工具，允許你選擇需要測試的浏覽器尺寸。用戶可以在15種(zhǒng)不同的預設尺寸中選擇或輸入自定義的尺寸。
12.ResponsiveDesignBookmarklet
ResponsiveDesignBookmarklet是一款響應式設計測試工具，用戶需要把網頁拖拽到書簽上方的書簽欄，浏覽器即會(huì)自動應用。用戶可以查看網頁在不同設備上的預覽效果。
13.AdobeEdgeInspectCC
AdobeEdge可以讓你在設備上預覽和檢查響應式網站。
14.Iammobile
Iammobile可以測試網頁在各種(zhǒng)不同窗口上的顯示效果，并且還(hái)會(huì)給出一些建議，讓你的網站更具移動友好(hǎo)性。
15.RetinaImages
|
