- 相關(guān)推薦
如何快速測試響應(yīng)式網(wǎng)頁設(shè)計的Chrome擴(kuò)展
測試響應(yīng)式的網(wǎng)站可以有很多方式，下面為大家分享的是使用 Chrome 擴(kuò)展版的 RWD 測試工具「Responsive Web Design Tester」測試效果也不錯哦，下面來看看介紹。
使用教程
下載 「Responsive Web Design Tester」Chrome 擴(kuò)展，安裝后，瀏覽器右上角會多出一個擴(kuò)展圖標(biāo)，點擊他就可以設(shè)置當(dāng)前網(wǎng)站用什么樣的設(shè)備來展示了，如下圖：
新增設(shè)備
此擴(kuò)展默認(rèn)有流行的移動設(shè)備，Apple、Android、平板等等已經(jīng)很齊全了，然而你若想添加其它，可以通過設(shè)置該擴(kuò)展了添加，并且支持添加用戶代理(User-Agent)。
Step 1: 右擊擴(kuò)展圖標(biāo)，在彈出的菜單選擇「選項」即要調(diào)出設(shè)置界面：
Step 2: 點擊「New Device」按鈕，并設(shè)置對應(yīng)的名稱分辨率即可。
對于不懂添加User Agent 的可以隨機添加，或復(fù)制其它選項的，又或者查看 User Agent List 這個列表來添加對應(yīng)的用戶代理。
RWD Tester Chrome 擴(kuò)展特色
以簡潔的新窗口形式展示網(wǎng)頁(無URL 地址欄、書簽欄等干擾)
方便快捷的查看方式(直接在瀏覽器右上角圖標(biāo)選擇查看，也支持鼠標(biāo)右鍵)
可自定義分辨率
【如何快速測試響應(yīng)式網(wǎng)頁設(shè)計的Chrome擴(kuò)展】相關(guān)文章：
響應(yīng)式網(wǎng)頁怎么設(shè)計04-28
響應(yīng)式網(wǎng)頁設(shè)計技巧05-22
響應(yīng)式網(wǎng)頁設(shè)計的技巧06-25
響應(yīng)式網(wǎng)頁設(shè)計的小技巧03-13
響應(yīng)式網(wǎng)頁設(shè)計的工具有哪些02-08
響應(yīng)式網(wǎng)頁設(shè)計應(yīng)該注意原則06-30