[More images early adopters] Google Chrome trial tips

Hi everyone ~ I haven't made any nutritious news for a long time. Today, let's get a try of Google Chrome browser, which is a hot topic recently.

 

Google Chrome's English name is actually good (although it may be reminiscent of Firefox's chrome protocol), but I don't know why, the Chinese Language Pack is translated into Google Chrome "...... This ...... Google has been translated into Google, which is already depressing. This time, Google simply eats a few words in chrome, so it's hard to say that it's a bit v =

 

Back to the point, let's talk about Google Chrome from the perspective of Web Front-end developers.

 

First of all, Google made a smart promotion for front-end developers, although it seems to be a general publicity. For details, see Google Chrome geek comic:

Comic Web site: http://www.google.com/googlebooks/chrome/

This kind of geek comic is actually a very popular art form in front-end development. It is an appropriate combination of technology and modern art, so people who can understand it can, frontend development should be very promising.

 

Before Google Chrome was released, there were some news that Google would develop its own browser kernel. However, with the release of chrome, rumors will not be cracked. Chrome does use the WebKit kernel, so you can refer to similar safari, and even UA is like this:

Mozilla/5.0 (windows; U; Windows NT 5.1; en-US) applewebkit/525.13 (khtml, like gecko) Chrome/0. x.y. Z Safari/525.13.

Therefore, in preliminary tests, for style sheet parsing and JavaScript Execution, Chrome is quite similar to Safari:

The picture on the left is chrome, and the picture on the right is safari. As you can see, Safari not only has its own font EnhancementAlgorithmOther rendering methods are similar to chrome. (PS: the photo is authorized to be released by Zhao lao. Please do not reprint it. You can save the photo here. In addition, you can find the mengtu leitu of Zhao Chao)

Both of them have similar functions of highlighting input boxes and changing the size of textarea:

Even the acid3 score is similar: (if you do not know acid3, you can check the 100 score here)

The good news is that Chrome will also support some future generations (?) . Do you still remember this canvas application?

 

So far, we don't have to worry too much about the impact of hack on chrome, because it is similar to Safari 3.1 on MAC (claiming to be the best browser ...... The apple website) uses the same WebKit core, so hack is fully compatible-in fact, in such a worry-free browser,There is no need to use hack.. If you really want to use it, we recommend that you use some pseudo classes of css3, such as first-of-type. However, this is completely unnecessary.

However, no reports have been reported that CSS hack can be used to distinguish chrome from safari 3.1 (theoretically unlikely ). In this regard, we continue to pay attention to this mentality = V = (sahua

 

Finally, we will introduce some of Chrome's gadgets for front-end developers:

 

FirstWeb Inspector: Right-click anywhere on the page. The "review element" option is displayed in the context menu. But this word is translated ...... Review

Then there will be something like Dom inspector ...... It feels a bit like opera's dragonfly. Note the metrics in the lower right corner:

In addition, the Javascript Console (CodeTip function ):

As well as the webpage download speed analysis function, supports viewing by timeline, file size, and single file:

However, you still cannot view the detailed header information of a file.

 

It can only operate in Command Line ModeJavascript Debugger:

Only the most basic functions ...... We hope this will be enhanced in the future. It can be integrated into Dom inspector like firebug.

 

However, the following is quite useful-a built-inTask Manager:

It can monitor the performance of web pages, which is more accurate than the task manager provided by windows. It can be used to test some test cases to test the performance.

 

This is basically the case. If there are some new discoveries, I will report to you again ~ The above is what you will see next time ~

 

PS: some of the above technical specifications are from the Google Chrome documentation.