IE8 developer tools are just toys

Today, IE8 Beta 1 is installed on the XP SP2 system. The topic of this log is a bit of experience and opinions on IE8 web standards.

As a developer and designer, I was particularly excited when I heard that IE8 uses the real standard mode to render webpages by default. Let's look at IE8's performance from a user's perspective.

First, let's look at the page presentation.

Test page: http://xutour.com/(this page is also a standard design that passes through W3C HTML verification and css2 verification .)

Test Browser: IE8 Beta 1 for XP and Firefox 2.0.0.12

Figure 1. Page under IE8 (click to view the big picture)

Figure 2. Page under FF

Next, analyze the page from left to right.

The first is the logo. Almost all web sites require and do have logos, And the logos are generally linked to the home page. This site is no exception. The exception is that it uses CSS image replacement to make you look like an image logo.CodeIs just a text link, the purpose is to make the search engine easy to recognize.

But obviously, this link does not work in IE8, but the logo does. Other functions such as ff, IE7, IE6, and ie5.5 are displayed normally.

Look at the HTML code:

1 < Div ID = "Logo" > < A Href = "Http://www.xutour.com /" Title = "Xutu tourism network" > Xutu Tourism </ A > </ Div >

Then look at the CSS code:

1 # Logo {} {Float:Left;Width:200px;Font-size:0;Line-height:0;}
2
3 # Logo {} { Display : Block ; Width : 200px ; Height : 70px ; Margin : 5px ; Font-size : 0 ; Color : # Fff ; Line-height : 0 ; Background : URL (../I/xutourlogo.gif) No-repeat top left ; }

The problem isFont-size:0; AndTwoLine-height:0;. Make up the information.

Let's look at the list style. Obviously, the point before the list items of IE8 is 4 times larger than that of FF! I don't know if this is the case in Vista.

There is not much difference in other places. The following parts of the page are supported by the list.

Here is the test page effect. Let's take a look at the developer tools.

What I want to say is that this toy is not fun at all. Look at people's firebug:

Add-ons installed in FF: web developer is at the top. The following status bars are color picker, HTML validator, and firebug.

I have been in touch with and using web standards for many years and have seen all uppercase tags and attributes without quotation marks. I feel like I have returned to the html4 era, but not now. HTML5 has all come out. Let's list what makes me uncomfortable:

1. The tag is capitalized;

2. the attribute is not enclosed in quotation marks;

3. The labels in the head are not in the original order (Why ?)......

Look at the CSS Tag. This is nothing to say about the developer tools of IE8. I just put out the CSS definition, and firebug can be previewed:

Continue to list unpleasant things:

4. CSS auxiliary tools are very simple;

Let's take a look at script debugging. During my several hours of use, I used IE8 to open cnblogs to edit logs in the background. The results cannot be displayed in the editor and are stuck.

On the JS debugging page, visit http://www.xutour.com/help/aboutxutour.htm, because there is a JS Code to the folder.

 

Can I Only debug inline JS Code in IE? In addition, the system prompts disabling debugging. What if it is enabled?

It seems that debugging can be done. The "add to Favorites" is just like this. There is nothing in the locals variable.

Debugging in firebug is much more detailed.

OK. This toy is playing here. I hope more improvements will be made in the next version.

IE8 is better but still slightly broken