JavaScript------> Debug JavaScript code------> Use the developer tools in your browser to debug

1. How to open the "developer Tools" in the browser

*360 Secure Browser

* Method One, open the Web page you want to debug, such as Index.html, the top right corner of the browser---tools----developer tools

* Method Two, press the shortcut key F12 directly to open the browser developer tools

　　　　　　

　　

2. Using the developer Tools 2.1 in the browser, use theConsole PanelConsole Panel Overview:　　　　　　

You can enter JavaScript code in this panel

directly executes the JavaScript code after you press ENTER

1) Console.log (< variable >);//Enter the value of the variable to display　　　　　　

Example One,

Example Two,

　　　　　　　　　　　　　　

　　　　　　　　　　　　　　

2.1 Using the source panel in the Developer Tools Source Panel Overview:

This panel allows you to view/edit HTML, CSS, JavaScript code

You can set breakpoints on the corresponding code through the source panel and perform more advanced debugging by stepping

　　　　　　　　　　　　　　　　　

JavaScript------> Debug JavaScript code------> Use the developer tools in your browser to debug