欧美日韩不卡一区二区三区,www.蜜臀.com,高清国产一区二区三区四区五区,欧美日韩三级视频,欧美性综合,精品国产91久久久久久,99a精品视频在线观看

網(wǎng)頁設計

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

時間:2025-02-02 21:25:10 網(wǎng)頁設計 我要投稿
  • 相關推薦

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

  測試響應式的網(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擴展】相關文章:

響應式網(wǎng)頁設計04-06

響應式網(wǎng)頁怎么設計04-28

響應式網(wǎng)頁設計技巧05-22

響應式網(wǎng)頁設計的技巧06-25

響應式網(wǎng)頁設計的小技巧03-13

響應式網(wǎng)頁設計的工具有哪些02-08

響應式網(wǎng)頁設計應該注意原則06-30

響應交互式網(wǎng)頁設計06-29

響應式網(wǎng)站該如何設計04-08