控制臺 console debugger</br></br>
Introduce
1)debugger在IE中報(bào)錯(cuò)牙寞;
2)它實(shí)際上是一個(gè)斷點(diǎn);
Eg
Simple code:
(function(){
console.log("debuggerBeagin");
debugger;
console.log("debuggerEnd");
})();
在控制臺中調(diào)試(Sources):
ConsoleDebugger.png
Explain
藍(lán)色方框4個(gè)按鈕:
釋放中斷:用來從一個(gè)斷點(diǎn)直接執(zhí)行到整個(gè)程序的終點(diǎn)彼水;
單步跟進(jìn):從當(dāng)前閉包內(nèi)一步一步向前跟進(jìn)(快捷鍵F10);
單步進(jìn)入:進(jìn)入一個(gè)方法內(nèi)部繼續(xù)跟進(jìn)极舔;
單步跳出:跳出當(dāng)前所在閉包繼續(xù)跟進(jìn)凤覆;
藍(lán)色方框右邊 帶有 “/” 斜線的五邊形 表示正在斷點(diǎn),不帶 “/” (等于關(guān)閉)表示忽略斷點(diǎn)
Call Stack:當(dāng)前所在的閉包的調(diào)用棧拆魏,最上邊的是當(dāng)前閉包盯桦,最下方的是程序的發(fā)起點(diǎn)
Scope:當(dāng)前程序內(nèi)所有的變量,Local渤刃、this拥峦、Global
參考貼吧帖子(感謝樓主分享):