網頁開發人員必備工具 – Chrome F12 開發人員工具

Chrome 的開發人員工具在製作網頁的過中程真的可以幫很大的忙,來看看要怎麼開啟吧~

開啟要檢查的網頁後在Chrome右上角的選單 > 更多工具 > 開發人員工具

20161210-5-01

開發人員工具左上角有一個行動裝置的按鈕,按下可以預覽手機版網頁的結果,這個能在開發RWD網台的時候真的是非常非常地重要阿~~~
20161210-5-02

還可以直接在開發人員工具編輯css喔~

可是這個編輯的動作是只能"預覽",要記得把css再貼回檔案裡才有用喔~

20161210-5-03

Leave a Reply