一种将PC网页转换为移动终端网页的方法及系统与流程

文档序号:12719616阅读:来源:国知局

技术特征:

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网页转换为移动终端网页的系统,其特征在于,在所述切图单元之后,所述系统还包括:

存储单元,用于将转换后的移动终端网页的信息存储于所述移动终端所处的本地服务器中。

当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1