如何快速測試響應式網頁設計的Chrome擴展
測試響應式的網站可以有很多方式,下面為大家分享的是使用 Chrome 擴展版的 RWD 測試工具「Responsive Web Design Tester」測試效果也不錯哦,下面來看看介紹。
使用教程
下載 「Responsive Web Design Tester」Chrome 擴展,安裝後,瀏覽器右上角會多出一個擴展圖標,點擊他就可以設置當前網站用什麼樣的設備來展示了,如下圖:
新增設備
此擴展默認有流行的移動設備,Apple、Android、平板等等已經很齊全了,然而你若想添加其它,可以通過設置該擴展了添加,並且支持添加用户代理(User-Agent)。
Step 1: 右擊擴展圖標,在彈出的菜單選擇「選項」即要調出設置界面:
Step 2: 點擊「New Device」按鈕,並設置對應的名稱分辨率即可。
對於不懂添加User Agent 的可以隨機添加,或複製其它選項的`,又或者查看 User Agent List 這個列表來添加對應的用户代理。
RWD Tester Chrome 擴展特色
以簡潔的新窗口形式展示網頁(無URL 地址欄、書籤欄等干擾)
方便快捷的查看方式(直接在瀏覽器右上角圖標選擇查看,也支持鼠標右鍵)
可自定義分辨率
-
JavaScript數據結構與算法中集合的實現
集合(Set)説起集合,就想起剛進高中時,數學第一課講的就是集合。因此在學習集合這種數據結構時,倍感親切。集合的基本性質有一條:集合中元素是不重複的。因為這種性質,所以我們選用了對象來作為集合的容器,而非數組。雖然數組也能做到所有不重複,但終究過於繁瑣,不如集...
-
網頁設計很糟糕的10個原因
個好的網頁設計,不僅吸引眼球,也是實用的、直觀的、層級簡單卻足夠複雜到保持用户的興趣。但是不好的網頁設計是由很多原因造成的,下面是關於網頁設計很糟糕的10個原因,歡迎閲讀了解!沒有足夠的空白空白可以説是設計中最重要的一部分。它有助於防止用户在瀏覽網站時...
-
PHP開發工程師的具體職責14篇
PHP開發工程師的具體職責1職責:1、對公司新的網站項目、系統項目、小程序項目進行開發;2、維護支持公司現有的網絡和系統平台工作運行;3、按時、獨立、高質量地完成工作,確保相關代碼邏輯的正確性及健壯性;4、開發、維護、升級和優化系統,並能快速定位並及時修復...
-
淺析JavaScript基本類型與引用類型
兩種類型:ECMAScript變量包含兩種不同類型的值:基本類型值、引用類型值;基本類型值:指的是保存在棧內存中的簡單數據段;引用類型值:指的是那些保存在堆內存中的`對象,意思是,變量中保存的實際上只是一個指針,這個指針指向內存中的另一個位置,由該位置保存對象;兩種訪問方...