Chrome 開發著工具 二三事 !!

 最近網頁要更新 !! 最近幾年 網頁撰寫進步飛快 !! 幾乎年年都有所變化

Chrome 開發著工具 在網頁撰寫中是一個很強的輔助工具。

所以有必要對 < Chrome 開發著工具 ( Chrome DevTools ) > 有所了解

小雕雕的家

1. F12 叫出開發人員工具

2. Ctrl + Shift + C  開啟開發工具後，順便檢查元素

3. 開啟開發工具後，按下 F1 可以設定開發工具

4. Ctrl + Shift + D 可以切換開發工具在瀏覽器的下方或右方

5. Ctrl + Shift + M 開啟模擬裝置模式，等同你按下這個

6. Ctrl + O 尋找檔名

7. Ctrl + R 跟 F5 一樣都是重新整理頁面

8. Ctrl + L 清除 Console 

9. 要輸入多行 Shift + Enter 

https://developers.google.com/web/tools/chrome-devtools/shortcuts

打開 Developer Tools     F12、Ctrl + Shift + I

打開/切換檢查元素模式和瀏覽器窗口-----Ctrl + Shift + C

打開 Developer Tools 並聚焦到控制檯-----Ctrl + Shift + J

檢查檢查器（取消停靠第一個後按）-----Ctrl + Shift + I