一种将PC网页转换为移动终端网页的方法及系统技术方案

技术编号:15690864 阅读:65 留言:0更新日期:2017-06-24 03:36
本申请提供一种将PC网页转换为移动终端网页的方法及系统,其中,所述方法包括:获取PC网页的页面数据,并根据获取的所述页面数据分析所述PC网页的布局样式;对所述PC网页的布局样式进行调节,以与移动终端上的浏览器的尺寸相适配;为获取的所述页面数据中的交互数据分配仅在所述移动终端上生效的元素,并将分配的所述元素显示于所述移动终端的浏览器中;将获取的所述页面数据中无法在移动终端上兼容的图片数据进行切图,并将切图后的图片数据显示于所述移动终端的浏览器中。本申请实施例提供的一种将PC网站转换为移动终端网站的方法及系统,能够避免在移动终端上显示网页时,造成网页排版混乱或者内容重叠的问题。

Method and system for converting PC web page into mobile terminal web page

This application provides a PC page conversion system and method of mobile terminal, \which, the method includes: data acquisition PC web page, and the page according to the data analysis to obtain the PC page layout style; layout style of the PC page is adjusted to the mobile terminal the browser adapts to the size distribution of the data; interactive page data obtained in the only effective in the mobile terminal elements, and the element distribution displayed on the mobile terminal browser; the picture data of the page to get the surface data not in the mobile terminal on the compatibility of map, and the map after the image data is displayed in the browser in the mobile terminal. The embodiment of the present invention provides a method and a system for converting an PC web site into a mobile terminal site, which can avoid the problem of page layout confusion or content overlap when a web page is displayed on a mobile terminal.

【技术实现步骤摘要】
一种将PC网页转换为移动终端网页的方法及系统
本申请涉及移动互联网
,特别涉及一种将PC网页转换为移动终端网页的方法及系统。
技术介绍
浏览器是一种访问互联网上资源的应用软件,信息资源通常以超文本格式存放在网络服务器上,浏览器通过一定格式的网址(例如URL)访问网络服务器,将所需要的资源翻译成网页,网页可以包含图形、音频、视频还有文本。随着移动通信技术的发展,人们越来越频繁使用手机等移动嵌入式设备访问互联网获取信息资源,以便随时随地获取所要资讯。开发手机等移动终端的访问网络技术具有重要的现实意义和广阔的市场前景。目前,谷歌在其Android系统的浏览器中,采用了文字自动换行技术,即在网页缩放时,重新对网页中的文字段落进行重排版,让文字根据当前缩放比例和屏幕的关系自动换行,保证在用户阅读时,不需要对网页进行左右滚屏操作。苹果和微软公司在系统的浏览器中,采取了TextScaling技术,通过在网页首次渲染的时候对网页不同容器中的字体进行调整,保证容器被缩放到屏幕正中时,容器中的文字大小适合用户阅读并且不需要左右滚屏,这一技术成功避免了每次缩放都对网页进行重排版。但是这种技术最大的缺本文档来自技高网...
一种将PC网页转换为移动终端网页的方法及系统

【技术保护点】
一种将PC网页转换为移动终端网页的方法,其特征在于,包括:获取PC网页的页面数据,并根据获取的所述页面数据分析所述PC网页的布局样式;对所述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网页转换为移动终端网页的系统,其特...

【专利技术属性】
技术研发人员:唐辉韩雪松杨洸姜迎庭袁成
申请(专利权)人:上海新工式网络科技有限公司
类型:发明
国别省市:上海,31

相关技术
    暂无相关专利
网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1