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

Chrome 的開發人員工具在製作網頁的過中程真的可以幫很大的忙,來看看要怎麼開啟吧~
開啟要檢查的網頁後在Chrome右上角的選單 > 更多工具 > 開發人員工具
20161210-5-01

開發人員工具左上角有一個行動裝置的按鈕,按下可以預覽手機版網頁的結果,這個能在開發RWD網台的時候真的是非常非常地重要阿~~~
20161210-5-02
還可以直接在開發人員工具編輯css喔~
可是這個編輯的動作是只能”預覽”,要記得把css再貼回檔案裡才有用喔~
20161210-5-03

發佈留言

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