Joke Collection Website - Talk about mood - How to debug chrome breakpoints

How to debug chrome breakpoints

Js front-end needs browser debugging. chrome is a common browser for front-end developers, so it is essential to master the debugging skills of chrome breakpoints. So how do you debug chrome breakpoints? Bian Xiao tells you about the specific operation method.

Chrome87 official version 64-bit official download

Chrome87 official edition 64-bit is the latest Google browser released by Google for windowsx64 system. Chrome87 is a big version update, and all previous optimizations were made in terms of performance. By freezing inactive tags, the occupation of memory resources is reduced, thus reducing the burden on the system and improving the endurance of the computer. Let's share with you the official download address of the 64-bit offline installation package of Google Browser 87 stable version. Users who need it can download and install it.

The specific method is as follows:

1. First, we press F 12 to open the developer tool in the interface to be debugged.

2. After successful opening, you can see the pop-up tool shown above. This experience is how to debug, so go straight to the topic and click the Sources tab.

3. The project directory is displayed under the page tab on the left.

4. Suppose that when debugging Main.ts, you need to click the digital position of the line before debugging the code line, and a blue sign will appear as shown in the figure, indicating that the positioning is successful.

5. Next, run the page. When the script runs, it will pause at the breakpoint. Move the mouse over the specified variable and relevant data will be displayed.

6. With the watch and call stack on the right, you can jump out of this function, view the previous function, and so on. By looking at these data, we can get debugging results.

The above teaches you a trick to debug chrome breakpoints. Mastering this method can help you use the browser better. I hope it helps you!