[发明专利]一种将PC网页转换为移动终端网页的方法及系统在审
申请号: | 201510915571.2 | 申请日: | 2015-12-10 |
公开(公告)号: | CN106874271A | 公开(公告)日: | 2017-06-20 |
发明(设计)人: | 唐辉;韩雪松;杨洸;姜迎庭;袁成 | 申请(专利权)人: | 上海新工式网络科技有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30 |
代理公司: | 上海华工专利事务所(普通合伙)31104 | 代理人: | 缪利明,刘淑芹 |
地址: | 200434 上海市*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 pc 网页 转换 移动 终端 方法 系统 | ||
1.一种将PC网页转换为移动终端网页的方法,其特征在于,包括:
获取PC网页的页面数据,并根据获取的所述页面数据分析所述PC网页的布局样式;
对所述PC网页的布局样式进行调节,以与移动终端上的浏览器的尺寸相适配;
为获取的所述页面数据中的交互数据分配仅在所述移动终端上生效的元素,并将分配的所述元素显示于所述移动终端的浏览器中;
将获取的所述页面数据中无法在移动终端上兼容的图片数据进行切图,并将切图后的图片数据显示于所述移动终端的浏览器中。
2.如权利要求1所述的一种将PC网页转换为移动终端网页的方法,其特征在于,所述PC网页的页面数据至少包括所述PC网页中的HTML代码和CSS代码。
3.如权利要求1所述的一种将PC网页转换为移动终端网页的方法,其特征在于,对所述PC网页的布局样式进行调节,以与移动终端上的浏览器的尺寸相适配具体包括:
建立浏览器的尺寸与层叠样式表的关联关系;
检测移动终端上的浏览器的尺寸,并确定与所述移动终端上的浏览器的尺寸相关联的第一层叠样式表;
将所述PC网页的布局样式根据所述第一层叠样式表在所述移动终端的浏览器中进行显示。
4.如权利要求3所述的一种将PC网页转换为移动终端网页的方法,其特征在于,所述建立浏览器的尺寸与层叠样式表的关联关系具体包括:
将浏览器的尺寸划分为预设数量的尺寸区域;
为每个划分的尺寸区域分配对应的层叠样式表。
5.如权利要求1所述的一种将PC网页转换为移动终端网页的方法,其特征在于,在将切图后的图片数据显示于所述移动终端的浏览器中的步骤之后,所述方法还包括:
将转换后的移动终端网页的信息存储于所述移动终端所处的本地服务器中。
6.一种将PC网页转换为移动终端网页的系统,其特征在于,包括:
布局样式获取单元,用于获取PC网页的页面数据,并根据获取的所述页面数据分析所述PC网页的布局样式;
布局样式调节单元,用于对所述PC网页的布局样式进行调节,以与移动终端上的浏览器的尺寸相适配;
元素分配单元,用于为获取的所述页面数据中的交互数据分配仅在所述移动终端上生效 的元素,并将分配的所述元素显示于所述移动终端的浏览器中;
切图单元,用于将获取的所述页面数据中无法在移动终端上兼容的图片数据进行切图,并将切图后的图片数据显示于所述移动终端的浏览器中。
7.如权利要求6所述的一种将PC网页转换为移动终端网页的系统,其特征在于,所述PC网页的页面数据至少包括所述PC网页中的HTML代码和CSS代码。
8.如权利要求6所述的一种将PC网页转换为移动终端网页的系统,其特征在于,所述布局样式调节单元具体包括:
关联关系建立模块,用于建立浏览器的尺寸与层叠样式表的关联关系;
层叠样式表确定模块,用于检测移动终端上的浏览器的尺寸,并确定与所述移动终端上的浏览器的尺寸相关联的第一层叠样式表;
显示模块,用于将所述PC网页的布局样式根据所述第一层叠样式表在所述移动终端的浏览器中进行显示。
9.如权利要求8所述的一种将PC网页转换为移动终端网页的系统,其特征在于,所述关联关系建立模块具体包括:
尺寸区域划分模块,用于将浏览器的尺寸划分为预设数量的尺寸区域;
层叠样式表分配模块,用于为每个划分的尺寸区域分配对应的层叠样式表。
10.如权利要求6所述的一种将PC网页转换为移动终端网页的系统,其特征在于,在所述切图单元之后,所述系统还包括:
存储单元,用于将转换后的移动终端网页的信息存储于所述移动终端所处的本地服务器中。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海新工式网络科技有限公司,未经上海新工式网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201510915571.2/1.html,转载请声明来源钻瓜专利网。