Debugging technique:-
We can easy to debugging the client side program in run time, using debugger methods and open the inspect element.
Syntax :-
Debugger;
Example Program:-
Before clicking the "Click here To inspect element" this button, press F12 and open the inspect element, and when you press the "Click here To inspect element" button your program will be pause the execution and wait for user input and you can now see the run time output and press F10 to run line by line, F12 to continue the execution.
Output:-
Screen shots:-
you can find the variable value by select or drag the variable to display the popup.
We can easy to debugging the client side program in run time, using debugger methods and open the inspect element.
Syntax :-
Debugger;
Example Program:-
Before clicking the "Click here To inspect element" this button, press F12 and open the inspect element, and when you press the "Click here To inspect element" button your program will be pause the execution and wait for user input and you can now see the run time output and press F10 to run line by line, F12 to continue the execution.
<html>
<head>
<title>Move The Div Position</title>
</head>
<script type="text/JavaScript">
function debugger_call()
{
debugger;
var name="Merbin Joe";
var place="google";
var mark1=91;
var mark2=78;
var mark3=89;
var Answer;
answer=mark1+mark2+mark3;
alert(answer);
}
</script>
</head>
<body>
<input type="button" value="Click here To inspect element" onclick="debugger_call();" style="height:50px;">
</body>
</html>
<head>
<title>Move The Div Position</title>
</head>
<script type="text/JavaScript">
function debugger_call()
{
debugger;
var name="Merbin Joe";
var place="google";
var mark1=91;
var mark2=78;
var mark3=89;
var Answer;
answer=mark1+mark2+mark3;
alert(answer);
}
</script>
</head>
<body>
<input type="button" value="Click here To inspect element" onclick="debugger_call();" style="height:50px;">
</body>
</html>
Output:-
Advertisement
Screen shots:-
you can find the variable value by select or drag the variable to display the popup.
Wow, It is very easy to do programming while pause on execution time. Thank you so much
ReplyDelete