详细解读自适应,代码适配和跳转适配三种适配方式的区别!

原创 David  2023-03-04 18:02  阅读 286 次
>明月合作型SEO

早在很多年前,百度在做的线上与线下的培训,鼓励站点做适配,一方面加强移动网站与搜索引擎的友好结合,另一方面也是加强网站在移动搜索中的体验。

一.站点类型了解

首先了解下站点类型,在百度站长工具里的站点属性里可以设计修改站点类型,我们可以看到站点类型如下:

百度站点类型

人人都是运营网认为归类不好,所以把站点类型从新给归类如下:

1.独立PC站

2.独立移动站

3.PC/移动综合站:(1)跳转站点,(2)自适应,(3)代码适配

二.站点适配方式了解

今天人人都是运营网主要给大家解读下PC/移动综合站的三种综合方式,或称为适配方式!先看其定义的核心区别:

1.跳转适配:这个很好辨认,pc和移动网址是不一样的,一般都是使用m.的二级域名。

2.自 适应:网址不变,根据设备的浏览器尺寸进行判断,网站会根据你的流量器窗口的大小给你按照不同比例去展示内容,比如你同样是在PC上打开某一个网页,当你 把浏览器窗口缩小时,网站也会随着你的窗口大小,进行显示内容一样而格局有所变化的网页。代码的一般情况都是HTML一样,而css不一样,有些时候在 css里面会有media screen标签。

2.代码适配:网址不变,根据终端设备UA进行判断,通过UA知道是移动设备访问,那么就会返回给你一个移动端形式的网页,反之会返回给一个pc端的网页,而这两种网页的网页代码也是不同的。所以这种形式做移动站,开放也是最为困难的。

为了让大家好理解,再给大家画个三个适配方式的对比分析Excel表:

适配方式对比图表

三.怎么分辨自己的网站的适配方式

1.懂代码的,看代码即可识别

2.不懂代码的可以借助工具分析

工具:火狐或谷歌浏览器(谷歌功能更全)、User-agent Switcher插件

步骤:

①打开浏览器(笔者使用火狐做演示),搜索User-agent Switcher插件安装。

②点击工具栏中的如图,点击iphone3.0,之后就可以去打开你要看的网址了。(提示:点击dedault user agent则回到pc访问。)

③进行判断

跳转适配:网址不一样,不用多说。

自适应:在未点击iphone3.0时,和点iphone3.0后,网站源代码,所显示的代码是一样的。

代码适配:同上,代码不一样。

当您访问网站时,检测web服务器和客户端代码看到的用户代理字符串。通常,该字符串由网站所有者用来促进最终用户体验,但是,它也可以用来识别用户。

四.相关说明

这个网站使用一些创新的技术来积极地检测你的浏览器暴露的真实用户代理。只需从“方法”下拉列表中选择所需的技术,并在下表中查看相应的用户代理字符串。结果由三个不同的用户代理字符串解析器库呈现(在不同的选项卡中)。请单击所需的选项卡以查看用户代理字符串的详细信息。还要注意,如果您使用的是用户代理欺骗扩展,我们不同的检测机制将尝试绕过欺骗并显示真正的用户代理字符串。

方法:

  1. [正常] navigator.userAgent该方法在页面加载完成时读取navigator对象。这是检测用户的实际用户代理字符串的最常用方法。
  2. [侵略性] navigator.userAgent该方法在page将要呈现时克隆“navigator”对象,以防止任何外部脚本在以后修改它。很难绕过这种方法,因为此时欺骗者没有足够的时间来异步获取伪造的用户代理字符串。
  3. [激进的] navigator.appVersion该方法使用“appVersion”属性,并在基于Chromium的浏览器中将其转换为实际的用户代理字符串。因为Firefox不支持这种方法,所以它不适用于这种浏览器。
  4. [侵略性] UA标题该方法观察从浏览器发送的请求头,并读取请求的“用户代理”头。通常情况下,网页无法访问这些信息,但是,通过注册服务人员,可以监控网页的出站流量。
  5. [激进的] iframe navigator.userAgent然而,与方法2相同,使用新创建的沙盒iframe来防止任何脚本能够操纵“navigator”对象。
  6. [激进的] iframe navigator.appVersion与方法5相同,但使用% 3c code % 3 eappversion % 3C/code % 3E属性。

API参考:

您可以使用以下URL参数来自定义页面的显示方式。请注意,该页面本地保存最后使用的方法和最后访问的选项卡,以备后用。

  1. 方法可以是" ug "、" ua "、" av "、" uah "、" fua "、" fav "值之一,表示用于检测用户代理字符串的默认方法。
  2. 标签可能是“navigator”、“ua_praser”、“platform_js”中的一个,表示用于显示结果的默认渲染引擎。
  3. 冗长的可以是“true”或“false”值之一,指示页面是使用所有方法还是仅使用活动方法。如果使用了所有方法,并且结果不一致,那么用户将被警告。

关于用户代理的技术说明

浏览器是互联网的基本需求,它需要大量的安全策略、服务器协议和连接代码才能理想地运行。其中,有一个元素很重要,但人们并没有意识到;这是浏览器的用户代理。一般来说,浏览器首先把它们的用户代理发送到你想连接的每个网站。用户代理是指定web服务器的浏览器和操作系统的文本字符串。当浏览器想要与服务器通信时,用户代理出现在HTTP头中。每个浏览器都有其特定的用户代理字符串,web服务器利用这些信息在不同的操作系统之间传递适当的资料。

用户代理被不同地用于不同的目的,其中一些如下。

  1. a.浏览器用户代理的用途之一是使不同的网页在不同的浏览器上可用。这是非常有益的,因为它为旧浏览器提供了最简单的网页。例如,您可能会看到这样的消息——用Internet Explorer打开它。
  2. b.向不同的操作系统显示各种内容。这方面的一个例子是设备中网页的移动版本;为了方便用户,通常是细长的和垂直组织的。
  3. c.浏览器的用户代理有助于收集显示操作系统和浏览器使用情况的统计数据。大多数浏览器市场份额统计数据都是通过同样的方法获得的。
  4. d.网络爬行机器人也使用用户代理。Web服务器为机器人提供特殊的处理和验证,如强制注册、筛选等。网络服务器也被设计成根据程序向指定的机器人或所有的机器人发出命令;通过使用robots.txt文件。例如,我们看到一个web服务器请求一个特定的机器人不要进入和离开,或者允许另一个机器人只访问站点的一部分。机器人通常通过它们的用户代理字符串来识别。

我们知道NCSA Mosaic是最早引入互联网功能的浏览器之一。与之相关的用户代理字符串是Mosaic/2.0,后来被Mozilla接管,其用户代理是Mozilla/1.0。Mozilla在连接性和安全性方面比Mosaic先进得多,因为它提供了易于支持的框架。网络服务器参与观察Mozilla的用户代理,以及它如何在Mozilla浏览器之间发送由框架组成的页面。考虑到其他浏览器利用发送没有任何框架的旧页面,这是一个显著的进步。接下来,我们了解了支持框架的Internet Explorer。然而,带框架的网页仍然没有接收端,因为它们只是与Mozilla浏览器共享。

本文地址:https://www.rrdsyy.com/1907.html
关注我们:请关注一下我们的微信公众号:扫描二维码 号名称暂无
版权声明:本文为原创文章,版权归 明月SEO 所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了
西安网站制作

发表评论


表情