Allow Web sites to support multiple clients

Introduction

Now the mobile internet has been very popular, especially the smart phone, in some of the larger cities, almost everywhere, in some small and medium-sized cities, the popularity of the more widely. In China, mobile internet users, has reached nearly 400 million, can be seen how tempting the market.

The most common operating systems for smartphones are: android,apple os,windows phone, and Symbian,smart phone.

Also, in the past two years, a new client has been added, which is pad. Pad compared to mobile phones, the screen is larger, 7-inch, 8-inch, 10-inch, more storage space, even more processing power.

There are two main operating systems for pad: Android and Apple OS.

Mobile phone and pad Internet is generally supported by mobile phone card Internet, or wireless connection to the Internet.

So now the site, a considerable part in the establishment of the time, consider to support mobile browsing. Even if the site is already built, many are beginning to consider adding support for mobile browsing. Some, but also do the mobile phone client, make full use of the resources of the mobile phone, provide further services.

The topic we're discussing today is how to get the Web site to support multiple client browsing and what factors to consider when designing. Mobile phones and pad clients are not in today's discussion, and will later open an article to discuss the design and development of these clients.

Three types of clients

There are three main types of clients accessing a Web site:

Cell phone

Pad

Pc

Why distinguish between three types?

Because these three kinds of client's screen size is different, the representative can see the content of the capacity is not the same, even more, three kinds of equipment user's operating habits are different. So the need for three types, separate design interface and use process, including often said user experience, must design three categories.

It has been said that the PC also has a variety of sizes, resolution. Mobile phones are also 3.7, there are 4.0, 4.5, there are 5.0. PAD also has 7-inch, 8-inch, 10-inch. Why don't you make a distinction about each of them?

Each of these types has a different resolution, and there are some differences in screen size. However, in their internal differences, relative and other types of differences, it is not, in fact, can be considered together. If you want to do more sophisticated, you need to accurately design to each size, otherwise do not need to consider too many internal gaps, but also to do a good job of testing, to do some of the internal gap adaptive design.

There are three ways to enable a Web site to support a variety of clients:

One is to judge the user's type according to the user's request information, and then to guide the user to the appropriate page.

One is to design independent m. Domain names, such as www.baidu.com for PC access, m.baidu.com for mobile phone access.

There is also a combination of the above situation, to do a better and more humane design.

Differentiating user types based on requests

Users visit the site, some with a PC, some with pad, some with a PC, first of all to make a distinction, to know the user is that type of access, and then good according to the type to guide the user to the appropriate page.

From a technical standpoint, the most common, most important, and most accurate method is to use the User-agent information in the header of HTTP request. By analyzing this information, you can know the type of client requested, whether it is a mobile phone, a pad, or a PC. You can even know the client's operating system, resolution, manufacturer, client model, browser type, browser kernel, cell phone model, pad model, and so on.

The content of the User-agent information also depends on the type of browser, and different browsers may add different information.