CN108572980A - 一种网页分屏显示方法和装置 - Google Patents
一种网页分屏显示方法和装置 Download PDFInfo
- Publication number
- CN108572980A CN108572980A CN201710142882.9A CN201710142882A CN108572980A CN 108572980 A CN108572980 A CN 108572980A CN 201710142882 A CN201710142882 A CN 201710142882A CN 108572980 A CN108572980 A CN 108572980A
- Authority
- CN
- China
- Prior art keywords
- webpage
- split screen
- screen display
- column
- rule
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种网页分屏显示方法和装置,所述方法包括:获取在浏览器显示区域中待显示的网页的分屏规则;按照分屏规则对显示区域进行分屏,得到至少两个分屏显示区域;按照至少两个分屏显示区域对网页进行重新布局,得到网页的至少两个目标版块;在至少两个分屏显示区域分别显示网页的至少两个目标版块,应用本发明实施例,可以在网页的显示区域,按照分屏规则同时显示网页的至少两个版块,使得用户可以同时浏览网页的至少两个版块,避免了反复拖动或点击滚动条浏览网页的版块,简化了用户浏览网页时的操作,提高了用户体验。
Description
技术领域
本发明涉及浏览器技术领域,特别是涉及一种网页分屏显示方法和一种网页分屏显示装置。
背景技术
随着网络技术的发展,用户通过浏览器从网络上获取信息,浏览器是显示网页,以及用户与网页交互的必不可少的软件。
目前,显示终端的屏幕越来越大,可显示网页的空间也越来越多,现有的浏览器,在显示网页时,通常按照原有的网页布局进行显示,因此,在显示网页时,将网页的各个版块进行等比大小缩放,用户需要浏览网页的不同版块时,需要反复拖动或者点击滚动条直至浏览到相应的版块,导致用户浏览网页时操作繁琐,降低了用户体验。
发明内容
本发明实施例所要解决的技术问题是提供一种网页分屏显示方法,以提简化用户浏览网页时的操作,提高用户体验。
相应的,本发明实施例还提供了一种网页分屏显示装置,用以保证上述方法的实现及应用。
为了解决上述问题,本发明公开了一种网页分屏显示方法,包括:
获取在浏览器显示区域中待显示的网页的分屏规则;
按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
优选地,所述获取在浏览器显示区域中待显示的网页的分屏规则的步骤包括:
确定所述网页的网页类型;
依据所述网页类型,获取所述网页类型对应的分屏规则。
优选地,所述确定所述网页的网页类型的步骤包括:
获取所述网页的网页地址;
依据所述网页地址,确定所述网页的网页类型。
优选地,所述依据所述网页类型,获取所述网页类型对应的分屏规则的步骤包括:
根据所述网页类型,获取分屏数量;
获取用户偏好信息;
依据所述分屏数量和用户偏好信息,获取分屏规则。
优选地,所述按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域的步骤包括:
从所述分屏规则中获取分屏数量和用户偏好信息;
依据所述用户偏好信息,确定所述显示区域的分屏方式;
依据所述分屏数量和所述分屏方式,对所述显示区域进行分屏,得到至少两个分屏显示区域。
优选地,所述按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块的步骤包括:
获取所述网页的原始网页布局;
对所述原始网页布局进行分析,得到所述网页的各个版块;
依据所述至少两个分屏显示区域从所述网页的各个版块中,确定出在至少两个分屏显示区域显示的版块;
按照在至少两个分屏显示区域显示的版块,对所述网页进行重新布局,得到所述网页的至少两个目标版块。
优选地,所述在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块的步骤包括:
根据所述至少两个分屏显示区域的大小,对至少两个分屏显示区域显示的目标版块进行调整;
在所述至少两个分屏显示区域分别显示调整后的目标版块。
本发明实施例还公开了一种网页分屏显示装置,包括:
分屏规则获取模块,用于获取在浏览器显示区域中待显示网页的分屏规则;
分屏模块,用于按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
布局模块,用于按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
显示模块,用于在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
优选地,所述分屏规则获取模块包括:
网页类型确定子模块,用于确定所述网页的网页类型;
分屏规则获取子模块,用于依据所述网页类型,获取所述网页类型对应的分屏规则。
优选地,所述网页类型确定子模块包括:
网页地址获取单元,用于获取所述网页的网页地址;
网页类型确定单元,用于依据所述网页地址,确定所述网页的网页类型。
优选地,所述分屏规则获取子模块包括:
分屏数量获取单元,用于根据所述网页类型,获取分屏数量;
用户偏好信息获取单元,用于获取用户偏好信息;
分屏规则获取单元,用于依据所述分屏数量和用户偏好信息,获取分屏规则。
优选地,所述分屏模块包括:
分屏数量和用户偏好信息获取子模块,用于从所述分屏规则中获取分屏数量和用户偏好信息;
分屏方式确定子模块,用于依据所述用户偏好信息,确定所述显示区域的分屏方式;
分屏子模块,用于依据所述分屏数量和所述分屏方式,对所述显示区域进行分屏,得到至少两个分屏显示区域。
优选地,所述布局模块包括:
原始网页布局获取子模块,用于获取所述网页的原始网页布局;
版块获取子模块,用于对所述原始网页布局进行分析,得到所述网页的各个版块;
版块确定子模块,用于依据所述至少两个分屏显示区域从所述网页的各个版块中,确定出在至少两个分屏显示区域显示的版块;
目标版块生成子模块,用于按照在至少两个分屏显示区域显示的版块,对所述网页进行重新布局,得到所述网页的至少两个目标版块。
优选地,所述显示模块包括:
调整子模块,用于根据所述至少两个分屏显示区域的大小,对至少两个分屏显示区域显示的目标版块进行调整;
显示子模块,用于在所述至少两个分屏显示区域分别显示调整后的目标版块。
本发明实施例还公开了一种网页分屏显示装置,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
获取在浏览器显示区域中待显示的网页的分屏规则;
按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
与背景技术相比,本发明实施例包括以下优点:
本发明实施例获取在浏览器待显示网页的分屏规则后,按照分屏规则对网页的显示区域进行分屏,得到至少两个分屏显示区域,然后按照至少两个分屏显示区域对网页进行重新布局,得到网页的至少两个目标版块,在至少两个分屏显示区域分别显示网页的至少两个目标版块,应用本发明实施例,可以在网页的显示区域,按照分屏规则同时显示网页的至少两个版块,使得用户可以同时浏览网页的至少两个版块,避免了反复拖动或点击滚动条浏览网页的版块,简化了用户浏览网页时的操作,提高了用户体验。
附图说明
图1是本发明的一种网页分屏显示方法实施例的步骤流程图;
图2是本发明的一种网页分屏显示装置实施例的结构框图;
图3是本发明的一种网页分屏显示装置的框图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
参照图1,示出了本发明的一种网页分屏显示方法实施例的步骤流程图,具体可以包括如下步骤:
步骤101,获取在浏览器显示区域中待显示的网页的分屏规则。
网页是构成网站的基本元素,是承载各种网站应用的平台,网页是一个包含HTML(超文本标记语言,HyperText Markup Language)标签的纯文本文件,文件扩展名为.html或.htm。网页通常用图像档来提供图画,网页要通过网页浏览器来阅读。
本发明实施例中,可以通过网页的URL(统一资源定位符,Uniform ResourceLocator)获取网页,在浏览器输入网页的URL后,搜索引擎搜索URL对应的网页,将网页文件传送终端,然后再通过浏览器解释网页的内容,在显示屏幕显示网页,网页的显示区域可以是终端的整个显示屏幕,也可以是整个显示屏幕的一部分,在本发明实施例中,显示区域可以是指网页全屏显示时占用的显示屏幕的整个区域,在本发明实施例中,步骤101可以包括如下子步骤:
子步骤S11,确定所述网页的网页类型。
网页类型可以包括是新闻、购物、视频、论坛等网页类型,在本发明的一种实施例中,子步骤S11可以包括如下子步骤:
子步骤S111,获取所述网页的网页地址;
子步骤S112,依据所述网页地址,确定所述网页的网页类型。
网页地址可以是浏览器的地址栏中输入的地址或者是用户存储在本地的网页地址,获取网页的网页地址后,对网页的网页地址进行解析以得到网页地址的组成部分,例如网页地址例为:http://域名A/B/C/.../XX.html时,网页地址组成部分包括协议类型http、域名A、目录名B和C、以及参数XX.html,将各组成部分与预设类型分类规则进行匹配以确定网页的网页类型,例如,当目录名B中包含“news”时,在预设类型分类规则中,包含关键字“news”则属于新闻类网页。
上述是通过网页地址确定网页的网页类型,当然还可以通过网页地址获取网页的脚本对网页内容进行解析以确定网页的网页类型,或者是通过预先训练的网页分类器确定网页的网页类型,本发明实施例对确定网页的网页类型的方式不做限制。
子步骤S12,依据所述网页类型,获取所述网页类型对应的分屏规则。
通常的,同一类型的网页在页面布局上大致相同,例如对于购物类型的网页,通常分为产品介绍,用户评论等多个版块,或者新闻类型的网页,通常分为正文、评论信息等多个版块,用户通常需要对照多个版块的内容来浏览网页,例如用户在网上购物时,通常需要同时浏览产品主图版块,产品详情版块,买家评价版块,因此,可以为同一类型的网页设置分屏规则以满足用户的浏览需求。
在本发明的一种优选实施例中,子步骤S12可以包括如下子步骤:
子步骤S121,根据所述网页类型,获取分屏数量。
在实际应用中,可以统计多个同一类型的网页,分析网页的布局特点,确定需要分屏数量,即分屏显示的版块数量。例如,购物类型的网页,通常可以分三个版块,一个版块显示产品主图,一个版块显示产品详情,一个版块显示买家评价,因此可以得到分屏数量为三个,而对于新闻类型网页分屏数量可以为两个,一个版块显示新闻正文,一个版块显示评论信息,分屏数量可以是根据网页类型预先设置,当确定网页类型后,可以直接根据网页类型获取相应的分屏数量,当然还可以是接收用户根据网页类型设置分屏数量。
子步骤S122,获取用户偏好信息。
用户偏好信息可以是当前用户的浏览网页的习惯,例如当前用户喜欢从上到下或者从左到右浏览网页,此外,还可以是当前用户使用的显示屏幕是宽屏显示器还是标准显示器等。当前用户的浏览习惯可以是当前用户通过交互界面直接设置,也可以是浏览器统计当前用户的浏览行为,得到当前用户的浏览习惯,例如统计当前用户将多个网页页面水平并列浏览或者垂直并列浏览的次数,统计当前用户浏览网页时拖动或点击水平、垂直滚动条次数等,得到当前用户的浏览习惯。
用户偏好信息还可以是服务器统计大量用户浏览某一类型网页时的习惯得到的偏好信息,例如,基于大数据分析某一类型网页时,用户浏览网页时从左到右还是从上到下,或者是服务器获取大量用户通过交互界面的浏览设置等。
因此,若浏览器检测到当前用户设置有偏好信息,则获取当前用户的偏好信息,若当前用户未设置有偏好信息,则从服务器获取用户偏好信息。
子步骤S123,依据所述分屏数量和用户偏好信息,获取分屏规则。
在确定分屏数量和用户偏好信息后,可以根据分屏数量和用户偏好信息获取该同一类型网页的分屏规则,例如包括分屏数量和分屏的页面布局,例如对于购物类型网站,分屏规则可以是:分三个版块水平显示,对于新闻类型网站分屏规则可以是:分两个版块垂直显示等。
子步骤S12详细说明了获取网页的分屏规则的方式,当然,还可以通过预设包含网页类型和分屏规则的分屏规则库,当确定网页类型后,可以根据网页类型在分屏规则库中获取网页类型对应的分屏规则,本发明实施例对分屏规则的获取方式在此不做限制。
步骤102,按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域。
本发明实施例中,网页的显示区域可以是网页全屏显示时,除了浏览器的地址栏、工具栏和滚动条、页面标签等以外的区域,网页的显示区域显示当前浏览器加载的网页的内容,包括网页的各个版块,为了满足用户同时浏览网页的多个版块的需求,可以将网页的显示区域进行分屏,划分为至少两个分屏显示区域,具体的,步骤102可以包括如下子步骤:
子步骤S21,从所述分屏规则中获取分屏数量和用户偏好信息。
不同类型的网页可以设置有不同的分屏规则,可以根据分屏规则对网页的显示区域进行分屏。分屏规则中,设置了分屏数量,以及根据用户偏好信息对分屏显示区域进行布局,因此在对显示区域进行分屏前可以获取分屏数量和用户偏好信息。
子步骤S22,依据所述用户偏好信息,确定所述显示区域的分屏方式。
在获取用户偏好信息后,可以依据用户偏好信息确定显示区域的分屏方式,例如用户偏好信息是将分屏后的各区域水平分布或者垂直分布,则分屏方式为水平分屏或者垂直分屏。
子步骤S23,依据所述分屏数量和所述分屏方式,对所述显示区域进行分屏,得到至少两个分屏显示区域。
确定显示区域的分屏方式后,依据分屏数量,按照分屏方式将显示区域划分,得到数量上与分屏数量相当的至少两个分屏显示区域。对显示区域的分屏,可以是等比例分屏,即将显示区域分为大小相等的分屏显示区域,也可以是非等比例分屏,即将显示区域分为大小不相等的分屏显示区域,并且分屏显示区域可以调整大小。
步骤103,按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块。
在本发明的一种优选实施例中,步骤103可以包括如下子步骤:
子步骤S31,获取所述网页的原始网页布局。
网页是由网页元素组成的,各个网页元素在网页中具有具体位置,获取网页的布局可以通过确定各网页元素具体位置得到,例如确定各版块的位置及各版块的关系,例如父子关系等。
具体而言,浏览器加载网页内容时解析网页代码,根据网页代码获取DOM(文件对象模型,Document Object Model)树和render(渲染)树。其中,DOM树用于描述网页的页面信息,包括页面元素的头部(HEAD)、标题(TITLE)、辅助标签(META)、主体(BODY)、表格(TABLE)、行(TR)、单元格(TD)、换行(BR)和数据(DATA)等,render树用于对网页的页面进行布局,主要包括网页中各个元素的位置、大小等属性,通过DOM树和render树分析,得到所有DOM元素的位置坐标、大小等信息,以将网页划分为多个版块,即可得到网页布局。
子步骤S32,对所述原始网页布局进行分析,得到所述网页的各个版块。
在获取网页的原始网页布局后,对网页布局进行分析,可以得到网页的各个版块,具体而言,可以根据DOM结构中DOM元素之间的父子关系,DOM元素在网页中的位置,得到网页的各个版块。例如在购物网站中,DOM结构中一级节点是整个网页,二级节点可以是产品主图版块、产品详情版块和产品评价版块等,对于在网页中的位置体现为整个网页显示区域是一级节点,产品主图、产品详情和产品评价等版块占据网页显示区域的小部分区域。
子步骤S33,依据所述至少两个分屏显示区域从所述网页的各个版块中,确定出在至少两个分屏显示区域显示的版块。
在实际应用中,网页可能存在多个版块,而分屏后的分屏显示区域可能较少,此时需要确定在分屏显示区域中显示的版块。例如在购物网站中,当需要分三个版块显示时,可以将产品详情版块和产品评价版块单独显示,其它版块和产品主图版块合并显示,具体的,可以根据用户访问版块的次数确定在各分屏显示区域显示的版块,例如在一个产品购物网页中,产品主图版块是浏览次数最高的,然后是产品详情版块和产品评价版块,其它的如社区互动、购买咨询版块用户很少浏览,则可以将社区互动、购买咨询版块与产品主图版块合并,在一个分屏显示区域进行显示,产品详情版块和产品评价版块各在一个分屏显示区域进行显示。当然还可以按照各个版块占据显示区域的面积确定,将面积大的版块单独显示,其它面积小的版块合并到面积大的版块中显示。
子步骤S34,按照在至少两个分屏显示区域显示的版块,对所述网页进行重新布局,得到所述网页的至少两个目标版块。
在确定至少两个分屏显示区域显示的版块后,可以对网页进行重新布局,生成新的网页,新的网页包括至少两个目标版块,以在至少两个分屏显示区域进行显示。
具体而言,可以通过重构整个HTML文档,例如添加、移除、改变或重排页面上的项目,要改变页面的某个版块,可以对HTML文档中版块对应的元素进行访问,对HTML中的元素进行添加、移动、改变或移除和更改属性。例如,在DOM树中,产品详情版块原来是三级节点,产品主图版块是二级节点,社区互动版块是四级节点,则可以将产品详情版块移动到二级节点,社区互动版块节点移动到产品主图版块节点下成为三级节点。
本发明实施例中,可以通过对原网页的DOM树分析,得到网页的各个版块,然后确定在分屏显示区域显示的版块,最后对DOM树进行操作,生成新的网页布局,得到至少两个目标版块。当然,本领域技术人员还可以通过其它方式得到网页的原始布局,例如通过图片识别技术识别网页中的各个版块,然后通过DOM树操作得到至少两个目标版块。
步骤104,在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
在生成新的网页布局,得到至少两个目标版块后,可以在至少两个分屏显示区域分别显示网页的至少两个目标版块,以使得用户可以在同一个网页中浏览网页的各个版块,具体的,步骤104包括如下子步骤:
子步骤S41,根据所述至少两个分屏显示区域的大小,对至少两个分屏显示区域显示的目标版块进行调整。
为了避免分屏显示区域显示的目标版块和分屏显示区域不匹配,影响显示效果,可以对目标版块进行调整,例如可以通过大小等缩比调整字体大小、版块间距等,具体的可以通过修改目标版块的CSS(层叠样式表,Cascading Style Sheets)文件实现,CSS文件是HTML标记语言提供了一种样式描述,定义了网页元素的显示方式,CSS文件可以为网页元素创建边框,以及边框与其他元素间的间距,以及元素边框与元素内容间的距离,允许改变文本的大小写方式、修饰方式以及其他页面效果。
子步骤S42,在所述至少两个分屏显示区域分别显示调整后的目标版块。
在调整网页的目标版块后,可以在分屏显示区域显示相应的目标版块,以实现一个网页页面,按照用户制定的规则显示用户需要同时浏览的版块。
网页的显示是通过浏览器的页面渲染引擎实现的,页面渲染引擎负责取得网页的内容(HTML、XML、图象等等)、整理信息(例如加入CSS等),以及计算网页的显示方式然后输出至显示器,本发明实施例中,在对网页DOM树修改的同时,render树也在做相应的修改,修改完成后页面渲染引擎根据render树绘制页面,获取HTML中的网络资源,加载CSS,完成网页的绘制,最后输出至显示器进行显示。
本发明实施例在获取待显示网页的分屏规则后,按照分屏规则对网页的显示区域进行分屏,得到至少两个分屏显示区域,然后按照至少两个分屏显示区域对网页进行重新布局,得到网页的至少两个目标版块,在至少两个分屏显示区域分别显示网页的至少两个目标版块,应用本发明实施例,可以在网页的显示区域,按照分屏规则同时显示网页的至少两个版块,使得用户可以同时浏览网页的至少两个版块,避免了反复拖动或点击滚动条浏览网页的版块,简化了用户浏览网页时的操作,提高了用户体验。
参照图2,示出了本发明一种网页分屏显示装置实施例的结构框图,具体可以包括如下模块:
分屏规则获取模块201,用于获取在浏览器显示区域中待显示网页的分屏规则;
分屏模块202,用于按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
布局模块203,用于按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
显示模块204,用于在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
可选地,所述分屏规则获取模块201包括:
网页类型确定子模块,用于确定所述网页的网页类型;
分屏规则获取子模块,用于依据所述网页类型,获取所述网页类型对应的分屏规则。
可选地,所述网页类型确定子模块包括:
网页地址获取单元,用于获取所述网页的网页地址;
网页类型确定单元,用于依据所述网页地址,确定所述网页的网页类型。
可选地,所述分屏规则获取子模块包括:
分屏数量获取单元,用于根据网页类型,获取分屏数量;
用户偏好信息获取单元,用于获取用户偏好信息;
分屏规则获取单元,用于依据所述分屏数量和用户偏好信息,获取分屏规则。
可选地,所述分屏模块202包括:
分屏数量和用户偏好信息获取子模块,用于从所述分屏规则中获取分屏数量和用户偏好信息;
分屏方式确定子模块,用于依据所述用户偏好信息,确定所述显示区域的分屏方式;
分屏子模块,用于依据所述分屏数量和所述分屏方式,对所述显示区域进行分屏,得到至少两个分屏显示区域。
可选地,所述布局模块203包括:
原始网页布局获取子模块,用于获取所述网页的原始网页布局;
版块获取子模块,用于对所述原始网页布局进行分析,得到所述网页的各个版块;
版块确定子模块,用于依据所述至少两个分屏显示区域从所述网页的各个版块中,确定出在至少两个分屏显示区域显示的版块;
目标版块生成子模块,用于按照在至少两个分屏显示区域显示的版块,对所述网页进行重新布局,得到所述网页的至少两个目标版块。
可选地,所述显示模块204包括:
调整子模块,用于根据所述至少两个分屏显示区域的大小,对至少两个分屏显示区域显示的目标版块进行调整;
显示子模块,用于在所述至少两个分屏显示区域分别显示调整后的目标版块。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
图3是根据一示例性实施例示出的一种网页分屏显示装置300的框图。例如,装置300可以是移动电话,计算机,数字广播终端,消息收发设备,游戏控制台,平板设备,医疗设备,健身设备,个人数字助理等。
参照图3,装置300可以包括以下至少两个组件:处理组件302,存储器304,电源组件306,多媒体组件308,音频组件310,输入/输出(I/O)的接口312,传感器组件314,以及通信组件316。
处理组件302通常控制装置300的整体操作,诸如与显示,电话呼叫,数据通信,相机操作和记录操作相关联的操作。处理元件302可以包括至少两个处理器320来执行指令,以完成上述的方法的全部或部分步骤。此外,处理组件302可以包括至少两个模块,便于处理组件302和其他组件之间的交互。例如,处理部件302可以包括多媒体模块,以方便多媒体组件308和处理组件302之间的交互。
存储器304被配置为存储各种类型的数据以支持在装置300的操作。这些数据的示例包括用于在装置300上操作的任何应用程序或方法的指令,联系人数据,电话簿数据,消息,图片,视频等。存储器304可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,如静态随机存取存储器(SRAM),电可擦除可编程只读存储器(EEPROM),可擦除可编程只读存储器(EPROM),可编程只读存储器(PROM),只读存储器(ROM),磁存储器,快闪存储器,磁盘或光盘。
电源组件306为装置300的各种组件提供电力。电源组件306可以包括电源管理系统,至少两个电源,及其他与为装置300生成、管理和分配电力相关联的组件。
多媒体组件308包括在所述装置300和用户之间的提供一个输出接口的屏幕。在一些实施例中,屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板,屏幕可以被实现为触摸屏,以接收来自用户的输入信号。触摸面板包括至少两个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界,而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中,多媒体组件308包括一个前置摄像头和/或后置摄像头。当设备300处于操作模式,如拍摄模式或视频模式时,前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。
音频组件310被配置为输出和/或输入音频信号。例如,音频组件310包括一个麦克风(MIC),当装置300处于操作模式,如呼叫模式、记录模式和语音识别模式时,麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器304或经由通信组件316发送。在一些实施例中,音频组件310还包括一个扬声器,用于输出音频信号。
I/O接口312为处理组件302和外围接口模块之间提供接口,上述外围接口模块可以是键盘,点击轮,按钮等。这些按钮可包括但不限于:主页按钮、音量按钮、启动按钮和锁定按钮。
传感器组件314包括至少两个传感器,用于为装置300提供各个方面的状态评估。例如,传感器组件314可以检测到设备300的打开/关闭状态,组件的相对定位,例如所述组件为装置300的显示器和小键盘,传感器组件314还可以检测装置300或装置300一个组件的位置改变,用户与装置300接触的存在或不存在,装置300方位或加速/减速和装置300的温度变化。传感器组件314可以包括接近传感器,被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件314还可以包括光传感器,如CMOS或CCD图像传感器,用于在成像应用中使用。在一些实施例中,该传感器组件314还可以包括加速度传感器,陀螺仪传感器,磁传感器,压力传感器或温度传感器。
通信组件316被配置为便于装置300和其他设备之间有线或无线方式的通信。装置300可以接入基于通信标准的无线网络,如WiFi,2G或3G,或它们的组合。在一个示例性实施例中,通信部件314经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中,所述通信部件314还包括近场通信(NFC)模块,以促进短程通信。例如,在NFC模块可基于射频识别(RFID)技术,红外数据协会(IrDA)技术,超宽带(UWB)技术,蓝牙(BT)技术和其他技术来实现。
在示例性实施例中,装置300可以被至少两个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述方法。
在示例性实施例中,还提供了一种包括指令的非临时性计算机可读存储介质,例如包括指令的存储器304,上述指令可由装置300的处理器320执行以完成上述方法。例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
一种非临时性计算机可读存储介质,当所述存储介质中的指令由移动终端的处理器执行时,使得移动终端能够执行一种网页分屏显示方法,所述方法包括:
获取在浏览器显示区域中待显示的网页的分屏规则;
按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
优选地,所述获取在浏览器显示区域中待显示的网页的分屏规则的步骤包括:
确定所述网页的网页类型;
依据所述网页类型,获取所述网页类型对应的分屏规则。
优选地,所述确定所述网页的网页类型的步骤包括:
获取所述网页的网页地址;
依据所述网页地址,确定所述网页的网页类型。
优选地,所述依据所述网页类型,获取所述网页类型对应的分屏规则的步骤包括:
根据所述网页类型,获取分屏数量;
获取用户偏好信息;
依据所述分屏数量和用户偏好信息,获取分屏规则。
优选地,所述按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域的步骤包括:
从所述分屏规则中获取分屏数量和用户偏好信息;
依据所述用户偏好信息,确定所述显示区域的分屏方式;
依据所述分屏数量和所述分屏方式,对所述显示区域进行分屏,得到至少两个分屏显示区域。
优选地,所述按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块的步骤包括:
获取所述网页的原始网页布局;
对所述原始网页布局进行分析,得到所述网页的各个版块;
依据所述至少两个分屏显示区域从所述网页的各个版块中,确定出在至少两个分屏显示区域显示的版块;
按照在至少两个分屏显示区域显示的版块,对所述网页进行重新布局,得到所述网页的至少两个目标版块。
优选地,所述在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块的步骤包括:
根据所述至少两个分屏显示区域的大小,对至少两个分屏显示区域显示的目标版块进行调整;
在所述至少两个分屏显示区域分别显示调整后的目标版块。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本发明的其它实施方案。本发明旨在涵盖本发明的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本发明的真正范围和精神由下面的权利要求指出。
应当理解的是,本发明并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (9)
1.一种网页分屏显示方法,其特征在于,包括:
获取在浏览器显示区域中待显示的网页的分屏规则;
按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
2.根据权利要求1所述的方法,其特征在于,所述获取在浏览器显示区域中待显示的网页的分屏规则的步骤包括:
确定所述网页的网页类型;
依据所述网页类型,获取所述网页类型对应的分屏规则。
3.根据权利要求2所述的方法,其特征在于,所述确定所述网页的网页类型的步骤包括:
获取所述网页的网页地址;
依据所述网页地址,确定所述网页的网页类型。
4.根据权利要求2所述的方法,其特征在于,所述依据所述网页类型,获取所述网页类型对应的分屏规则的步骤包括:
根据所述网页类型,获取分屏数量;
获取用户偏好信息;
依据所述分屏数量和用户偏好信息,获取分屏规则。
5.根据权利要求1-4所述的方法,其特征在于,所述按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域的步骤包括:
从所述分屏规则中获取分屏数量和用户偏好信息;
依据所述用户偏好信息,确定所述显示区域的分屏方式;
依据所述分屏数量和所述分屏方式,对所述显示区域进行分屏,得到至少两个分屏显示区域。
6.根据权利要求1-4所述的方法,其特征在于,所述按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块的步骤包括:
获取所述网页的原始网页布局;
对所述原始网页布局进行分析,得到所述网页的各个版块;
依据所述至少两个分屏显示区域从所述网页的各个版块中,确定出在至少两个分屏显示区域显示的版块;
按照在至少两个分屏显示区域显示的版块,对所述网页进行重新布局,得到所述网页的至少两个目标版块。
7.根据权利要求1所述的方法,其特征在于,所述在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块的步骤包括:
根据所述至少两个分屏显示区域的大小,对至少两个分屏显示区域显示的目标版块进行调整;
在所述至少两个分屏显示区域分别显示调整后的目标版块。
8.一种网页分屏显示装置,其特征在于,包括:
分屏规则获取模块,用于获取在浏览器显示区域中待显示网页的分屏规则;
分屏模块,用于按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
布局模块,用于按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
显示模块,用于在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
9.一种网页分屏显示装置,其特征在于,包括有存储器,以及一个或者一个以上的程序,其中一个或者一个以上程序存储于存储器中,且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令:
获取在浏览器显示区域中待显示的网页的分屏规则;
按照所述分屏规则对所述显示区域进行分屏,得到至少两个分屏显示区域;
按照所述至少两个分屏显示区域对所述网页进行重新布局,得到所述网页的至少两个目标版块;
在所述至少两个分屏显示区域分别显示所述网页的至少两个目标版块。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710142882.9A CN108572980B (zh) | 2017-03-10 | 2017-03-10 | 一种网页分屏显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710142882.9A CN108572980B (zh) | 2017-03-10 | 2017-03-10 | 一种网页分屏显示方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108572980A true CN108572980A (zh) | 2018-09-25 |
CN108572980B CN108572980B (zh) | 2021-10-15 |
Family
ID=63577916
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710142882.9A Active CN108572980B (zh) | 2017-03-10 | 2017-03-10 | 一种网页分屏显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108572980B (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110413929A (zh) * | 2019-07-30 | 2019-11-05 | 北京达佳互联信息技术有限公司 | 页面展示方法及装置 |
CN114924683A (zh) * | 2022-04-25 | 2022-08-19 | 金蝶软件(中国)有限公司 | 页面内容的分屏展示方法、多页面展示方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1584935A (zh) * | 2003-08-19 | 2005-02-23 | 刘磊 | 实现显示屏中不同播放内容分区域播放的方法及显示设备 |
CN104346176A (zh) * | 2013-07-24 | 2015-02-11 | 腾讯科技(深圳)有限公司 | 一种浏览器启动的方法及装置 |
CN105488145A (zh) * | 2015-11-26 | 2016-04-13 | 小米科技有限责任公司 | 网页内容的显示方法、装置及终端 |
-
2017
- 2017-03-10 CN CN201710142882.9A patent/CN108572980B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1584935A (zh) * | 2003-08-19 | 2005-02-23 | 刘磊 | 实现显示屏中不同播放内容分区域播放的方法及显示设备 |
CN104346176A (zh) * | 2013-07-24 | 2015-02-11 | 腾讯科技(深圳)有限公司 | 一种浏览器启动的方法及装置 |
CN105488145A (zh) * | 2015-11-26 | 2016-04-13 | 小米科技有限责任公司 | 网页内容的显示方法、装置及终端 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110413929A (zh) * | 2019-07-30 | 2019-11-05 | 北京达佳互联信息技术有限公司 | 页面展示方法及装置 |
CN114924683A (zh) * | 2022-04-25 | 2022-08-19 | 金蝶软件(中国)有限公司 | 页面内容的分屏展示方法、多页面展示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN108572980B (zh) | 2021-10-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108920515B (zh) | 网页显示过程的信息推荐方法、装置、设备及存储介质 | |
JP2016522483A (ja) | ページロールバック制御方法、ページロールバック制御装置、端末、プログラム及び記録媒体 | |
US11360640B2 (en) | Method, device and browser for presenting recommended news, and electronic device | |
WO2020007011A1 (zh) | 分享个人信息的方法、装置、终端设备及存储介质 | |
CN110399548A (zh) | 一种搜索处理方法、装置、电子设备以及存储介质 | |
CN106055707A (zh) | 弹幕显示方法及装置 | |
CN110322305A (zh) | 数据对象信息提供方法、装置及电子设备 | |
TW201743195A (zh) | 動態列表的顯示方法、裝置、設備和系統 | |
CN107193441A (zh) | 桌面挂件预览方法及装置 | |
CN110413169B (zh) | 一种信息展示方法、装置及介质 | |
CN116483488A (zh) | 屏幕显示方法、装置、电子设备和可读存储介质 | |
WO2007055036A1 (ja) | アクティブボタン | |
CN102999576A (zh) | 用于确定目标页面所对应的页面描述信息的方法和设备 | |
CN108572980A (zh) | 一种网页分屏显示方法和装置 | |
CN105138702B (zh) | 一种基于搜索引擎的网络搜索方法及电子设备 | |
CN107045541A (zh) | 数据显示方法和装置 | |
CN108959316B (zh) | 一种将网页添加至收藏夹的方法和装置 | |
JP5805134B2 (ja) | 端末装置および装置のプログラム | |
CN115146146A (zh) | 一种信息显示方法、装置、终端设备及存储介质 | |
CN111581554A (zh) | 一种信息推荐方法及装置 | |
CN107770630B (zh) | 电视导航页面显示方法、装置、导航系统及可读存储介质 | |
CN106776634A (zh) | 一种用于网络访问的方法、装置及终端设备 | |
CN110580486A (zh) | 一种数据处理方法、装置、电子设备和可读介质 | |
CN105653658B (zh) | 信息展示方法及装置 | |
CN113821145A (zh) | 页面处理方法、装置和介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |