最佳的14個免費的響應式Web設計測試工具
一旦你決定要搭建一個網(wǎng)站就應該已經(jīng)制定了設計標準。你認為下一步該做什么呢？測試！我使用“測試”這個詞來檢測你網(wǎng)站對不同屏幕和瀏覽器尺寸的響應情 況。測試在響應式網(wǎng)頁設計的過程中是很重要的一步。如果你明白我所說的那你需要讓你的網(wǎng)站在任何類型的設備上都可以正常顯示。
在當今世界，技術進步和工具所帶來的用戶不僅僅局限在使用網(wǎng)絡的筆記本電腦或臺式機上。這得益于電信公司提供的火光一般的數(shù)據(jù)速度。這使得設計人員要確保網(wǎng)站能夠在各種設備上良好工作。
幸運的是，這不是一個大問題。現(xiàn)在已經(jīng)有許多不錯的在線免費響應式網(wǎng)頁設計測試工具，它們能幫助你檢查你的網(wǎng)站設計是否能夠用戶友好地響應各種設備。網(wǎng)站 應該是用戶友好的且能夠響應各種可用的設備。創(chuàng)建一個智能、靈活、符合常規(guī)web體驗的響應式/多設備兼容的網(wǎng)站設計一定會取得成功。
幸運的是，這不是一個大問題。現(xiàn)在已經(jīng)有許多不錯的在線免費響應式網(wǎng)頁設計測試工具，它們能幫助你檢查你的網(wǎng)站設計是否能夠用戶友好地響應各種設備。網(wǎng)站 應該是用戶友好的且能夠響應各種可用的設備。創(chuàng)建一個智能、靈活、符合常規(guī)web體驗的響應式/多設備兼容的網(wǎng)站設計一定會取得成功。
下面列出的是一些很好的工具和資源，它們能夠幫助你設計出能夠適應不同尺寸和操作系統(tǒng)設備的網(wǎng)站。使用下面列出的工具和資源來測試響應式站點我們不需要掌握編碼知識。
最佳的免費的響應式Web設計測試工具
1. 響應式設計書簽
響應式設計書簽是響應式設計測試的一個方便的工具。你只需要拖拽書簽欄上的書簽，它就會應用于你的瀏覽器。它是如何工作的呢：首先，觸發(fā)出一個虛擬鍵盤檢測一下用戶在輸入數(shù)據(jù)時有多大的空間可以。以后觸動CSS刷新。
當你保存一個CSS文件時，變更便直接生效了，不需要刷新你工作的瀏覽器。最后，關閉書簽并返回到當前頁面。這可以讓你以適合平板電腦或智能手機屏幕寬度的尺寸預覽當前頁面。
2. jResize插件
jResize是一個響應的Web開發(fā)工具，集成在jQuery中用來協(xié)助響應式開發(fā)項目?？蚣芤圆煌膶挾缺磺度氲骄W(wǎng)頁中。所以，很容易在瀏覽器中調(diào)整你的HTML。你所需要做的就是下載這個很酷的工具，當你點擊你想要的寬度時尺寸便隨之更改。
resizeMyBrowser是一個響應式網(wǎng)頁設計工具，允許你選擇需要測試的瀏覽器尺寸。用戶可以在15種不同的預設尺寸中選擇或輸入自定義的尺寸。
Screenqueri.es是一個完美的像素級響應式設計測試工具，它可以讓你在30種不同的設備或自定義分辨率的窗口中測試你的設計。
5. 響應計算器
響應計算器是一個便于設計人員在給定情況下將像素轉(zhuǎn)化為百分百的工具。它可以幫助你將PSD像素完美契合到你的網(wǎng)站中去。只需簡單地按需求點擊即可。
6. Screenfly
QuirkTools的Screenfly是一個在線的數(shù)字設備模擬工具，它可以讓用戶在不同的設備中預覽他們的響應式網(wǎng)站，如臺式機、平板電腦、手機或 電視。它很容易使用，正如之前提到的給了你各種各樣的選擇，像可視型的不同大小的臺式電腦顯示器和電視屏幕的虛擬。另外它還有用來啟用或禁用滾動或旋轉(zhuǎn)顯 示的選項。
Responsinator是個很酷的工具，一個在線的網(wǎng)站，它可以讓你以肖像和風景模式在智能手機和平板電腦上預覽你的網(wǎng)頁。此 外，Responsinator能夠給你在不同屏幕上瀏覽你網(wǎng)站的真是體驗。只要輸入URL和就可以在iPhone、ipad、Kindle和其他 Android手機上預覽。
Viewport resizer是一個基于瀏覽器的工具，它可以讓用戶測試任何網(wǎng)站的響應特性。用戶只需要保存的書簽，訪問他們想測試頁面，點擊創(chuàng)建的書簽并檢查該頁面在所有類型屏幕分辨率上的表現(xiàn)。
9. Respondr
這是一個簡單且有用的工具，它要求你輸入你想測試的站點或頁面的URL，然后選擇你想要測試的設備。
10. ReView.Js
由Edward Cant開發(fā)，ReView是一個動態(tài)的視窗系統(tǒng)，它提供了一個有效的響應式網(wǎng)頁的視圖選擇。用戶可以選擇從'進入'和'退出'響應式設計狀態(tài)。
11. Designmodo Responsive Test
Designmodo Responsive Test正如名字所暗示的，這是一個響應式網(wǎng)站測試工具，可以幫助你在大量的屏幕尺寸中測試網(wǎng)站測試。只需鍵入URL選擇設備類型或輸入自定義尺寸。下圖顯示了我們網(wǎng)站的響應測試。
Adobe Edge Inspect CC可以讓你在各種設備中預覽檢查你的網(wǎng)頁設計。它有同步瀏覽遠程檢查、截圖、邊緣檢測，可擴展等許多特性。
13. responsivepx
它是一個很酷的在線門戶網(wǎng)站或工具，你可以用它來測試你的響應式網(wǎng)站設計。它可以讓你按像素調(diào)整網(wǎng)站。這個特性可以讓你設置斷點并能夠測試CSS媒體是如何在你站點上工作的。
14. DimensionsApp
DimensionsApp是一個手機和平板電腦的在線仿真器，它可以幫助你在諸如平板電腦、寬屏幕設備、手機等許多設備中測試你網(wǎng)站的響應性。只需要輸入你博客的URL并點擊各種設備的名稱就可以看到它呈現(xiàn)出的樣子。
除上述列出的工具之外，你有沒有心儀的免費的響應式網(wǎng)頁設計工具？如果有，趕快拿出來分享吧。
原文鏈接：http://www.oschina.net/translate/free-responsive-web-design-testing-tools
