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