一种针对客户端环境的网页代码自适应方法技术

本发明专利技术公开了一种针对客户端环境的网页代码自适应方法。本方法为：1)客户端浏览器在访问网站时，向网站服务器发出HTTP请求信息；2)网站服务器根据HTTP请求信息中的HTTP头内容判断该客户端浏览器所在客户端的环境信息；3)网站服务器生成与该客户端的环境信息适配的HTTP响应数据返回给该客户端浏览器；4)该客户端浏览器对该HTTP响应数据处理后以可视化的方式进行展现。本发明专利技术减少了数据传输量，节省了服务器带宽资源，提高了客户端浏览器的页面加载速度，优化了用户在浏览页面时候的用户体验。

【技术实现步骤摘要】

本专利技术涉及一种针对客户端环境的网页代码自适应方法，属于网络

技术介绍
HTTP头：指的是在超文本传输协议(HTTP)的请求和响应的消息中，消息头部分的内容。User-Agent：属于HTTP头中的组成部分，是一种向访问网站提供客户端所使用的浏览器信息、操作系统信息、硬件信息的标识。当客户端浏览器在访问网站时，会向目标网站服务器发出HTTP请求信息；目标网站服务器收到浏览器发来的请求信息之后，会给浏览器返回HTTP响应信息；浏览器接收到了HTTP响应信息之后，会进行相应的解析(或者执行)，再以可视化的方式展现给用户。同一个网页地址，在不同的设备上展示形式不一样，例如：在手机上和电脑上访问同一个网页地址，网页的排版是不一样的，会根据分辨率进行更友好的展示。同一个网页地址，在不同的浏览器上渲染方式不一样，例如：chrome浏览器支持FlashPlayer，safari浏览器不支持FlashPlayer，而是采用VideoPlayer。目前传统的网页代码自适应方法是：客户端浏览器向网站服务器发送HTTP请求，网站服务器将对应的响应信息返回给客户端浏览器；客户端浏览器根据自身的设备类型、浏览器类型、等信息，在响应数据中选择适合自身情况的数据内容，进行解析，并以可视化的方式展现给用户。如图1所示。在上述方法中，由于网站服务器返回的HTTP响应数据中，肯定有部分数据内容是浏览器解析不到的。例如，HTTP响应数据中包含只能在chrome浏览器上解析的内容和只能在safari浏览器上解析的内容，那么无论客户端浏览器是chrome还是safari，必然会有部分内容是没有解析到的。因此，使用该方法带来的缺点如下：1)HTTP响应数据中有部分是无用的，却在网络中进行传输，从而增加了数据传输量，浪费了带宽资源。2)客户端浏览器需要判断哪些是需要解析的，哪些是无需解析的，从而增加了客户端浏览器的解析工作量，减慢了网页的加载速度。
技术实现思路
针对现有技术中存在的技术问题，本专利技术的目的在于提供一种针对客户端环境的网页代码自适应方法，本方法包括：客户端浏览器在访问网站时，向目标网站服务器发出HTTP请求信息；目标网站服务器收到浏览器发来的请求信息之后，根据HTTP头内容判断客户端的环境信息(包括：浏览器信息、操作系统信息、硬件信息)，生成与客户端环境最适配的HTTP响应数据，返回给客户端浏览器；客户端浏览器接收到HTTP响应信息之后，会进行相应的解析(或者执行)，并以可视化的方式展现给用户。本专利技术的技术方案为：一种针对客户端环境的网页代码自适应方法，其步骤为：1)客户端浏览器在访问网站时，向网站服务器发出HTTP请求信息；2)网站服务器根据HTTP请求信息中的HTTP头内容判断该客户端浏览器所在客户端的环境信息；3)网站服务器生成与该客户端的环境信息适配的HTTP响应数据返回给该客户端浏览器；4)该客户端浏览器对该HTTP响应数据处理后以可视化的方式进行展现。进一步的，网站服务器生成与该客户端的环境信息适配的HTTP响应数据的方法为：首先在网站服务器建立一个环境适配关系表，存储各客户端环境和与之相适配的HTTP响应数据的对应关系；网站服务器根据客户端的环境信息在该环境适配关系表中查询与之适配的HTTP响应数据，返回给该客户端。进一步的，所述环境信息包括：浏览器信息、操作系统信息、硬件设备信息。进一步的，所述浏览器信息包括浏览器的类型、版本以及浏览器内核的类型和版本；所述操作系统信息包括操作系统的类型和版本；所述硬件设备信息包括硬件设备的类型、厂商和型号。进一步的，所述HTTP请求信息包括请求行、若干请求头部、空行和请求数据。进一步的，所述请求行包括请求方法字段、URL字段和HTTP协议版本字段。进一步的，每一所述请求头部包括一对名称、值。进一步的，通过POST方法接收所述请求数据。进一步的，通过客户端的User-Agent值获取该客户端的所述环境信息。与现有技术相比，本专利技术的积极效果为：1)网站服务器生成与客户端环境最适配的HTTP响应数据，并返回给客户端，这样减少了数据传输量，节省了服务器带宽资源；2)客户端浏览器无需判断哪些代码需要解析哪些代码无需解析，这样减少了客户端浏览器的解析工作量，提高了客户端浏览器的页面加载速度，优化了用户在浏览页面时候的用户体验。附图说明图1为传统的网页代码自适应方法流程图；图2为本专利技术网页代码自适应方法流程图。具体实施方式下面结合附图，对优选实施例作详细说明。应该强调的是下述说明仅仅是示例性的，而不是为了限制本专利技术的范围及其应用。该专利技术的流程图如图2：步骤1：客户端浏览器在访问网站时，向网站服务器发出HTTP请求信息；步骤2：网站服务器收到浏览器发来的请求信息之后，根据HTTP头内容判断客户端的环境信息(包括：浏览器信息、操作系统信息、硬件设备信息)；步骤3：网站服务器针对客户端环境，生成与客户端环境最适配的HTTP响应数据；步骤4：网站服务器返回HTTP响应数据给客户端浏览器；步骤5：客户端浏览器，接受HTTP响应数据，进行相应的解析(或者执行)，并以可视化的方式展现给用户。详细介绍步骤1：HTTP请求信息中，包括请求行、请求头部、空行和请求数据4个部分。(1)请求行请求行由请求方法字段、URL字段和HTTP协议版本字段3个字段组成，它们用空格分隔。例如：“GET/index.htmlHTTP/1.1”。HTTP协议的请求方法有GET、POST、HEAD、PUT、DELETE、OPTIONS、TRACE、CONNECT。最常用的是GET方法和POST方法。当客户端要从服务器中读取文档时，使用GET方法。当客户端给服务器提供信息较多时可以使用POST方法。POST方法将请求参数封装在HTTP请求数据中，以名称/值的形式出现，可以传输大量数据。(2)请求头部请求头部由名称/值对组成，每行一对，名称和值用英文冒号“:”分隔。请求头部通知服务器有关于客户端请求的信息，典型的请求头有：User-Agent：向访问网站提供客户端所使用的浏览器信息、操作系统信息、硬件设备信息Accept：客户端可识别的内容类型列表Host：请求的主机名，允许多个域名同处一个IP地址，即虚拟主机(3)空行最后一个请求头之后是一个空行，发送回车符和换行符，通知服务器以下不再有请求头。对于一个完整的HTTP请求来说空行是必须的，否则服务器会认为本次请求的数据尚未完全发送到服务器，处于等待状态。(4)请求数据请求数据不在GET方法中使用，而是在POST方法中使用。POST方法适用于需要客户填写表单的场合。详细介绍步骤2：通过对HTTP请求头中的User-Agent进行分析，可以判断出客户端的以下信息：●浏览器的类型和版本●浏览器内核的类型和版本●操作系统的类型和版本●硬件设备的类型、厂商和型号例如：User-Agent值为如下的字符串：Mozilla/5.0(Macintosh；IntelMacOSX10_11_6)AppleWebKit/601.7.7(KHTML,likeGecko)Version/9.1.2Safari/601.7.7针对该User-Agent值，对每一字符进行分析：通过该本文档来自技高网...

