
Chrome Devtools
Chrome Devtools安裝教程

Chrome Devtools是谷歌瀏覽器自帶的一個web編寫和調(diào)試工具,但是礙于英文導(dǎo)致許多開發(fā)者在調(diào)試過程中難免出現(xiàn)一些問題,Chrome Devtools提供給web開發(fā)人員深入地訪問瀏覽器內(nèi)部和web應(yīng)用的機(jī)會,可以有效地跟蹤布局問題,設(shè)置JavaScript斷點(diǎn) ,以及進(jìn)行javascript代碼的優(yōu)化。

Chrome Devtools使用方法
打開DevTools要在一個網(wǎng)頁或者web application中打開DevTools,可以用下面兩種方法:
1、選擇Chrome瀏覽器窗口右上角的菜單 > 然后選擇> 工具 > 開發(fā)工具。
2、右鍵單擊任何頁面元素>選擇 審查元素。
DevTools工具將會在你的瀏覽器的地步打開。還有幾種打開Devtools的快捷方式:
1.使用 Ctrl + Shift + I (Cmd + Opt + I on Mac)打開DevTools。
2.使用 Ctrl + Shift + J (Cmd + Opt + J on Mac)打開DevTools并將焦點(diǎn)移到控制臺。
3.使用 Ctrl + Shift + C (Cmd + Shift + C on Mac)打開DevTools并將焦點(diǎn)移到檢查元素移模式,或者控制檢查元素模式開關(guān)如果DevTools已經(jīng)打開了。
(注意:chrome版本要對應(yīng) - chrome正式版 61.0.3163.100 使用方法就是覆蓋原文件)
下載地址
-
- 通用安全下載
-
- 移動安全下載
-
- 聯(lián)通安全下載
-
- 電信安全下載
-
- 移動網(wǎng)絡(luò)下載
-
- 聯(lián)通網(wǎng)絡(luò)下載
-
- 電信網(wǎng)絡(luò)下載
-
- 通用網(wǎng)絡(luò)下載