移动站做优化有哪三种适配方式?

2015-11-19    分类: 网站建设

随着移动互联网时代的到来,人们将更多的时间和精力放到了移动端,移动的流量也是迅猛提升。所以仅仅有PC站是远远不够的,移动适配与移动站点优化越来越被重视。下面我们就来说一下移动适配的三种方式。移动适配方式主要分为三种类型:跳转适配、代码适配、自适应。

跳转适配,顾名思义就是使用不同的设备访问时会跳转到不同的URL上,例如PC访问时是www.,而移动端访问时是wap.或者m.。

代码适配就是利用后台服务器的动态页面代码,不同设备的浏览器访问同一URL的时候,服务器动态返回不同版本的代码,实现同一URL展现不同内容。(针对不同设备生成不同版本的HTML)

自适应在三者当中是高大上的,它使用一种高级代码,相同代码在不同设备上展现不同的效果。

移动站做优化有哪三种适配方式?

1、跳转适配

跳转适配是指利用单独不同的网址向PC端和移动端设备提供不同的代码,跳转适配会先尝试检测用户所使用的浏览器或UA,然后使用HTTP重定向和VaryHTTP标头重定向到相应的页面。

专业的语言听不懂,简单的说就是检测用户的浏览器让用户跳转到移动站或者PC站。比如在手机浏览器上访问PC站,如果做了适配就会跳到M站。

跳转适配的适配方式又分为:META标记、自主适配、百度站长平台提交。具体做法我暂时不说,大家可以单独去了解。


移动站做优化有哪三种适配方式?


2、代码适配

代码适配是指使用相同的网址,但是会根据服务器对用户浏览器或UA的分析,提供不同的html代码。代码适配方式比较简单,方法如下:

添加Vary HTTP标头。添加VaryHTTP的作用是通过它来向缓存服务器说明,在决定是否通过缓存来向用户提供网页前应该先考虑不同设备类型,如果没有使用VaryHTTP标头,那么缓存服务器可能会在移动设备上提供PC端网页的html代码,反之也成立。

在PC站head中添加:

在移动站head中添加:

移动站做优化有哪三种适配方式?

3、自适应

自适应就是使用相同的网址不考虑用户浏览器UA,向不同设备的用户提供同一套html代码。

自适应也叫响应式,可以自动识别屏幕宽度并作出相应调整设计。

作用是设置显示宽度和手机屏幕宽度一样,也就是满屏显示。

在head中标识,并使用元素处理自适应图片,即可成功自适应。

目前网络上绝大部分的网站都是自适应的。因为维护起来简单,只需要维护一套html代码。

新闻标题:移动站做优化有哪三种适配方式?
文章路径:https://www.cdcxhl.com/news/28715.html

成都网站建设公司_创新互联,为您提供Google品牌网站建设域名注册用户体验网站制作商城网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

小程序开发