JavaScript/Notes/Debugging: Difference between revisions
Jump to navigation
Jump to search
(Created page with "<source lang="html5"> <!doctype html> <head> <title>Debugger Example</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>Test Debugg...") |
No edit summary |
||
| Line 1: | Line 1: | ||
Two approaches: | |||
1) Use the debugger keyword: | |||
<source lang="javascript"> | |||
function myFunc(myParam) { | |||
debugger; | |||
var myVar = 1; | |||
function innerFunc() { | |||
} | |||
} | |||
</source> | |||
2) Add a breakpoint manually. | |||
<source lang="html5"> | <source lang="html5"> | ||
<!doctype html> | <!doctype html> | ||
Revision as of 16:27, 30 December 2013
Two approaches: 1) Use the debugger keyword: <source lang="javascript"> function myFunc(myParam) {
debugger;
var myVar = 1;
function innerFunc() {
}
} </source>
2) Add a breakpoint manually.
<source lang="html5"> <!doctype html> <head> <title>Debugger Example</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body>
Test Debugger
When Entering an Execution Context, the Variable Environment is initialized with parameter variables, Function Declarations, and Variable Statements.
function myFunc(myParam) {
debugger;
var myVar = 1;
function innerFunc() {
}
}
<script> function myFunc(myParam) {
debugger;
var myVar = 1;
function innerFunc() {
}
} </script>
Open the debugger and then click the button below.
<button onclick="myFunc(7)">myFunc(7)</button> </body> </html> </source>