好用的RWD響應式網頁檢視工具:Chrome擴充外掛 EMMet Re:view

RWD是”Responsive Web Design”,讓網頁設計出來能適用於網站或手機瀏覽。在網站開發時,需要檢測工具,檢查網頁設計在手機、平板等尺寸是否正常顯示,今天就來介紹這款Chrome外掛,協助網站開發時快速進行RWD檢測。

外掛名稱:Emmet Re:view

請點進去這個外掛,會連結到Chrome外掛商店,直接安裝即可。請記得,務必要用Chrome瀏覽器啦! 接著你瀏覽器右上角就會多一個按鈕(如下圖黃圈處),請你到要檢測的網頁,再點選這個按鈕,就會啟動Emmet Re:view。

如下圖,可以用”Device Wall”選擇你要預覽在哪些行動裝置下會怎樣呈現,是不是很狂很好用呢?

之前我曾經錄製過教學影片,如果可以,詳細用法,從安裝到使用,就請直接看看影片啦!

如果,你有什麼疑難雜症或是想知道什麼工具怎樣使用,歡迎到我粉絲頁私訊我「點餐」,我可以幫忙研究喔!

如果,你想要入門了解RWD的概念,也歡迎觀看我的線上付費課程,進入RWD網頁的世界。

———————————————–
* 如果這篇文章你覺得有感,歡迎留言、分享、還有追蹤我的粉絲頁喔!
* 部落格100天計畫010

2 Shares:
發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

You May Also Like
閱讀更多

4個免費/商用照片圖庫,寫部落格或做圖文廣告都好好用

今天要來介紹4個我常用或用過的「免費圖庫」與「商用圖庫」,我在上課時有說,不論寫哪一類部落格文章,都務必要有一張圖,在臉書等社群分享時才會出現縮圖吸引點閱。昨天我發表的文章也快速提到可用Canva做臉書/IG甚至Youtube頻道圖,也一定有機會使用到圖庫,所以請繼續往下瞧吧!
閱讀更多

免費好用去背的icon插圖網站:iconfinder.com

要做簡報?做網路DM?如果你正煩惱著:想要為自己的網路宣傳圖或粉絲頁貼文圖片,增添一點聖誕氣息,但是跑去免費圖庫站或google找圖,又常常是帶有雜亂背景,你不過只是要一個聖誕鈴鐺或聖誕樹…該怎辦呢?