Firefox development----Web Developer tools

As a developer of web related people, it is necessary to understand this development tool, will provide you with a lot of help, get to the point. The classic F12 started, as we all know.

A console can be very good for us to control errors, including file loading, JS syntax, CSS syntax, security issues.

Click to select to show, otherwise hidden, of course many many errors, need to open the console refresh load to see, more common network tools need to reload to see.

Here is a filter tool, such as the 404 error we find for file loading exceptions.

Two viewers

The viewer can edit the copy-and-paste HTML, but only look for HTML elements that are not arbitrary characters.

The tools on the right do not say, everyone knows.

Three debugger JS, do not do in-depth discussion, after all, debugging and testing for small program is almost unnecessary, here can also search, but the function is weak, want to be able to provide script editing function.

Four-style editing features

We can create new, import, edit style, online debugging, eliminate each time to save the refresh of the trouble.

This latest version supports CSS hints, and is looking forward to it.

Five Coloring Editor

This does not understand, skip.

Six-analyzer

If you have obsessive-compulsive disorder, you can try.

Seven networks are still relatively real.

View all the methods of the request, resource situation, domain name, the right side to provide more detailed features, can be self-mining, more interesting.

The right bottom side has the personality to analyze the tool, is also recently updated, after clicking, has the high request person to try, compares the image to be intuitive.

Eight Toolbar Small Helper

Click Settings,

These are basic features and more need to be explored by individuals at ordinary times.

Firefox development----Web Developer tools