How the browser works

WBOY

Release： 2016-10-20 10:09:26

Original

1389 people have browsed it

After entering a URL on the browser, a beautiful page appears in front of us. What happened in the middle? For an ordinary user, you may not need to think about this issue, but as a front-end developer or a student who wants to develop plug-ins, it is very necessary to master the working principle of the browser!

Main browser functions

Today we will discuss five mainstream browsers - IE, Firefox, Safari, Chrome and Opera. The functions and purposes of the browsers are the same, but there are some differences in the parsing process. So what are the main functions of the browser?

1. User interface (this is not important) - including the address bar, back/forward buttons, bookmark directory, etc., that is, the other parts you see except the main window used to display the page you requested.

2. Browser Engine - an interface used to query and operate the rendering engine. It is also used to operate the browser’s data storage.

3. Rendering engine - used to displayrequested content. For example, if the requested content is html, it is responsible for parsing html and css and displaying the parsed results.

4. Network - used to complete network calls, such as http requests. It has a platform-independent interface and can work on different platforms.

5. UI backend - used to draw basic components such as combination selection boxes and dialog boxes. It has a universal interface that is not specific to a certain platform. The bottom layer uses the user interface of the operating system.

6. JS interpreter - used to interpret and execute JS code.

7. Data storage - belongs to the persistence layer. The browser needs to save various data similar to cookies in the hard disk. HTML5 defines web database technology, which is a lightweight and complete client-side storage technology