Early adopters of IE 9: New web debugging features

Today I installed an IE 9 beta version and finally saw a long wait, similar to the firebug debugging tool. Press the F12 key on the page to open the debugging tool. Its interface is similar to firebug.

Figure 1 ie 9 debugging tool interface

Enter the following command in the command line of the console:

Console. Log (1)

We can see that the output is compatible with firebug console commands, which is quite good, so you don't have to write different tests because of different console commands.Code, You only need a set of code to test in Firefox and IE.

Enter the following statement in the console:

 
VaR A = {width: 10, height: 10} console. Log ()
 

The output is: Log: [object]

This is quite depressing. In addition, unlike firebug, you can click an object to enter the Dom to view the object. This needs to be improved, which is a bit similar to the previous debugbar functions. I don't know if Microsoft is working with it. Ignore this and continue the test.

Open the example in the article "javascript debugging tool: firebug Usage Details" and you can see the HTML code generated on the HTML page. The biggest problem is how HTML documents are displayed.

Select a document node and you can see its style, layout, and attributes on the right side. It is basically the same as firebug, that is, the display mode of the style looks tired (or it may be caused by the way of firebug ).

Like firebug, you can directly modify HTML documents and style attributes in the debugging window.

I finally found out something better than firebug, that is, I can save the modified documents. Haha.

The function of the CCS page is basically the same as that of firebug.

The console also has a problem that AJAX requests cannot be tracked, which is a problem.

There is little difference between script debugging and firebug.

Some statistical work can be done in the probe. It is estimated that it is similar to the statistical test command of firebug. Further research is required.

The network function is the same as the network function of firebug. The only trouble is to click "go to detailed view" to view the specific content.

Although the functions of this debugging tool still need to be improved, it is at least a good start.