一种对终端显示的图片进行适配的方法及其系统的利记博彩app【
技术领域：
】[0001]本申请涉及图片处理领域，尤其涉及一种对终端显示的图片进行适配的方法及其系统。【
背景技术：
】[0002]随着通信技术的飞速发展，移动终端的便携性使其成为通信设备的主流，其普及率远远高于PC机。然而，在手机等移动设备上浏览传统的PC网站时，网站会等比例缩小，从而使得图片内容需要拖动滚动条才能看到其全貌，且图片本身较大，消耗流量较多，严重影响加载速度。这些因素都会导致移动端非常差的阅读体验。在移动互联网领域，有效的将传统互联网上丰富的内容，特别是图片内容，在移动设备上友好的展示给用户，成为移动互联网发展的过程的重要问题。即如何将图片和文字等内容更好的展示给用户，且适当减小图片大小，节省移动端流量，提高网站在移动端的用户体验，成为该领域中一个非常重要的课题。【
发明内容】[0003]有鉴于此，本申请提供一种对终端显示的图片进行适配的方法及其系统，可根据终端参数自动调整图片大小。[0004]本申请提供一种对终端显示的图片进行适配的方法，包括如下步骤:终端提交对网页的访问；获得访问终端的各项参数；抓取网页D0M，获取其中图片的地址；根据终端的参数处理网页中的图片，并对处理后的图片压缩。[0005]其中获得访问终端的各项参数包括:当终端访问网页时，如果该网页预先插入了可动态适配网页的代码，则该代码调用云端服务器上提供的服务，向终端发送信息，获得终端的各项参数。[0006]其中在网页内插入可动态适配网页的代码包括在网页的〈head〉标签之后插入一行可动态适配网页的代码。[0007]其中该方法还包括步骤:将该网页中图片的地址替换为处理并压缩后的网页图片的地址；将请求的网页返回给终端，终端根据调整后的网页的图片的地址获取所述处理后的压缩的网页图片。[0008]进一步的，本申请还提供一种对终端显示的图片进行适配的系统，包括:终端:与服务器以及云端服务器通过网络进行通信，向服务器发送访问请求，访问存储在服务器上的网页；服务器:其上存储网页，供终端访问；云端服务器:包括如下部件:获取单元:获得访问终端的各项参数；转换单元:抓取网页D0M，获取其中图片的地址；处理单元:根据终端的参数处理网页中的图片，并对处理后的图片压缩。[0009]其中该获取单元进一步包括:参数提取单元:当终端访问网页时，如果该网页预先插入了可动态适配网页的代码，则该代码调用云端服务器上的参数提取单元，由参数提取单元向终端发送信息，获得终端的各项参数；插入单元:在网页的〈head〉标签之后插入可动态适配网页的代码。[0010]云端服务器进一步包括:适配单元:将该网页中图片的地址替换为处理单元处理并压缩后的网页图片的地址，以及将终端请求的网页返回给终端，终端根据调整后的网页的图片的地址从处理单元中获取所述处理后的压缩的网页图片。[0011]由以上技术方案可见，本申请通过获得终端参数，自动调整网页中的图片尺寸和位置，从而可做到根据终端显示器的类型和显示分辨率自动适配网页中的内容特别是图片的目的。[0012]通过本申请，可实现网页的动态适配，从而在无需二次开发的前提下，动态调整网页的呈现形式。【附图说明】[0013]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。[0014]图1是本申请的系统结构图；图2是本申请云端服务器的结构图；图3是本申请云端服务器中处理单元的结构图；图4是本申请的方法流程图；图5是使用本申请的适配方法转换后的网页的前后对比图。【具体实施方式】[0015]本申请在终端访问服务器中存储的网页时，根据终端的参数提供不同的页面图片加以显示。通过本申请，用户可在较短的响应时间内动态的获得适于终端显示的网页及其图片，从而获得更好的浏览体验。[0016]当然，实施本申请的任一技术方案必不一定需要同时达到以上的所有优点。[0017]为了使本领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员所获得的所有其他实施例，都应当属于本申请保护的范围。[0018]下面结合本申请附图进一步说明本申请具体实现。[0019]本申请提供一种对终端显示的图片进行适配的方法及其系统。[0020]参见图1，该对终端显示的图片进行适配的系统包括服务器I和多个终端2以及云端服务器3，其中服务器I可为各种类型的服务器，用于与多个终端2互联，其上存储网页内容，供与之连接的多个终端2访问。多个终端2可为各种类型的移动设备、以及可以与服务器1，云端服务器3通信的各种有线或无线终端等。云端服务器3提供根据终端的参数对图片进行适配的服务，可与服务器I以及终端2实现有线或无线的连接。具体的，该系统的各个组成部件为:终端2:与服务器I以及云端服务器3通过网络进行通信，向服务器I发送访问请求，访问存储在服务器I上的网页。[0021]服务器1:其上存储网页，供各个终端访问。[0022]云端服务器3，其具体构造如图2所示，包括:获取单元201:获得访问终端的各项参数。[0023]该获取单元201进一步包括图3所示的各部分:插入单元301:在网页内插入可动态适配网页的代码。[0024]通过在服务器I提供的网页上插入代码，实现对云端服务器3上提供的各种服务的调用，这可通过多种插入技术实现，例如服务器I主动请求，或云端服务器3推送，插入方式例如可为在需要做适配的网页的源代码的〈headX/head〉标签最开始的地方插入一行可动态适配网页的代码。该代码实现对云端服务器上提供的各种适配服务的调用。[0025]参数提取单元302:获得终端的各项参数。[0026]当终端2访问服务器I上存储的网页时，如果该网页预先插入了可动态适配网页的代码，则该网页首先调用云端服务器3的获取单元201中的参数提取单元302。参数提取单元302向终端2发送信息，获得终端2的各项参数，例如终端的屏幕尺寸、屏幕的分辨率、用户的清晰度设置、生产厂商名称、设备机型等等。[0027]参见图2，该云端服务器3还包括转换单元202，其抓取网页D0M，获取其中图片的地址。[0028]DOM为文档对象模型(DocumentObjectModel，简称D0M)，是W3C(万维网联盟)组织推荐的处理可扩展标志语言的标准编程接口。[0029]由于HTML是一种格式化的语言，其中文本信息需要被放在HTML标签中，由标签提供对信息位置、显示方式等修饰。HTML格式文件中，在根标签下还具有〈head〉、〈body〉以及〈table〉等标签，这些标签由顶向下组成树状D0M。W3CDOM规范对HTML标签和文本内容有如下的规定:#整个文档是一个文档节点?每个HTML标签是一个元素节点籲包含在HTML元素中的文本是文本节点籲每一个HTML属性是一个属性节点据此，网页DOM是由文本节点和标签节点组成的一个树状组织结构，根据这些标签生成网页D0M。在生成网页DOM的过程，抽取其中的图片地址信息，例如根据标签<img>中的srC，提取图片地址。[0030]进一步的，参见图2，该云端服务器包括:处理单元203:根据终端的参数处理网页中的图片，并对处理后的图片压缩。该处理单元可根据网页中图片的信息，例如图片的类型、尺寸等，结合终端的各项参数，动态调整图片。[0031]例如，根据图片的类型调整，即如果终端不支持该图片的类型，那么将终端不支持的图片类型转换成终端支持的格式，例如将PNG格式的图片转换为JPEG格式的图片。处理单元也可判断网页中图片的尺寸，是否与终端屏幕的显示尺寸相适配，根据终端屏幕的显示尺寸，动态调整图片的大小。[0032]进一步的，参见图2，该云端服务器包括:适配单元204:将该网页中图片的当前第1页1 2