Debugging of Firefox vs chrome

A perfect debugging tool, firebug!

Precisely tracks each step. Select "script" as shown in the following figure, and then select the file where the script is located to perform breakpoint tracking on the execution of the text.

In addition, the execution process of another thread is executed only after a thread finishes running, which is consistent with that of most multithread debugging tools.

Chrome's built-in debugging function does not properly match the breakpoint with the actual breakpoint code in some cases, which occurs when the breakpoint is passed in The WebStore.

Therefore, it is more accurate to directly find the corresponding file in chrome and add the breakpoint again.

The reason why you want to use WebStore to add breakpoints is that the debugging functions of these two browsers do not provide code folding when the code is displayed. For a long code, it is really not very easy to find.

Therefore, if you want to debug your big project, you still need to maintain good code habits, encapsulate some functions with functions, and then put one or two functions with similar functions into a JS file, make an external call.

Of course, sometimes, some people will deliberately integrate a lot of externally referenced js to avoid additional resource consumption caused by multiple JS loads, this may be another thing. It may be better to make a tool for processing.

However, at least in the development stage, it is very important for code maintenance to effectively split functions for management, maintain good ideas during the development process, and efficiently conceive the next task, defining and solving problems that may occur at any time is of great benefit.

The core control of web development should be concentrated in Javascript, so jquery is the first. However, in order to simplify the task implementation steps, we have not introduced yet well-known but indeed powerful jquery.

The Skillful Use of debugging tools for dynamic languages such as JavaScript determines the difficulty of problem searching, which is the same as debugging tools in the integrated development environment.

Unfortunately, there is no development tool that can achieve this goal well. It is said that WebStore is enough to develop javascrui, but at least in my use, the breakpoint is not passed to the browser correctly for breakpoint debugging.

Hope, and solve the problem with pain.