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