如何快速測試響應式網(wǎng)頁設計的Chrome擴展

時間：2025-11-09 05:34:03 網(wǎng)頁設計

　　測試響應式的網(wǎng)站可以有很多方式，下面為大家分享的是使用 Chrome 擴展版的 RWD 測試工具「Responsive Web Design Tester」測試效果也不錯哦，下面來看看介紹。

　　使用教程

　　下載「Responsive Web Design Tester」Chrome 擴展，安裝后，瀏覽器右上角會多出一個擴展圖標，點擊他就可以設置當前網(wǎng)站用什么樣的設備來展示了，如下圖：

　　新增設備

　　此擴展默認有流行的移動設備，Apple、Android、平板等等已經(jīng)很齊全了，然而你若想添加其它，可以通過設置該擴展了添加，并且支持添加用戶代理(User-Agent)。

　　Step 1: 右擊擴展圖標，在彈出的菜單選擇「選項」即要調(diào)出設置界面：

　　Step 2: 點擊「New Device」按鈕，并設置對應的名稱分辨率即可。

　　對于不懂添加User Agent 的可以隨機添加，或復制其它選項的，又或者查看 User Agent List 這個列表來添加對應的用戶代理。

　　RWD Tester Chrome 擴展特色

　　以簡潔的新窗口形式展示網(wǎng)頁(無URL 地址欄、書簽欄等干擾)

　　方便快捷的查看方式(直接在瀏覽器右上角圖標選擇查看，也支持鼠標右鍵)

　　可自定義分辨率

【如何快速測試響應式網(wǎng)頁設計的Chrome擴展】相關(guān)文章：