[发明专利]一种将PC网页转换为移动终端网页的方法及系统在审
申请号: | 201510915571.2 | 申请日: | 2015-12-10 |
公开(公告)号: | CN106874271A | 公开(公告)日: | 2017-06-20 |
发明(设计)人: | 唐辉;韩雪松;杨洸;姜迎庭;袁成 | 申请(专利权)人: | 上海新工式网络科技有限公司 |
主分类号: | G06F17/30 | 分类号: | G06F17/30 |
代理公司: | 上海华工专利事务所(普通合伙)31104 | 代理人: | 缪利明,刘淑芹 |
地址: | 200434 上海市*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 pc 网页 转换 移动 终端 方法 系统 | ||
技术领域
本申请涉及移动互联网技术领域,特别涉及一种将PC网页转换为移动终端网页的方法及系统。
背景技术
浏览器是一种访问互联网上资源的应用软件,信息资源通常以超文本格式存放在网络服务器上,浏览器通过一定格式的网址(例如URL)访问网络服务器,将所需要的资源翻译成网页,网页可以包含图形、音频、视频还有文本。随着移动通信技术的发展,人们越来越频繁使用手机等移动嵌入式设备访问互联网获取信息资源,以便随时随地获取所要资讯。开发手机等移动终端的访问网络技术具有重要的现实意义和广阔的市场前景。
目前,谷歌在其Android系统的浏览器中,采用了文字自动换行技术,即在网页缩放时,重新对网页中的文字段落进行重排版,让文字根据当前缩放比例和屏幕的关系自动换行,保证在用户阅读时,不需要对网页进行左右滚屏操作。苹果和微软公司在系统的浏览器中,采取了TextScaling技术,通过在网页首次渲染的时候对网页不同容器中的字体进行调整,保证容器被缩放到屏幕正中时,容器中的文字大小适合用户阅读并且不需要左右滚屏,这一技术成功避免了每次缩放都对网页进行重排版。但是这种技术最大的缺点就是仅仅提升了网页中的大段文字在移动设备上的阅读体验,而对于更多的网页元素如图片或视频,就无能为力了。并且,这些技术上破坏了网页的布局,容易造成网页的排版混乱,或者内容重叠或者大块空白等问题。
应该注意,上面对技术背景的介绍只是为了方便对本申请的技术方案进行清楚、完整的说明,并方便本领域技术人员的理解而阐述的。不能仅仅因为这些方案在本申请的背景技术部分进行了阐述而认为上述技术方案为本领域技术人员所公知。
发明内容
本申请实施例的目的在于提供一种将PC网站转换为移动终端网站的方法及系统,能够避免在移动终端上显示网页时,造成网页排版混乱或者内容重叠的问题。
本申请实施例提供的一种将PC网站转换为移动终端网站的方法及系统是这样实现的:
一种将PC网页转换为移动终端网页的方法,包括:
获取PC网页的页面数据,并根据获取的所述页面数据分析所述PC网页的布局样式;
对所述PC网页的布局样式进行调节,以与移动终端上的浏览器的尺寸相适配;
为获取的所述页面数据中的交互数据分配仅在所述移动终端上生效的元素,并将分配的所述元素显示于所述移动终端的浏览器中;
将获取的所述页面数据中无法在移动终端上兼容的图片数据进行切图,并将切图后的图片数据显示于所述移动终端的浏览器中。
一种将PC网页转换为移动终端网页的系统,包括:
布局样式获取单元,用于获取PC网页的页面数据,并根据获取的所述页面数据分析所述PC网页的布局样式;
布局样式调节单元,用于对所述PC网页的布局样式进行调节,以与移动终端上的浏览器的尺寸相适配;
元素分配单元,用于为获取的所述页面数据中的交互数据分配仅在所述移动终端上生效的元素,并将分配的所述元素显示于所述移动终端的浏览器中;
切图单元,用于将获取的所述页面数据中无法在移动终端上兼容的图片数据进行切图,并将切图后的图片数据显示于所述移动终端的浏览器中。
本申请实施例提供的一种将PC网页转换为移动终端网页的方法及系统,可以根据移动终端上浏览器的尺寸对网页的布局样式进行实时调整,能够实现网页的随意拉伸和自动排版,避免了转换过程中产生的排版混乱的问题。另外通过对在移动终端上不兼容的数据进行元素分配和重新切图,从而使得在移动终端上无法显示或者无法生效的数据能够正常显示和生效,从而避免了转换后乱码和空白的产生。另外,本申请实施例提供的一种将PC网页转换为移动终端网页的方法及系统并不对PC网页的URL进行更改,从而可以基于同一个URL对PC网页发起访问,有利于搜索引擎的优化。
参照后文的说明和附图,详细公开了本申请的特定实施方式,指明了本申请的原理可以被采用的方式。应该理解,本申请的实施方式在范围上并不因而受到限制。在所附权利要求的精神和条款的范围内,本申请的实施方式包括许多改变、修改和等同。
针对一种实施方式描述和/或示出的特征可以以相同或类似的方式在一个或更多个其它实施方式中使用,与其它实施方式中的特征相组合,或替代其它实施方式中的特征。
应该强调,术语“包括/包含”在本文使用时指特征、整件、步骤或组件的存在,但并不排除一个或更多个其它特征、整件、步骤或组件的存在或附加。
附图说明
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于上海新工式网络科技有限公司,未经上海新工式网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201510915571.2/2.html,转载请声明来源钻瓜专利网。