Web browser debugging

First, Chrome browser

debugging of CSS and HTML

1.ctrl+shift+c to select ELEMENT nodes on the page

2. After selecting the node, you can edit the HTML directly F2

3. Add class name feature, new class name style feature

4. Hide Element function

JS Debug

operate on the sources page

<1> execution after a breakpoint includes

1. Do not enter the next step inside the function

2. Go to the next step inside the function

3. Jump out of the current function

4. Do not activate breakpoint/Activate breakpoint, can reduce breakpoint by hitting the OPT, or right-click to delete breakpoint

<2> Printing Exceptions

Click, and choose to pause in the abnormal location, JS will be in the abnormal position to stop execution and print errors

If you do not choose to pause at an unusual location, the execution will continue, but the error will be printed

<3>ctrl+shift+f Find in all Files

<4> click on the corresponding JS file {} Can format the compressed JS

03 Debugging of event Monitoring

Select the monitored element, open the sources option to the right of the event Listener breakpoints, where Mouse has a series of events such as Click, when the trigger event when the breakpoint takes effect

Web browser debugging