一种页面显示的方法及终端技术

技术编号:16399084 阅读:55 留言:0更新日期:2017-10-17 19:32
本发明专利技术实施例公开了一种页面显示的方法及终端,能够提高在多终端显示页面所能达到的显示效果。本发明专利技术实施例方法包括:终端获取目标页面在原始状态下的页面尺寸;当所述终端检测到所述目标页面处于目标状态下时,所述终端确定与所述目标页面的特征类型相匹配的页面适配模式;所述终端根据所述页面适配模式调整所述页面尺寸;所述终端使用调整后的页面尺寸显示所述目标页面。

Method and terminal for displaying page

The embodiment of the invention discloses a method and a terminal for displaying pages, which can improve the display effect of the multi terminal display page. The embodiment of the method includes: a terminal acquires the target page in the original state of the page size; when the terminal detects the target page in the target state, the terminal determines a feature type and the target page matches the page adapter pattern; the terminal according to the page adaptation mode adjust the page size; the terminal uses adjusted page size to display the target page.

【技术实现步骤摘要】
一种页面显示的方法及终端
本专利技术涉及互联网
,尤其涉及一种页面显示的方法及终端。
技术介绍
当用户在不同终端上访问同一个页面时,由于该页面可能不适配某些终端,页面所呈现的显示效果可能会和预期的不一致,显示效果不佳,影响了用户的使用与观看,从而需要解决页面在多终端的显示问题。现有的一种解决方案为:在多终端中确定一个主流终端,页面参照该主流终端的尺寸以及分辨率进行设计,当页面需要在其他的终端中显示时,将页面对其居中进行显示。然而,当某一个终端的尺寸大于该主流终端的尺寸,且分辨率大于该主流终端的分辨率时,若该页面需要在该终端中进行显示,由于该页面与该终端不完全匹配,所以页面在该终端中的显示效果没有达到最佳。由此,现有方案中在多终端显示页面所能达到的显示效果存在不足。
技术实现思路
本专利技术实施例提供了一种页面显示的方法及终端,能够提高在多终端显示页面所能达到的显示效果。有鉴于此,本专利技术实施例第一方面提供了一种页面显示的方法,可包括:终端获取目标页面在原始状态下的页面尺寸;当所述终端检测到所述目标页面处于目标状态下时,所述终端确定与所述目标页面的特征类型相匹配的页面适配模式;所述本文档来自技高网...
一种页面显示的方法及终端

【技术保护点】
一种页面显示的方法,其特征在于,包括:终端获取目标页面在原始状态下的页面尺寸;当所述终端检测到所述目标页面处于目标状态下时,所述终端确定与所述目标页面的特征类型相匹配的页面适配模式;所述终端根据所述页面适配模式调整所述页面尺寸;所述终端使用调整后的页面尺寸显示所述目标页面。

【技术特征摘要】
1.一种页面显示的方法,其特征在于,包括:终端获取目标页面在原始状态下的页面尺寸;当所述终端检测到所述目标页面处于目标状态下时,所述终端确定与所述目标页面的特征类型相匹配的页面适配模式;所述终端根据所述页面适配模式调整所述页面尺寸;所述终端使用调整后的页面尺寸显示所述目标页面。2.根据权利要求1所述的方法,其特征在于,所述终端确定与所述目标页面的特征类型相匹配的页面适配模式之前包括:若所述终端检测到所述目标页面的初始化操作,或所述终端的横屏及竖屏的切换操作,则所述终端确定所述目标页面处于目标状态下。3.根据权利要求2所述的方法,其特征在于,所述终端确定所述目标页面处于目标状态下之后包括:所述终端确定所述目标页面在所述目标状态下所适配的窗口尺寸。4.根据权利要求3所述的方法,其特征在于,所述终端根据所述页面适配模式调整所述页面尺寸包括:所述终端根据所述页面适配模式将所述目标页面的页面尺寸调整为所述窗口尺寸。5.根据权利要求4所述的方法,其特征在于,所述终端根据所述页面适配模式将所述目标页面的页面尺寸调整为所述窗口尺寸包括:在所述目标页面的宽度与高度的比值不变的条件下,所述终端调整所述目标页面的宽度或高度,以将所述目标页面的页面尺寸调整为所述窗口尺寸。6.根据权利要求5所述的方法,其特征在于,所述终端调整所述目标页面的宽度或高度,以将所述目标页面的页面尺寸调整为所述窗口尺寸包括:所述终端调整所述目标页面的宽度,以将所述目标页面的页面尺寸调整为所述窗口尺寸,且所述窗口的宽度包含在当前浏览器窗口中;或,所述终端调整所述目标页面的宽度和高度中的较小者,以将所述目标页面的页面尺寸调整为所述窗口尺寸,且所述窗口完全覆盖所述当前浏览器窗口,所述目标页面的窗口水平垂直居中,所述目标页面的窗口超出所述当前浏览器窗口的部分被隐藏;或,所述终端调整所述目标页面的宽度和高度中的较大者,以将所述目标页面的页面尺寸调整为所述窗口尺寸,且所述目标页面的窗口完全包含在所述当前浏览器窗口中,所述目标页面的窗口水平垂直居中。7.根据权利要求1至6任一项所述的方法,其特征在于,所述终端确定与所述目标页面的特征类型相匹配的页面适配模式包括:所述终端获取所述目标页面的页面边缘的特征类型;所述终端确定与所述页面边缘的特征类型相匹配的页面适配模式。8.根据权利要求1至6任一项所述的方法,其特征在于,所述终端确定与所述目标页面的特征类型相匹配的页面适配模式包括:...

【专利技术属性】
技术研发人员:梁宇轩
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:广东,44

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

1