響應(yīng)式網(wǎng)頁設(shè)計(jì)也稱作自適應(yīng)網(wǎng)頁設(shè)計(jì)（通?？s寫為RWD），該設(shè)計(jì)可使網(wǎng)站在多種瀏覽設(shè)備（從桌面計(jì)算機(jī)顯示器到移動(dòng)電話或其他移動(dòng)產(chǎn)品設(shè)備）上閱讀和導(dǎo)航，同時(shí)減少縮放、平移和滾動(dòng)。換句話說，響應(yīng)式網(wǎng)站能夠自動(dòng)響應(yīng)終端用戶行為。當(dāng)市場上有新設(shè)備推出時(shí)，網(wǎng)站就無需再花時(shí)間去設(shè)計(jì)和開發(fā)了。
響應(yīng)式旨在為各個(gè)網(wǎng)站在不同的設(shè)備上提供最佳的視覺體驗(yàn)，那么如何才能知道網(wǎng)站是否能夠根據(jù)設(shè)備進(jìn)行自動(dòng)調(diào)整呢？這就得設(shè)計(jì)人員對網(wǎng)站的響應(yīng)能力進(jìn)行測試。本文就為大家介紹15款最佳的響應(yīng)式網(wǎng)站測試工具，它們能幫助你檢查網(wǎng)站的設(shè)計(jì)是否能夠友好地響應(yīng)各種設(shè)備，幫助你設(shè)計(jì)出能夠適應(yīng)不同尺寸和操作系統(tǒng)設(shè)備的網(wǎng)站。
ProtoFluid簡化了液態(tài)布局的開發(fā)，能夠適應(yīng)CSS和響應(yīng)式設(shè)計(jì)，能夠構(gòu)建出精準(zhǔn)、動(dòng)態(tài)的視角。開發(fā)者可免費(fèi)使用ProtoFluid，并且還允許開發(fā)者使用其它擴(kuò)展工具，比如FireBug。
Viewport Resizer是一款基于瀏覽器的測試工具，它能夠測試任何網(wǎng)站的響應(yīng)能力。用戶只需把網(wǎng)頁拖入書簽，然后點(diǎn)擊需要測試的網(wǎng)頁即可檢查頁面的屏幕分辨率。此外，Viewport Resizer自帶的分辨率尺寸不一定能夠滿足你的需求，所以，用戶還可以自定義添加其它類型的屏幕尺寸。
用戶只需輸入要測試的網(wǎng)址，即會(huì)根據(jù)你所選的設(shè)備自動(dòng)改變網(wǎng)頁的大小。
4.Respondr
Respondr是一款輕量級、非常方便小巧的工具，用戶只需輸入網(wǎng)頁的URL，然后選擇你所要測試的設(shè)備，如iPhone、iPad、桌面瀏覽器等，即可看到網(wǎng)頁在不同平臺(tái)上的顯示效果。
5.Froont
Froont是一款基于Web的設(shè)計(jì)工具，不需要程序員介入的設(shè)計(jì)編程工具，為設(shè)計(jì)師們提供了可視化的在線網(wǎng)頁設(shè)計(jì)環(huán)境。
Responsivepx 是一個(gè)功能簡單、但卻很方便實(shí)用的測試工具，可以測試網(wǎng)頁在不同尺寸的顯示器上所呈現(xiàn)的效果。此外，Responsivepx 能讓你自行調(diào)整要顯示的尺寸長寬px值。用戶即可在線使用，也可以在本地上對網(wǎng)頁進(jìn)行測試。
Responsive可以讓你看到測試網(wǎng)站在同一個(gè)屏幕上顯示不同分辨率下的效果，不需要切換到不同的模式。
Screenfly是一款免費(fèi)的測試工具，可以用來測試不同客戶端下（不同顯示器或者移動(dòng)設(shè)備）網(wǎng)站的顯示狀況。
Review.js是一個(gè)動(dòng)態(tài)的viewport系統(tǒng)，提供高效的響應(yīng)式網(wǎng)頁瀏覽選擇。它是一個(gè)純JavaScript實(shí)現(xiàn)的類庫，更少的請求使得它對寬帶的要求更少，支持插件式的擴(kuò)展，并且可以支持自定義窗口改變事件。此外，該系統(tǒng)還提供了‘Opt-In’和‘Opt-Out’響應(yīng)式設(shè)計(jì)狀態(tài)。
Responsinator提供了仿真的Web界面來測試你的響應(yīng)式設(shè)計(jì)，提供了iPhone，Android，iPad，Kindle及其多種設(shè)備上的預(yù)覽效果，你可以方便地看到需要支持的設(shè)備的響應(yīng)式設(shè)計(jì)效果圖。
resizeMyBrowser是一個(gè)響應(yīng)式網(wǎng)頁設(shè)計(jì)工具，允許你選擇需要測試的瀏覽器尺寸。用戶可以在15種不同的預(yù)設(shè)尺寸中選擇或輸入自定義的尺寸。
12.Responsive Design Bookmarklet
Responsive Design Bookmarklet是一款響應(yīng)式設(shè)計(jì)測試工具，用戶需要把網(wǎng)頁拖拽到書簽上方的書簽欄，瀏覽器即會(huì)自動(dòng)應(yīng)用。用戶可以查看網(wǎng)頁在不同設(shè)備上的預(yù)覽效果。
Adobe Edge可以讓你在設(shè)備上預(yù)覽和檢查響應(yīng)式網(wǎng)站。
14.I am mobile
I am mobile可以測試網(wǎng)頁在各種不同窗口上的顯示效果，并且還會(huì)給出一些建議，讓你的網(wǎng)站更具移動(dòng)友好性。
Retina Images主要用來測試圖片在不同的設(shè)備上的顯示情況，這樣有利于用戶在開發(fā)出高清晰度的圖片。此外，你無需更改任何img標(biāo)簽，并且Retina Images安裝也十分方便。
英文來自：CodeGeekz
哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費(fèi)用，即可穩(wěn)步提升排名至首頁。歡迎體驗(yàn)最佳的哈爾濱網(wǎng)站建設(shè)。