Firefox debug code (very powerful)

These days to do the task there are many errors, but I also limited to the development tool eclipse debugging, but to the foreground data no way to debug, find the manager to solve the problem, was noisy, but also learned some small skills, here to write down, not very comprehensive, after learning more to update.

Open Firefox, press "F12", the page will appear below the interface:

I set the black style, the upper right corner has the gear icon, can modify the style there

The first is the viewer, the direct view of the HTML script, the right is some style, this feature I do not use it temporarily;

The second one is the console,

From the following can be seen, its function is to load the next page load of the following CSS style files, JS files and security information, log files, here I useful to observe the introduction of the JS file I have no path error or JS file There are no grammatical errors, and so on, these again eclipse is unable to see , which I like very much;

The third one is the debugger,

This directly in the foreground of the JS file debugging, you can break the point, the right can see the variables and events used, such as what you declare variables to get what value, and here can be seen (if the break point);

The fourth one is the style editor,

This I also can not use, belongs to the front-end personnel use, adjust style what;

The fifth one is the performance, I do not use, for the moment not to say;

The sixth one is the network, I use the most, also very good,

This interface is in the page you click on the link, the request sent to the server, and the response received to the server is shown here, such as the above get and Post,get is sent after the request has a format size and time, post is the result of the server response;

Then you click on the request such as "listsuborgtreenode.do?orgtype=1" above, the right side will appear this request, so information

Here you can check whether the requested request is correct, and the consistency you want to send, parameters can be viewed in the parameter options

Everything is right. Then check the data returned by the server response, click Response

The request is to ask the server to return the JSON data, it is true that the response is JSON data, object is the data set, to this request to send and response check complete! Such debugging can directly confirm that you write the code is the foreground or the background in addition to the error, or send the request again or this will accept the response time parameter or data right! This saves me a lot of time, on here, and so on to learn the new skill, then to share!

Firefox debug code (very powerful)