Easy multi-screen optimization How to realize the website automatic recognition user access device

Source: Internet
Author: User

Original reproduced from http://www.pangshayu.com/html/8634.html

Mobile easy multi-screen optimization technology is to maintain the same domain name, the same background, the same database, the same system on the basis of different devices (pc/mobile phone/pad) to visit the site of the front desk, the site will be for such devices display with the most suitable and for such equipment users use the custom optimization of the front interface, This provides the best user experience when accessing different devices.

So the question comes, how to implement multi-screen optimization How to realize the website will automatically identify users to access the device? In fact, it is very simple, according to the operation of this article can be fast and efficient implementation of multi-screen mobile easy to realize the site automatically identify user access to the device function.

1, Login Easy Backstage, select "System Settings"--"Site parameters Configuration"----"Whether to start mobile device detection" Select "Yes"---and then determine;

650) this.width=650; "title=" Dynamic SF Automatic identification access device "alt=" easy multi-screen optimization How to achieve "src=" http://www.pangshayu.com/UploadFiles/Server/2015/ 5/201505130853242106.jpg "/>

650) this.width=650; "style=" WIDTH:660PX;HEIGHT:27PX; "title=" Dynamic SF Automatic identification access device "alt=" dynamic multi-screen optimization How to achieve "src="/HTTP/ Www.pangshayu.com/UploadFiles/Server/2015/5/201505130853241153.jpg "width=" 660 "height="/>

2, select "System Settings"--"node Management"--Select the node that needs to use multi-screen optimization function This example selects the "Home" node, set the corresponding template information;

650) this.width=650; "style=" WIDTH:660PX;HEIGHT:209PX; "title=" Dynamic SF Automatic identification access device "alt=" dynamic multi-screen optimization How to achieve "src="/HTTP/ Www.pangshayu.com/UploadFiles/Server/2015/5/201505130853306241.jpg "width=" 660 "height=" 209 "/>

Whether it is not the content page, must not appear in the red font hint, or it means that mobile devices need to show the page does not have the corresponding template information

650) this.width=650; "style=" width:660px;height:74px; "title=" Dynamic SF Automatic identification access device "alt=" dynamic multi-screen optimization How to achieve "src="/HTTP/ Www.pangshayu.com/UploadFiles/Server/2015/5/201505130853329105.jpg "width=" 660 "height=" "/>

3, whether it is a virtual host or a standalone server, be sure to modify the site default home page for Default.aspx. IIS does not need to make any settings, including MIME operations such as can be omitted.

The above 3 points set, want to implement different devices to visit the site foreground, show the corresponding page is no longer a dream. Whether using a smartphone or tablet to access a website, the Web site automatically recognizes users ' access to the device and provides the best fit interface for the user's current device, providing an excellent and smooth browsing experience with the help of multi-screen optimization technology. And no new URLs, users on the phone using the original URL to open your site can be directly into the mobile version of the site, do not need to jump two times, more friendly search engines.


Original reproduced from http://www.pangshayu.com/html/8634.html

This article is from the "Fat Shark-ops" blog, be sure to keep this source http://pangshayu.blog.51cto.com/1087721/1650862

Easy multi-screen optimization How to implement Web site automatically identify user access devices

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.