【技术保护点】
一种针对客户端环境的网页代码自适应方法，其步骤为：1)客户端浏览器在访问网站时，向网站服务器发出HTTP请求信息；2)网站服务器根据HTTP请求信息中的HTTP头内容判断该客户端浏览器所在客户端的环境信息；3)网站服务器生成与该客户端的环境信息适配的HTTP响应数据返回给该客户端浏览器；4)该客户端浏览器对该HTTP响应数据处理后以可视化的方式进行展现。

【技术特征摘要】
1.一种针对客户端环境的网页代码自适应方法，其步骤为：1)客户端浏览器在访问网站时，向网站服务器发出HTTP请求信息；2)网站服务器根据HTTP请求信息中的HTTP头内容判断该客户端浏览器所在客户端的环境信息；3)网站服务器生成与该客户端的环境信息适配的HTTP响应数据返回给该客户端浏览器；4)该客户端浏览器对该HTTP响应数据处理后以可视化的方式进行展现。2.如权利要求1所述的方法，其特征在于，网站服务器生成与该客户端的环境信息适配的HTTP响应数据的方法为：首先在网站服务器建立一个环境适配关系表，存储各客户端环境和与之相适配的HTTP响应数据的对应关系；网站服务器根据客户端的环境信息在该环境适配关系表中查询与之适配的HTTP响应数据，返回给该客户端。3.如权利要求1或2所述的方法，其特征在于，所述...

【专利技术属性】
技术研发人员：练晓谦，周亮，
申请(专利权)人：北京知道未来信息技术有限公司，
类型：发明
国别省市：北京;11