[发明专利]一种对终端显示的图片进行适配的方法及其系统在审
| 申请号： | 201510198875.1 | 申请日： | 2015-04-24 |
| 公开（公告）号： | CN104820690A | 公开（公告）日： | 2015-08-05 |
| 发明（设计）人： | 陈本峰 | 申请（专利权）人： | 美通云动（北京）科技有限公司 |
| 主分类号： | G06F17/30 | 分类号： | G06F17/30 |
| 代理公司： | 北京君泊知识产权代理有限公司 11496 | 代理人： | 王程远 |
| 地址： | 100080 北京市*** | 国省代码： | 北京;11 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | |||
| 搜索关键词： | 一种 终端 显示 图片 进行 方法 及其 系统 | ||
技术领域
本申请涉及图片处理领域，尤其涉及一种对终端显示的图片进行适配的方法及其系统。
背景技术
随着通信技术的飞速发展，移动终端的便携性使其成为通信设备的主流，其普及率远远高于PC机。然而，在手机等移动设备上浏览传统的PC网站时，网站会等比例缩小，从而使得图片内容需要拖动滚动条才能看到其全貌，且图片本身较大，消耗流量较多，严重影响加载速度。这些因素都会导致移动端非常差的阅读体验。在移动互联网领域，有效的将传统互联网上丰富的内容，特别是图片内容，在移动设备上友好的展示给用户，成为移动互联网发展的过程的重要问题。即如何将图片和文字等内容更好的展示给用户，且适当减小图片大小，节省移动端流量，提高网站在移动端的用户体验，成为该领域中一个非常重要的课题。
发明内容
有鉴于此，本申请提供一种对终端显示的图片进行适配的方法及其系统，可根据终端参数自动调整图片大小。
本申请提供一种对终端显示的图片进行适配的方法，包括如下步骤：终端提交对网页的访问；获得访问终端的各项参数；抓取网页DOM，获取其中图片的地址；根据终端的参数处理网页中的图片，并对处理后的图片压缩。
其中获得访问终端的各项参数包括：当终端访问网页时，如果该网页预先插入了可动态适配网页的代码，则该代码调用云端服务器上提供的服务，向终端发送信息，获得终端的各项参数。
其中在网页内插入可动态适配网页的代码包括在网页的<head>标签之后插入一行可动态适配网页的代码。
其中该方法还包括步骤：将该网页中图片的地址替换为处理并压缩后的网页图片的地址；将请求的网页返回给终端，终端根据调整后的网页的图片的地址获取所述处理后的压缩的网页图片。
进一步的，本申请还提供一种对终端显示的图片进行适配的系统，包括：
终端：与服务器以及云端服务器通过网络进行通信，向服务器发送访问请求，访问存储在服务器上的网页；
服务器：其上存储网页，供终端访问；
云端服务器：包括如下部件:
获取单元：获得访问终端的各项参数；
转换单元：抓取网页DOM，获取其中图片的地址；
处理单元：根据终端的参数处理网页中的图片，并对处理后的图片压缩。
其中该获取单元进一步包括：参数提取单元：当终端访问网页时，如果该网页预先插入了可动态适配网页的代码，则该代码调用云端服务器上的参数提取单元，由参数提取单元向终端发送信息，获得终端的各项参数；插入单元：在网页的<head>标签之后插入可动态适配网页的代码。
云端服务器进一步包括：适配单元：将该网页中图片的地址替换为处理单元处理并压缩后的网页图片的地址，以及将终端请求的网页返回给终端，终端根据调整后的网页的图片的地址从处理单元中获取所述处理后的压缩的网页图片。
由以上技术方案可见，本申请通过获得终端参数，自动调整网页中的图片尺寸和位置，从而可做到根据终端显示器的类型和显示分辨率自动适配网页中的内容特别是图片的目的。
通过本申请，可实现网页的动态适配，从而在无需二次开发的前提下，动态调整网页的呈现形式。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。
图1是本申请的系统结构图；
图2是本申请云端服务器的结构图；
图3是本申请云端服务器中处理单元的结构图；
图4是本申请的方法流程图；
图5是使用本申请的适配方法转换后的网页的前后对比图。
具体实施方式
本申请在终端访问服务器中存储的网页时，根据终端的参数提供不同的页面图片加以显示。通过本申请，用户可在较短的响应时间内动态的获得适于终端显示的网页及其图片，从而获得更好的浏览体验。
当然，实施本申请的任一技术方案必不一定需要同时达到以上的所有优点。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于美通云动（北京）科技有限公司，未经美通云动（北京）科技有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/pat/books/201510198875.1/2.html，转载请声明来源钻瓜专利网。
