CN110909275B - 页面浏览方法、装置及电子设备 - Google Patents
页面浏览方法、装置及电子设备 Download PDFInfo
- Publication number
- CN110909275B CN110909275B CN201811088454.3A CN201811088454A CN110909275B CN 110909275 B CN110909275 B CN 110909275B CN 201811088454 A CN201811088454 A CN 201811088454A CN 110909275 B CN110909275 B CN 110909275B
- Authority
- CN
- China
- Prior art keywords
- page
- browsing
- multimedia object
- interface
- display unit
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 44
- 230000008859 change Effects 0.000 claims abstract description 10
- 238000001914 filtration Methods 0.000 claims description 9
- 230000003993 interaction Effects 0.000 claims description 5
- 230000001960 triggered effect Effects 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 15
- 238000012545 processing Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 7
- 238000004891 communication Methods 0.000 description 6
- 238000004590 computer program Methods 0.000 description 5
- 230000005540 biological transmission Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000003491 array Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000001902 propagating effect Effects 0.000 description 2
- RYGMFSIKBFXOCR-UHFFFAOYSA-N Copper Chemical compound [Cu] RYGMFSIKBFXOCR-UHFFFAOYSA-N 0.000 description 1
- 229910052802 copper Inorganic materials 0.000 description 1
- 239000010949 copper Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000003238 somatosensory effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
Abstract
本发明公开了一种页面浏览方法、装置及电子设备。该方法包括:检测到用于浏览目标页面的页面浏览界面接收的操作符合预设的单元浏览触发操作时,设置页面浏览界面展示目标页面的一个页面显示单元;检测到实施于页面浏览界面的操作符合预设的切换浏览操作时,设置页面浏览界面切换展示与切换浏览操作对应的、目标页面中包括的页面显示单元;检测到实施于页面浏览界面的操作符合预设的段落浏览操作时,根据段落浏览操作的操作变化,控制页面显示单元中的关联段落在页面浏览区域中的展示。根据本发明,可以提升用户的页面浏览体验。
Description
技术领域
本发明涉及应用技术领域,更具体地,涉及一种页面浏览方法、装置 及电子设备。
背景技术
随着互联网技术的飞速发展和设备智能化的普及,越来越多的用户习 惯于通过对智能手机、掌上电脑、平板电脑这类电子设备浏览展示图片、 文本、动画、视频等内容的页面,以获取符合自身需求的内容。
目前,用户在浏览包括图片、动画或者视频等多媒体对象的页面时, 这些多媒体对象通常会被设置在页面的文本当中,用户在通过上滑、上推 或者上拉等页面浏览操作来浏览页面内容时,通常这些多媒体对象只能显 示一部分,而页面的文本所包括的内容通常又与这些多媒体对象存在关联, 这就导致用户通常需要对照着文本浏览这些多媒体对象,所以用户通常需要反复对页面实施浏览操作来对照浏览,例如,通过上推操作查看与图片相关的文字,又通过下滑操作查看与文字关联的图片,操作繁琐,用户的 页面浏览体验较差。
发明内容
本发明的一个目的是提供一种用于浏览页面的新技术方案。
根据本发明的第一方面,提供了一种页面浏览方法,其中,包括:
检测到用于浏览目标页面的页面浏览界面接收的操作符合预设的单 元浏览触发操作时,设置所述页面浏览界面展示所述目标页面的一个页面 显示单元;
其中,所述页面显示单元包括一个多媒体对象以及与所述多媒体对象 存在关联的关联段落;所述页面浏览界面中用于展示所述多媒体对象的界 面区域与所述用于展示关联段落的界面区域相互独立;
检测到实施于所述页面浏览界面的操作符合预设的切换浏览操作时, 设置所述页面浏览界面切换展示与所述切换浏览操作对应的、所述目标页 面中包括的所述页面显示单元;
检测到实施于所述页面浏览界面的操作符合预设的段落浏览操作时, 根据所述段落浏览操作的操作变化,控制所述页面显示单元中的所述关联 段落在页面浏览区域中的展示。
可选地,所述方法还包括预先获取目标页面中包括的多个页面显示单 元的步骤:
解析所述目标页面的页面文档,识别所述页面文档中包括的多媒体对 象标签;
对每个所述多媒体对象标签,识别与所述多媒体对象标签对应的多媒 体对象,获取所述多媒体对象的页面坐标;
对每个多媒体对象,根据所述多媒体对象的页面坐标以及相邻的其他 所述多媒体对象的页面坐标,截取所述页面文档中包括的、与所述多媒体 对象存在关联的页面元素作为所述多媒体对象的关联段落;
将每个所述多媒体对象以及与所述多媒体对象的关联段落作为一个 所述页面显示单元,以获取所述目标页面包括的多个所述页面显示单元。
可选地,所述识别所述页面文档中包括的多媒体对象标签的步骤还包 括:
获取用于展示所述页面浏览界面的最大界面区域的区域尺寸,以根据 所述区域尺寸设置用于过滤所述多媒体对象标签的阈值尺寸;
当所述多媒体对象标签对应的所述多媒体对象的对象尺寸小于所述 阈值尺寸,过滤所述多媒体对象标签,以使得所述多媒体对象标签不能被 识别为所述目标页面包括的多媒体对象标签;
和/或,
所述页面坐标至少包括所述多媒体对象的顶部坐标以及底部坐标;
与所述多媒体对象存在关联的页面元素,是在所述页面文档中、位于 所述多媒体对象的底部坐标以及与所述多媒体对象相邻的其他所述多媒体 对象的顶部坐标之间的区域内的页面元素。
可选地,
所述预设的单元浏览触发操作包括实施于所述页面浏览界面展示的 目标页面的任意一个多媒体对象的长按操作,以及在所述长按操作之后实 施于所述长按操作触发展示的浏览模式菜单的点击操作;
和/或,
所述多媒体对象是图片、动画或视频中的其中一种。
可选地,所述设置所述页面浏览界面展示所述目标页面的一个页面显 示单元的步骤包括:
从预先获取的所述目标页面包括的多个所述页面显示单元中,确定与 所述单元浏览触发操作对应的所述页面显示单元;
设置所述页面浏览界面展示所述与所述单元浏览触发操作对应的所 述页面显示单元。
可选地,所述页面浏览界面至少包括顶层界面控件以及底层界面控 件;所述顶层界面控件与所述底层界面控件相互独立;所述顶层界面控件 被设置于所述底层界面控件的上方,覆盖所述底层界面控件的部分控件区 域;
设置所述页面浏览界面展示所述目标页面的一个页面显示单元的步 骤包括:
设置所述顶层界面控件位于所述页面浏览界面的界面顶部,用于展示 所述页面显示单元的多媒体对象;
设置所述底层界面控件的控件尺寸与所述页面浏览界面的界面尺寸 相同,用于展示与所述多媒体对象存在关联的关联段落。
可选地,所述切换浏览操作包括左右滑动操作;
所述目标页面中包括的每个页面显示单元具有对应的展示次序;
所述设置所述页面浏览界面切换展示与所述切换浏览操作对应的、所 述目标页面中包括的所述页面显示单元的步骤包括:
根据所述切换浏览操作实施前、所述页面浏览界面展示的所述页面显 示单元的展示次序以及所述切换浏览操作的操作方向,确定目标展示次序;
将具有所述目标展示次序的所述页面显示单元,作为与所述切换浏览 操作对应的页面显示单元进行展示。
可选地,所述段落浏览操作包括上下滑动操作;
所述根据所述段落浏览操作的操作变化,控制所述页面显示单元中的 所述关联段落在页面浏览区域中的展示的步骤包括:
设置所述页面浏览界面中展示的所述多媒体对象不受所述浏览操作 的控制而移动;
设置跟随所述段落浏览操作的操作方向,移动所述页面显示单元的所 述关联段落在所述界面浏览界面中进行展示。
根据本发明的第二方面,提供一种页面浏览装置,包括:
浏览触发单元,用于检测到用于浏览目标页面的页面浏览界面接收的 操作符合预设的单元浏览触发操作时,设置所述页面浏览界面展示所述目标页面的一个页面显示单元;
其中,所述页面显示单元包括一个多媒体对象以及与所述多媒体对象 存在关联的关联段落;所述页面浏览界面中用于展示所述多媒体对象的界 面区域与所述用于展示关联段落的界面区域相互独立;
切换浏览单元,用于检测到实施于所述页面浏览界面的操作符合预设 的切换浏览操作时,设置所述页面浏览界面切换展示与所述切换浏览操作 对应的、所述目标页面中包括的所述页面显示单元;
段落浏览单元,用于检测到实施于所述页面浏览界面的操作符合预设 的段落浏览操作时,根据所述段落浏览操作的操作变化,控制所述页面显 示单元中的所述关联段落在页面浏览区域中的展示。
根据本发明的第三方面,提供一种电子设备,其中,包括:
显示装置,用于显示人机交互界面;
存储器,用于存储可执行的指令;
处理器,用于根据所述可执行的指令运行所述电子设备,执行如本发 明的第一方面提供的页面浏览方法。
根据本公开的一个实施例,通过根据用户实施的单元浏览触发操作, 设置页面浏览界面展示用户当前浏览的目标页面中的、由一个多媒体对象 以及该多媒体对象的关联段落构成的页面显示单元,并且可以根据用户实 施的切换浏览操作切换展示目标页面中包括的不同的页面显示单元,以及根据用户实施的段落浏览操作控制页面浏览界面展示当前的页面显示单元 的关联段落,基于多媒体对象以及与多媒体对象的关联段落构成的独立的 页面显示单元,对用户当前浏览的页面进行分割,以页面中包括的每个多 媒体对象为锚点,分别展示每个多媒体对象以及该多媒体对象的关联段落, 提供用户一种全新的页面浏览方式,可以无需繁琐操作,就能实现多个多 媒体对象之间的切换浏览以及多媒体对象与其关联段落之间的交互浏览,提升用户的页面浏览体验。
通过以下参照附图对本发明的示例性实施例的详细描述,本发明的其 它特征及其优点将会变得清楚。
附图说明
被结合在说明书中并构成说明书的一部分的附图示出了本发明的实 施例,并且连同其说明一起用于解释本发明的原理。
图1是显示可用于实现本发明的实施例的电子设备1000的硬件配置 的例子的框图。
图2示出了本发明实施例的页面浏览方法的流程图。
图3示出了本发明实施例的预先获取目标页面包括的多个页面显示单 元的步骤的流程图。
图4示出了本发明实施例的页面浏览方法的例子的流程图。
图5示出了本发明实施例的页面浏览方法的例子的示意图。
图6示出了本发明实施例的页面浏览装置3000的框图。
图7示出了本发明实施例的电子设备4000的框图。
具体实施方式
现在将参照附图来详细描述本发明的各种示例性实施例。应注意到: 除非另外具体说明,否则在这些实施例中阐述的部件和步骤的相对布置、 数字表达式和数值不限制本发明的范围。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的,决不作 为对本发明及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨 论,但在适当情况下,所述技术、方法和设备应当被视为说明书的一部分。
在这里示出和讨论的所有例子中,任何具体值应被解释为仅仅是示例 性的,而不是作为限制。因此,示例性实施例的其它例子可以具有不同的 值。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一 旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步 讨论。
<硬件配置>
图1是示出可以实现本发明的实施例的电子设备1000的硬件配置的 框图。
电子设备1000可以是便携式电脑、台式计算机、手机、平板电脑等。 如图1所示,电子设备1000可以包括处理器1100、存储器1200、接口装 置1300、通信装置1400、显示装置1500、输入装置1600、扬声器1700、 麦克风1800等等。其中,处理器1100可以是中央处理器CPU、微处理器MCU等。存储器1200例如包括ROM(只读存储器)、RAM(随机存取 存储器)、诸如硬盘的非易失性存储器等。接口装置1300例如包括USB 接口、耳机接口等。通信装置1400例如能够进行有线或无线通信,具体地 可以包括Wifi通信、蓝牙通信、2G/3G/4G/5G通信等。显示装置1500例 如是液晶显示屏、触摸显示屏等。输入装置1600例如可以包括触摸屏、键盘、体感输入等。用户可以通过扬声器1700和麦克风1800输入/输出语音 信息。
图1所示的电子设备仅仅是说明性的并且决不意味着对本发明、其应 用或使用的任何限制。应用于本发明的实施例中,电子设备1000的所述存 储器1200用于存储指令,所述指令用于控制所述处理器1100进行操作以 执行本发明实施例提供的任意一项页面浏览方法。本领域技术人员应当理 解,尽管在图1中对电子设备1000示出了多个装置,但是,本发明可以仅 涉及其中的部分装置,例如,电子设备1000只涉及处理器1100和存储装 置1200。技术人员可以根据本发明所公开方案设计指令。指令如何控制处理器进行操作,这是本领域公知,故在此不再详细描述。
<实施例>
本发明实施例的总体构思,是提供一种新的用于浏览页面的技术方 案,可以根据用户实施的单元浏览触发操作,设置页面浏览界面展示用户 当前浏览的目标页面中的、由一个多媒体对象以及该多媒体对象的关联段 落构成的页面显示单元,并且可以根据用户实施的切换浏览操作切换展示 目标页面中包括的不同的页面显示单元,以及根据用户实施的段落浏览操作控制页面浏览界面展示当前的页面显示单元的关联段落,基于多媒体对象以及与多媒体对象的关联段落构成的独立的页面显示单元,对用户当前 浏览的页面进行分割,以页面中包括的每个多媒体对象为锚点,分别展示 每个多媒体对象以及该多媒体对象的关联段落,提供用户一种全新的页面 浏览方式,可以无需繁琐操作,就能实现多个多媒体对象之间的切换浏览 以及多媒体对象与其关联段落之间的交互浏览,提升用户的页面浏览体验。
<方法>
在本实施例中,提供一种页面浏览方法。该页面是任意显示信息内容 的信息页面,页面中通常包括文本、表格、链接、图片、音频、视频、动画等页面元素。
该页面浏览方法,如图2所示,包括:步骤S2100-S2300。
步骤S2100,检测到用于浏览目标页面的页面浏览界面接收的操作符 合预设的单元浏览触发操作时,设置页面浏览界面展示目标页面的一个页 面显示单元。
页面浏览界面是通过电子设备的显示装置显示的人机交互界面,可以 响应于用户实施于其上的操作,给予对应的人机交互响应。在本实施例中, 页面浏览界面用于浏览目标页面。目标页面是用户当前浏览的页面。
预设的单元浏览触发操作是触发基于页面中包括的页面显示单元、对 页面进行展示以供用户浏览的操作,可以根据具体的应用场景或者应用需 求预先设置。
在一个例子中,单元浏览触发操作可以是实施于页面浏览界面展示的 目标页面的任意一个多媒体对象的长按操作,例如,多媒体对象是图片, 当用户通过页面浏览界面浏览目标页面时,可以对通过页面浏览界面展示 的目标页面的一张图片进行长按操作,实现单元浏览触发操作。
或者,单元浏览触发操作包括实施于页面浏览界面展示的目标页面的 任意一个多媒体对象的长按操作,以及在长按操作之后实施于长按操作触 发展示的浏览模式菜单的点击操作,例如,多媒体对象是图片,当用户通 过页面浏览界面浏览目标页面时,可以对通过页面浏览界面展示的目标页 面的一张图片进行长按操作,由长按操作触发展示一个浏览模式菜单(例 如在该图片旁弹出一个菜单对话框),接收对该浏览模式菜单的点击操作 后,实现单元浏览触发操作。
通过单元浏览触发操作,触发页面浏览界面展示目标页面的一个页面 显示单元。
页面显示单元包括一个多媒体对象以及与该多媒体对象存在关联的 关联段落。在本实施例中,多媒体对象可以是图片、动画或视频的其中一 种。与多媒体对象存在关联的关联段落,是在目标页面中包括的、与多媒 体对象存在关联的页面元素构成的页面段落。
目标页面包括多个页面显示单元。在一个例子中,本实施例中提供的 页面浏览方法还包括预先获取目标页面中包括的多个页面显示单元的步 骤,如图3所示,包括步骤S2010-S2040。
步骤S2010,解析目标页面的页面文档,识别页面文档中包括的多媒 体对象标签。
在本例中,目标页面可以是通过网页视图组件渲染后显示的网页页 面,或者基于HTML(Hyper Text Markup Language,超文本标记语言)开 发的页面。页面通常具有页面文档,例如HTML文档。页面文档用于描述 页面中包括的页面元素以及页面的排版、布局等页面信息。页面文档通常 对所描述的页面信息具有对应的固定格式,例如,通常通过多媒体对象标 签来标识或描述页面中存在多媒体对象,例如,页面文档是HTML文档, 多媒体对象标签是HTML文档中包括的Img标签。
在实际应用中,页面中包括多个多媒体对象,出于不同的显示需求, 每个多媒体对象可能具有大小不一的对象尺寸(包括对象高度以及对象宽 度),例如,对于页面内容占比较大、或者显示优先级较高的多媒体对象 通常具有较大的对象尺寸,而对于页面内容占比较小、或者显示优先级较 低的多媒体对象通常具有较小的对象尺寸。对于对象尺寸较小的多媒体对 象,通常在页面内容中很少存在与其存在关联的关联段落,如果将这些多媒体对象识别出来结合后续步骤获取对应的页面显示单元,这些页面显示 单元的展示效果较差,可能会影响用户的页面浏览体验。
针对这种情况,本例中,识别页面文档中包括的多媒体对象标签的步 骤还可以包括:步骤S2011-S2012。
步骤S2011,获取用于展示页面浏览界面的最大界面区域的区域尺寸, 以根据区域尺寸设置用于过滤多媒体对象标签的阈值尺寸。
在本例中,页面浏览界面的最大界面区域是可用于展示页面浏览界面 的最大区域。页面浏览界面的最大界面区域通常与用于展示页面浏览界面 的电子设备的显示屏幕的屏幕尺寸相同,可以通过电子设备的开放的设备 接口或者直接读取电子设备的固件参数获取。该区域尺寸包括区域高度 Area_height和区域宽度Area_width。
在本例中,阈值尺寸用于过滤多媒体对象标签,使得对象尺寸较小的 多媒体对象对应的多媒体对象标签不能被识别出来,结合后续步骤不会针 对这些多媒体对象获取对应的页面显示单元。
该阈值尺寸根据最大界面区域的区域尺寸设置。例如,将阈值尺寸设 置为阈值高度是α1×Area_height,阈值宽度是α2×Area_width,其中,α1、α2 可以根据具体的应用需求或者应用场景设置,例如,均设置为1/3。
步骤S2012,当多媒体对象标签对应的多媒体对象的对象尺寸小于阈 值尺寸,过滤该多媒体对象标签,以使得该多媒体对象标签不能被识别为 目标页面包括的多媒体对象标签。
在本例中,识别出多媒体对象标签后,可以直接根据多媒体对象标签 的属性信息获取多媒体对象标签对应的多媒体对象的对象尺寸,例如,多 媒体对象标签是Img标签,可以从Img标签属性中获取对应的多媒体对象的对象尺寸包括对象高度Img.height和对象宽度Img.width。
应当理解的是,在本例中,多媒体对象的对象尺寸(包括对象高度和 对象宽度)小于阈值尺寸(包括阈值高度和阈值宽度),可以对象高度小 于阈值高度或者对象宽度小于阈值宽度任意一个。
当多媒体对象的对象尺寸小于阈值尺寸时,过滤掉该多媒体对象对应 的多媒体对象标签,使得多媒体对象标签不能被识别为目标页面包括的多 媒体对象标签,可以保证结合后续步骤对应多媒体对象获取的页面显示单 元,都是内容较为丰富、具有较好展示效果的页面显示单元,保证用户的 页面浏览体验。
步骤S2020,对每个多媒体对象标签,识别与多媒体对象标签对应的 多媒体对象,获取多媒体对象的页面坐标。
识别与多媒体对象标签对应的多媒体对象后,可以根据多媒体对象在 目标页面中的排版或布局信息以及多媒体对象自身的对象尺寸等,获取多 媒体对象的页面坐标。
在本例中,多媒体对象的页面坐标可以包括底部坐标、顶部坐标、左 部坐标、右部坐标。例如,多媒体对象是具有规则的形状例如矩形时,底 部坐标是底边线坐标值、顶部坐标是顶边线坐标值、左部坐标是左边线坐 标值、右部坐标是右边线坐标值;多媒体对象是具有不规则形状时,底部 坐标是底点坐标值、顶部坐标是顶点坐标值、左部坐标是左边界点坐标值、右部坐标是右边界点坐标值等等。
步骤S2030,对每个多媒体对象,根据多媒体对象的页面坐标以及相邻的其他多媒体对象的页面坐标,截取页面文档中包括的、与多媒体对象 存在关联的页面元素作为多媒体对象的关联段落。
页面元素是组成页面的内容元素,例如可以是文本、图片、链接、表 格、视频、音频、动画等。
在一个例子中,页面坐标至少包括多媒体对象的顶部坐标以及底部坐 标,与页面文档中包括的、与多媒体对象存在关联的页面元素,是页面文 档中、位于多媒体对象的底部坐标以及与多媒体对象相邻的其他多媒体对 象的顶部坐标之间的区域内的页面元素。
例如,目标页面中包括多个多媒体对象,假设两个相邻的多媒体对象 为Imgi、Imgi+1,Imgi的页面坐标包括顶部坐标Imgi.top、底部坐标 Imgi.bottom,Imgi+1的页面坐标包括顶部坐标Imgi+1.top、底部坐标 Imgi+1.bottom,则对于多媒体对象Imgi,截取目标页面的页面文档中坐标 范围在Imgi.bottom到Imgi+1.top之间的区域包括的页面元素作为多媒体对 象Imgi的关联段落。
在本例中,所截取的关联段落中包括页面元素可以保持原有在目标页 面中页面布局,也可以根据具体的页面显示单元的显示需求设置的页面布 局方式重新布局,在此不做限制。
步骤S2040,将每个多媒体对象以及与多媒体对象的关联段落作为一 个页面显示单元,以获取目标页面包括的多个页面显示单元。
以上已经结合附图和例子说明如何获取目标页面中包括的多个页面 显示单元。
在本实施例中,在页面浏览界面接收单元浏览触发操作时,设置页面 浏览界面展示目标页面的一个页面显示单元的步骤,可以包括:步骤 S2110-S2120。
步骤S2110,从预先获取的目标页面包括的多个页面显示单元中,确 定与单元浏览触发操作对应的页面显示单元。
与单元浏览触发操作对应的页面显示单元,可以默认设置的页面显示 单元,例如在目标页面中包括的页面显示单元中展示次序排序第一的页面 显示单元,该展示次序可以根据每个页面显示单元中包括的多媒体对象在 目标页面中的页面坐标的对应设置。
与单元浏览触发操作对应的页面显示单元,也可以是与单元浏览触发 操作实施的操作位置关联的多媒体对象所在的页面显示单元,例如,单元 浏览触发操作包括实施于页面浏览界面展示的目标页面的任意一个多媒体 对象的长按操作,与单元浏览触发操作对应的页面显示单元就是具体的单 元浏览触发操作实施的多媒体对象所在的页面显示单元。
步骤S2120,设置页面浏览界面展示与所述单元浏览触发操作对应的 页面显示单元。
在本实施例中,页面浏览界面中用于展示多媒体对象的界面区域与用 于展示关联段落的界面区域相互独立,可以使得用于在浏览与多媒体对象 的关联段落时,多媒体对象的展示不受用户浏览操作的影响,避免用户需 要反复操作才能实现多媒体对象与其关联段落的对照浏览,提升用户的页 面浏览体验。
在一个例子中,页面浏览界面至少包括顶层界面控件以及底层界面控 件。顶层界面控件与底层界面控件相互独立。顶层界面控件被设置于底层 界面控件的上方,覆盖底层界面控件的部分控件区域。对应的,设置所述 页面浏览界面展示所述目标页面的一个页面显示单元的步骤包括:步骤 S21010-S21020。
步骤S21010,设置顶层界面控件位于页面浏览界面的界面顶部,用 于展示页面显示单元的多媒体对象。
步骤S21020,设置底层界面控件的控件尺寸与页面浏览界面的界面 尺寸相同,用于展示与多媒体对象存在关联的关联段落。
通过对相互独立的顶层界面控件与底层界面控件,设置顶层界面控件 位于页面浏览界面的界面顶部、底层界面控件的控件尺寸与页面浏览界面 的界面尺寸相同,使得顶层界面控件固定设置于底层界面控件的顶部上方, 并覆盖底层界面控件的顶部部分区域,而通过顶层界面控件展示多媒体对 象,通过底层界面控件展示与多媒体对象存在关联的关联段落,使得多媒体对象以及多媒体对象的关联段落的展示相互独立,在用户浏览关联段落 过程中,多媒体对象一直固定在页面浏览界面的顶部上方展示,不受用户 的浏览的操作的影响,避免用户需要反复操作才能实现多媒体对象与其关 联段落的对照浏览,提升用户的页面浏览体验。
在步骤S2100之后,进入:
步骤S2200,检测到实施于页面浏览界面的操作符合预设的切换浏览 操作时,设置页面浏览界面切换展示与切换浏览操作对应的、目标页面中 包括的页面显示单元。
用户可以通过切换浏览操作,控制页面浏览界面切换展示目标页面中 的不同的页面展示单元,以目标页面中包括的每个多媒体对象为锚点,分 屏展示每个包括一个多媒体对象以及该多媒体对象的关联段落的页面显示 单元,提供一种全新的页面浏览方式,无需繁琐操作,实现目标页面中包 括多个多媒体对象之间的快速切换浏览,提升用户的页面浏览体验。
切换浏览操作是触发页面浏览界面切换展示目标页面的不同的页面 显示单元的操作,可以根据具体的应用场景或者应用需求设置。
在一个例子中,切换浏览操作包括左右滑动操作。目标页面中包括的 每个页面显示单元具有对象的展示次序,该展示次序可以根据每个页面显 示单元中包括的多媒体对象在目标页面中的页面坐标的对应设置,例如, 页面坐标在先,展示次序就在先,或者,该展示次序可以根据展示需求或 者展示场景进行固定设置。设置页面浏览界面切换展示与切换浏览操作对应的、目标页面中包括的所述页面显示单元的步骤包括:步骤S2210-S2220。
步骤S2210,根据切换浏览操作实施前、页面浏览界面展示的页面显 示单元的展示次序以及切换浏览操作的操作方向,确定目标展示次序。
例如,切换浏览操作的操作方向是向左时,是展示下一个目标展示单 元,换浏览操作的操作方向是向右时,是展示上一个目标展示单元,假设 切换浏览操作实施前、页面浏览界面展示的页面显示单元的展示次序是S, 如果用户实施向左滑动操作,可以确定目标展示次序是S+1,用户实施向 右滑动,可以确定目标展示次序是S-1。
步骤S2220,将具有目标展示次序的页面显示单元,作为与切换浏览 操作对应的页面显示单元进行展示。
在本例中,用户可以通过左右滑动操作,控制页面浏览界面切换展示 目标页面中的不同的页面展示单元,以目标页面中包括的每个多媒体对象 为锚点,分屏展示每个包括一个多媒体对象以及该多媒体对象的关联段落 的页面显示单元,提供一种全新的页面浏览方式,无需繁琐操作,实现目 标页面中包括多个多媒体对象之间的快速切换浏览,提升用户的页面浏览 体验。
步骤S2300,检测到实施于页面浏览界面的操作符合预设的段落浏览 操作时,根据段落浏览操作的操作变化,控制页面显示单元中的关联段落 在页面浏览区域中的展示。
用户可以通过段落浏览操作,控制页面浏览界面展示在页面展示单元 中与多媒体对象存在关联的关联段落,并且不影响页面浏览界面中展示的 多媒体对象,提供一种全新的页面浏览方式,无需繁琐操作,就能实现目 标页面中包括多媒体对象以及与该多媒体对象存在的关联段落之间的对照 浏览,提升用户的页面浏览体验。
段落浏览操作是触发页面浏览界面提供浏览页面显示单元中关联段 落的操作,可以根据具体的应用场景或者应用需求设置。
在一个例子中,段落浏览操作包括上下滑动操作。根据段落浏览操作 的操作变化,控制页面显示单元中的关联段落在页面浏览区域中的展示的 步骤包括:步骤S2310-S2320。
步骤S2310,设置页面浏览界面中展示的多媒体对象不受浏览操作的 控制而移动。
在本实施例中,页面浏览界面中用于展示多媒体对象的区域与用于展 示关联段落的界面区域相互独立,可以实现设置页面浏览界面中展示的多 媒体对象不受浏览操作的控制而移动。
步骤S2320,设置跟随段落浏览操作的操作方向,移动页面显示单元 的关联段落在界面浏览界面中进行展示。
段落浏览操作是上下滑动操作,当用户实施向上滑动时,在界面浏览 界面中向上移动页面显示单元中关联段落,以显露更多关联段落的内容, 当用户实施向下滑动时,在界面浏览界面中向下移动页面显示单元中关联 段落,以显露之前显示的关联段落内容进行回看,而在用户上下滑动操作 过程,多媒体对象不会随着上下移动,始终在页面浏览界面展示,无需繁琐操作,就能实现目标页面中包括多媒体对象以及与该多媒体对象存在的关联段落之间的对照浏览,提升用户的页面浏览体验。
<例子>
以下将结合图4所示进一步举例说明本实施例中提供的页面浏览方 法。在本例中,多媒体对象是图片,目标页面是包括多张图片的网页,页 面显示单元包括一张图片以及图片的关联段落。单元浏览触发操作是对图片的长按操作。切换浏览操作是左右滑动操作。段落浏览操作是上下滑动 操作。
该页面浏览方法,如图4所示,包括:步骤S201-S209。
S201,识别目标页面中包括的Img标签。
S202,对每个Img标签中对应的图片,判断图片尺寸是否小于阈值尺 寸,如果图片尺寸小于阈值尺寸,进入步骤S203,如果图片尺寸不小于阈 值尺寸,进入步骤S204。
S203,过滤该图片对应的Img标签。
S204,获取每个Img标签对应的图片的页面坐标。
S205,根据每个图片的页面坐标,分割目标页面得到目标页面包括的 多个页面显示单元。
在本例中,上述步骤S201-S205的具体实施方式可以如图3所示,在 此不再赘述。在本例中,分割目标页面可以得到图片1-关联段落1、图片 2-关联段落2、图片3-关联段落3等多个分别由图文构成的页面显示单元。
S206,提供页面浏览界面展示目标页面。
S207,检测页面浏览界面接收到对某张图片的长按操作,设置页面浏 览界面展示由该图片以及图片的关联段落构成的页面显示单元。
S208,检测到页面浏览界面接收到对页面显示单元展示图片的左右滑 动操作,切换展示对应的页面显示单元。
S209,检测到页面浏览界面接收到对页面显示单元的上下滑动操作, 保持图片不被移动不被遮盖,上下移动关联段落。
如图5所示,示出本例中通过对目标页面进行以图片-关联段落构成 的页面显示单元进行页面分割得到多个页面显示单元后,通过左右滑动对 页面显示单元进行切换浏览、以及通过上下滑动对页面显示单元中在保持 图片显示不变的情况下对关联段落进行对照浏览,提供一种全新的页面浏 览方式,无需繁琐操作,就能切换浏览图片以及对照图片浏览关联段落, 提升用户的页面浏览体验。
<页面浏览装置>
在本实施例中,提供一种页面浏览装置3000,如图6所示,包括:浏 览触发单元3100、切换浏览单元3200以及段落浏览单元3300,用于实施 本实施例中提供的任意一种页面浏览方法,在此不再赘述。
页面浏览装置3000包括:
浏览触发单元3100,用于检测到用于浏览目标页面的页面浏览界面接 收的操作符合预设的单元浏览触发操作时,设置所述页面浏览界面展示所 述目标页面的一个页面显示单元;
其中,所述页面显示单元包括一个多媒体对象以及与所述多媒体对象 存在关联的关联段落;所述页面浏览界面中用于展示所述多媒体对象的界 面区域与所述用于展示关联段落的界面区域相互独立;
切换浏览单元3200,用于检测到实施于所述页面浏览界面的操作符合 预设的切换浏览操作时,设置所述页面浏览界面切换展示与所述切换浏览 操作对应的、所述目标页面中包括的所述页面显示单元;
段落浏览单元3300,用于检测到实施于所述页面浏览界面的操作符合 预设的段落浏览操作时,根据所述段落浏览操作的操作变化,控制所述页 面显示单元中的所述关联段落在页面浏览区域中的展示。
在一个例子中,页面浏览装置3000还包括预先获取目标页面中包括 的多个页面显示单元的装置,用于:
解析所述目标页面的页面文档,识别所述页面文档中包括的多媒体对 象标签;
对每个所述多媒体对象标签,识别与所述多媒体对象标签对应的多媒 体对象,获取所述多媒体对象的页面坐标;
对每个多媒体对象,根据所述多媒体对象的页面坐标以及相邻的其他 所述多媒体对象的页面坐标,截取所述页面文档中包括的、与所述多媒体 对象存在关联的页面元素作为所述多媒体对象的关联段落;
将每个所述多媒体对象以及与所述多媒体对象的关联段落作为一个 所述页面显示单元,以获取所述目标页面包括的多个所述页面显示单元。
进一步地,所述识别所述页面文档中包括的多媒体对象标签的步骤还 包括:
获取用于展示所述页面浏览界面的最大界面区域的区域尺寸,以根据 所述区域尺寸设置用于过滤所述多媒体对象标签的阈值尺寸;
当所述多媒体对象标签对应的所述多媒体对象的对象尺寸小于所述 阈值尺寸,过滤所述多媒体对象标签,以使得所述多媒体对象标签不能被 识别为所述目标页面包括的多媒体对象标签;
和/或,
所述页面坐标至少包括所述多媒体对象的顶部坐标以及底部坐标;
与所述多媒体对象存在关联的页面元素,是在所述页面文档中、位于 所述多媒体对象的底部坐标以及与所述多媒体对象相邻的其他所述多媒体 对象的顶部坐标之间的区域内的页面元素。
可选地,所述预设的单元浏览触发操作包括实施于所述页面浏览界面 展示的目标页面的任意一个多媒体对象的长按操作,以及在所述长按操作 之后实施于所述长按操作触发展示的浏览模式菜单的点击操作;
和/或,
所述多媒体对象是图片、动画或视频中的其中一种。
可选地,所述浏览触发单元3100还用于:
从预先获取的所述目标页面包括的多个所述页面显示单元中,确定与 所述单元浏览触发操作对应的所述页面显示单元;
设置所述页面浏览界面展示所述与所述单元浏览触发操作对应的所 述页面显示单元。
可选地,所述页面浏览界面至少包括顶层界面控件以及底层界面控 件;所述顶层界面控件与所述底层界面控件相互独立;所述顶层界面控件 被设置于所述底层界面控件的上方,覆盖所述底层界面控件的部分控件区 域;所述浏览触发单元3100还用于:
设置所述顶层界面控件位于所述页面浏览界面的界面顶部,用于展示 所述页面显示单元的多媒体对象;
设置所述底层界面控件的控件尺寸与所述页面浏览界面的界面尺寸 相同,用于展示与所述多媒体对象存在关联的关联段落。
可选地,所述切换浏览操作包括左右滑动操作;
所述目标页面中包括的每个页面显示单元具有对应的展示次序;
所述切换浏览单元3200还用于:
根据所述切换浏览操作实施前、所述页面浏览界面展示的所述页面显 示单元的展示次序以及所述切换浏览操作的操作方向,确定目标展示次序;
将具有所述目标展示次序的所述页面显示单元,作为与所述切换浏览 操作对应的页面显示单元进行展示。
可选地,所述段落浏览操作包括上下滑动操作;所述段落浏览单元 3200还用于:
设置所述页面浏览界面中展示的所述多媒体对象不受所述浏览操作 的控制而移动;
设置跟随所述段落浏览操作的操作方向,移动所述页面显示单元的所 述关联段落在所述界面浏览界面中进行展示。
本领域技术人员应当明白,可以通过各种方式来实现页面浏览装置 3000。例如,可以通过指令配置处理器来实现页面浏览装置3000。例如, 可以将指令存储在ROM中,并且当启动设备时,将指令从ROM读取到可编程器件中来实现页面浏览装置3000。例如,可以将页面浏览装置3000 固化到专用器件(例如ASIC)中。可以将页面浏览装置3000分成相互独立的单元,或者可以将它们合并在一起实现。页面浏览装置3000可以通过 上述各种实现方式中的一种来实现,或者可以通过上述各种实现方式中的两种或更多种方式的组合来实现。
在本实施例中,页面浏览装置3000可以是任意实现本实施例中的页 面浏览方法的软件应用、可以被嵌入或连接软件应用的插件或补丁以及操 作系统中的功能模块等。页面浏览装置3000也可以是任意安装有任意实现本实施例中的页面浏览方法的软件应用或者功能模块的电子设备。
<电子设备>
在本实施例中,还提供一种电子设备4000,如图7所示,包括:
显示装置4100,用于显示人机交互界面;
存储器4200,用于存储可执行的指令;
处理器4300,用于根据所述可执行的指令运行所述电子设备,执行如 本实施例中提供的所述的任意一项页面浏览方法。
在本实施例中,电子设备4000可以是手机、掌上电脑、平板电脑、 台式计算机或者笔记本等任意可支持实施本实施例的页面浏览方法的电子 设备。例如,电子设备4000是安装有实现本实施例的页面浏览方法的应用的手机。
在本实施例中,电子设备4000还可以包括其他装置,例如,如图1 所示的电子设备1000。
以上已经结合附图描述了本发明的实施例,根据本实施例,提供一种 页面浏览方法、装置及电子设备,可以根据用户实施的单元浏览触发操作, 设置页面浏览界面展示用户当前浏览的目标页面中的、由一个多媒体对象 以及该多媒体对象的关联段落构成的页面显示单元,并且可以根据用户实 施的切换浏览操作切换展示目标页面中包括的不同的页面显示单元,以及根据用户实施的段落浏览操作控制页面浏览界面展示当前的页面显示单元 的关联段落,基于多媒体对象以及与多媒体对象的关联段落构成的独立的 页面显示单元,对用户当前浏览的页面进行分割,以页面中包括的每个多 媒体对象为锚点,分别展示每个多媒体对象以及该多媒体对象的关联段落, 提供用户一种全新的页面浏览方式,可以无需繁琐操作,就能实现多个多 媒体对象之间的切换浏览以及多媒体对象与其关联段落之间的交互浏览,提升用户的页面浏览体验。
本发明可以是系统、方法和/或计算机程序产品。计算机程序产品可以 包括计算机可读存储介质,其上载有用于使处理器实现本发明的各个方面 的计算机可读程序指令。
计算机可读存储介质可以是可以保持和存储由指令执行设备使用的 指令的有形设备。计算机可读存储介质例如可以是――但不限于――电存 储设备、磁存储设备、光存储设备、电磁存储设备、半导体存储设备或者 上述的任意合适的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存 储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、静态随机 存取存储器(SRAM)、便携式压缩盘只读存储器(CD-ROM)、数字多 功能盘(DVD)、记忆棒、软盘、机械编码设备、例如其上存储有指令的 打孔卡或凹槽内凸起结构、以及上述的任意合适的组合。这里所使用的计 算机可读存储介质不被解释为瞬时信号本身,诸如无线电波或者其他自由 传播的电磁波、通过波导或其他传输媒介传播的电磁波(例如,通过光纤电缆的光脉冲)、或者通过电线传输的电信号。
这里所描述的计算机可读程序指令可以从计算机可读存储介质下载 到各个计算/处理设备,或者通过网络、例如因特网、局域网、广域网和/ 或无线网下载到外部计算机或外部存储设备。网络可以包括铜传输电缆、 光纤传输、无线传输、路由器、防火墙、交换机、网关计算机和/或边缘服 务器。每个计算/处理设备中的网络适配卡或者网络接口从网络接收计算机 可读程序指令,并转发该计算机可读程序指令,以供存储在各个计算/处理设备中的计算机可读存储介质中。
用于执行本发明操作的计算机程序指令可以是汇编指令、指令集架构 (ISA)指令、机器指令、机器相关指令、微代码、固件指令、状态设置数 据、或者以一种或多种编程语言的任意组合编写的源代码或目标代码,所 述编程语言包括面向对象的编程语言—诸如Smalltalk、C++等,以及常规的过程式编程语言—诸如“C”语言或类似的编程语言。计算机可读程序指令 可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者 完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计 算机可以通过任意种类的网络—包括局域网(LAN)或广域网(WAN)—连接 到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供 商来通过因特网连接)。在一些实施例中,通过利用计算机可读程序指令的状态信息来个性化定制电子电路,例如可编程逻辑电路、现场可编程门 阵列(FPGA)或可编程逻辑阵列(PLA),该电子电路可以执行计算机可 读程序指令,从而实现本发明的各个方面。
这里参照根据本发明实施例的方法、装置(系统)和计算机程序产品 的流程图和/或框图描述了本发明的各个方面。应当理解,流程图和/或框图 的每个方框以及流程图和/或框图中各方框的组合,都可以由计算机可读程 序指令实现。
这些计算机可读程序指令可以提供给通用计算机、专用计算机或其它 可编程数据处理装置的处理器,从而生产出一种机器,使得这些指令在通 过计算机或其它可编程数据处理装置的处理器执行时,产生了实现流程图 和/或框图中的一个或多个方框中规定的功能/动作的装置。也可以把这些计 算机可读程序指令存储在计算机可读存储介质中,这些指令使得计算机、 可编程数据处理装置和/或其他设备以特定方式工作,从而,存储有指令的 计算机可读介质则包括一个制造品,其包括实现流程图和/或框图中的一个 或多个方框中规定的功能/动作的各个方面的指令。
也可以把计算机可读程序指令加载到计算机、其它可编程数据处理装 置、或其它设备上,使得在计算机、其它可编程数据处理装置或其它设备 上执行一系列操作步骤,以产生计算机实现的过程,从而使得在计算机、 其它可编程数据处理装置、或其它设备上执行的指令实现流程图和/或框图中的一个或多个方框中规定的功能/动作。
附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法 和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程 图或框图中的每个方框可以代表一个模块、程序段或指令的一部分,所述 模块、程序段或指令的一部分包含一个或多个用于实现规定的逻辑功能的 可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。 也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的 方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实 现,或者可以用专用硬件与计算机指令的组合来实现。对于本领域技术人 员来说公知的是,通过硬件方式实现、通过软件方式实现以及通过软件和 硬件结合的方式实现都是等价的。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽 性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范 围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更 都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原 理、实际应用或对市场中的技术改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。本发明的范围由所附权利要求来限定。
Claims (10)
1.一种页面浏览方法,其中,包括:
解析目标页面的页面文档,识别所述页面文档中包括的多媒体对象标签;
对每个所述多媒体对象标签,识别与所述多媒体对象标签对应的多媒体对象;
检测到用于浏览目标页面的页面浏览界面接收的操作符合预设的单元浏览触发操作时,设置所述页面浏览界面展示所述目标页面的一个页面显示单元;
其中,所述页面显示单元包括一个多媒体对象以及与所述多媒体对象存在关联的关联段落;所述页面浏览界面中用于展示所述多媒体对象的界面区域与用于展示所述关联段落的界面区域相互独立;
检测到实施于所述页面浏览界面的操作符合预设的切换浏览操作时,设置所述页面浏览界面切换展示与所述切换浏览操作对应的、所述目标页面中包括的所述页面显示单元;
检测到实施于所述页面浏览界面的操作符合预设的段落浏览操作时,根据所述段落浏览操作的操作变化,控制所述页面显示单元中的所述关联段落在页面浏览区域中的展示;
所述识别所述页面文档中包括的多媒体对象标签的步骤还包括:
获取用于展示所述页面浏览界面的最大界面区域的区域尺寸,以根据所述区域尺寸设置用于过滤所述多媒体对象标签的阈值尺寸;
当所述多媒体对象标签对应的所述多媒体对象的对象尺寸小于所述阈值尺寸,过滤所述多媒体对象标签,以使得所述多媒体对象标签不能被识别为所述目标页面包括的多媒体对象标签。
2.根据权利要求1所述的方法,其中,所述方法还包括预先获取目标页面中包括的多个页面显示单元的步骤:
获取所述多媒体对象的页面坐标;
对每个多媒体对象,根据所述多媒体对象的页面坐标以及相邻的其他所述多媒体对象的页面坐标,截取所述页面文档中包括的、与所述多媒体对象存在关联的页面元素作为所述多媒体对象的关联段落;
将每个所述多媒体对象以及与所述多媒体对象的关联段落作为一个所述页面显示单元,以获取所述目标页面包括的多个所述页面显示单元。
3.根据权利要求2所述的方法,其中,
所述页面坐标至少包括所述多媒体对象的顶部坐标以及底部坐标;
与所述多媒体对象存在关联的页面元素,是在所述页面文档中、位于所述多媒体对象的底部坐标以及与所述多媒体对象相邻的其他所述多媒体对象的顶部坐标之间的区域内的页面元素。
4.根据权利要求1所述的方法,
所述预设的单元浏览触发操作包括实施于所述页面浏览界面展示的目标页面的任意一个多媒体对象的长按操作,以及在所述长按操作之后实施于所述长按操作触发展示的浏览模式菜单的点击操作;
和/或,
所述多媒体对象是图片、动画、视频中的其中一种。
5.根据权利要求1所述的方法,其中,所述设置所述页面浏览界面展示所述目标页面的一个页面显示单元的步骤包括:
从预先获取的所述目标页面包括的多个所述页面显示单元中,确定与所述单元浏览触发操作对应的所述页面显示单元;
设置所述页面浏览界面展示所述与所述单元浏览触发操作对应的所述页面显示单元。
6.根据权利要求1所述的方法,其中,
所述页面浏览界面至少包括顶层界面控件以及底层界面控件;所述顶层界面控件与所述底层界面控件相互独立;所述顶层界面控件被设置于所述底层界面控件的上方,覆盖所述底层界面控件的部分控件区域;
设置所述页面浏览界面展示所述目标页面的一个页面显示单元的步骤包括:
设置所述顶层界面控件位于所述页面浏览界面的界面顶部,用于展示所述页面显示单元的多媒体对象;
设置所述底层界面控件的控件尺寸与所述页面浏览界面的界面尺寸相同,用于展示与所述多媒体对象存在关联的关联段落。
7.根据权利要求1所述的方法,其中,
所述切换浏览操作包括左右滑动操作;
所述目标页面中包括的每个页面显示单元具有对应的展示次序;
所述设置所述页面浏览界面切换展示与所述切换浏览操作对应的、所述目标页面中包括的所述页面显示单元的步骤包括:
根据所述切换浏览操作实施前、所述页面浏览界面展示的所述页面显示单元的展示次序以及所述切换浏览操作的操作方向,确定目标展示次序;
将具有所述目标展示次序的所述页面显示单元,作为与所述切换浏览操作对应的页面显示单元进行展示。
8.根据权利要求1所述的方法,其中,
所述段落浏览操作包括上下滑动操作;
所述根据所述段落浏览操作的操作变化,控制所述页面显示单元中的所述关联段落在页面浏览区域中的展示的步骤包括:
设置所述页面浏览界面中展示的所述多媒体对象不受所述浏览操作的控制而移动;
设置跟随所述段落浏览操作的操作方向,移动所述页面显示单元的所述关联段落在所述页面浏览界面中进行展示。
9.一种页面浏览装置,其中,包括:
浏览触发单元,用于检测到用于浏览目标页面的页面浏览界面接收的操作符合预设的单元浏览触发操作时,设置所述页面浏览界面展示所述目标页面的一个页面显示单元;
其中,所述页面显示单元包括一个多媒体对象以及与所述多媒体对象存在关联的关联段落;所述页面浏览界面中用于展示所述多媒体对象的界面区域与用于展示所述关联段落的界面区域相互独立;
切换浏览单元,用于检测到实施于所述页面浏览界面的操作符合预设的切换浏览操作时,设置所述页面浏览界面切换展示与所述切换浏览操作对应的、所述目标页面中包括的所述页面显示单元;
段落浏览单元,用于检测到实施于所述页面浏览界面的操作符合预设的段落浏览操作时,根据所述段落浏览操作的操作变化,控制所述页面显示单元中的所述关联段落在页面浏览区域中的展示;
预先获取目标页面中包括的多个页面显示单元的装置,用于解析所述目标页面的页面文档,识别所述页面文档中包括的多媒体对象标签,对每个所述多媒体对象标签,识别与所述多媒体对象标签对应的多媒体对象;
所述预先获取目标页面中包括的多个页面显示单元的装置,还用于获取用于展示所述页面浏览界面的最大界面区域的区域尺寸,以根据所述区域尺寸设置用于过滤所述多媒体对象标签的阈值尺寸,当所述多媒体对象标签对应的所述多媒体对象的对象尺寸小于所述阈值尺寸,过滤所述多媒体对象标签,以使得所述多媒体对象标签不能被识别为所述目标页面包括的多媒体对象标签。
10.一种电子设备,其中,包括:
显示装置,用于显示人机交互界面;
存储器,用于存储可执行的指令;
处理器,用于根据所述可执行的指令的控制,运行所述电子设备执行如权利要求1-8任意一项所述的页面浏览方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811088454.3A CN110909275B (zh) | 2018-09-18 | 2018-09-18 | 页面浏览方法、装置及电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811088454.3A CN110909275B (zh) | 2018-09-18 | 2018-09-18 | 页面浏览方法、装置及电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110909275A CN110909275A (zh) | 2020-03-24 |
CN110909275B true CN110909275B (zh) | 2023-10-27 |
Family
ID=69812761
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811088454.3A Active CN110909275B (zh) | 2018-09-18 | 2018-09-18 | 页面浏览方法、装置及电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110909275B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111432264B (zh) * | 2020-03-30 | 2024-02-09 | 腾讯科技(深圳)有限公司 | 基于媒体信息流的内容展示方法、装置、设备及存储介质 |
CN114115652A (zh) * | 2020-08-10 | 2022-03-01 | 腾讯科技(武汉)有限公司 | 信息显示方法、装置、设备及存储介质 |
CN113011140A (zh) * | 2021-02-10 | 2021-06-22 | 北京字跳网络技术有限公司 | 视图展示方法、装置和电子设备 |
CN113238706B (zh) * | 2021-05-10 | 2023-06-20 | 北京字跳网络技术有限公司 | 一种视图展示方法、装置、设备及介质 |
CN115033148B (zh) * | 2022-06-13 | 2024-04-19 | 北京字跳网络技术有限公司 | 文档的显示方法、装置、电子设备和存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090216634A1 (en) * | 2008-02-27 | 2009-08-27 | Nokia Corporation | Apparatus, computer-readable storage medium and method for providing a widget and content therefor |
CN105930059A (zh) * | 2016-04-20 | 2016-09-07 | 网易(杭州)网络有限公司 | 一种移动终端的显示方法和装置 |
CN106383643A (zh) * | 2016-09-18 | 2017-02-08 | 浙江慧脑信息科技有限公司 | 一种同时浏览图片和文本的方法 |
-
2018
- 2018-09-18 CN CN201811088454.3A patent/CN110909275B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090216634A1 (en) * | 2008-02-27 | 2009-08-27 | Nokia Corporation | Apparatus, computer-readable storage medium and method for providing a widget and content therefor |
CN105930059A (zh) * | 2016-04-20 | 2016-09-07 | 网易(杭州)网络有限公司 | 一种移动终端的显示方法和装置 |
CN106383643A (zh) * | 2016-09-18 | 2017-02-08 | 浙江慧脑信息科技有限公司 | 一种同时浏览图片和文本的方法 |
Also Published As
Publication number | Publication date |
---|---|
CN110909275A (zh) | 2020-03-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110909275B (zh) | 页面浏览方法、装置及电子设备 | |
EP3407221B1 (en) | Methods and devices for searching and displaying information on a terminal | |
CN108255923B (zh) | 图像展示方法、设备及电子设备 | |
CN108334371B (zh) | 编辑对象的方法和装置 | |
CN109344352B (zh) | 页面加载方法、装置及电子设备 | |
CN107368511B (zh) | 一种信息展示方法及装置 | |
US10366147B2 (en) | Techniques for programmatic magnification of visible content elements of markup language documents | |
US8832591B2 (en) | Grid display device and grid display method in mobile terminal | |
CN110825997B (zh) | 信息流页面的显示方法、装置、终端设备及系统 | |
CN108363534B (zh) | 可编辑对象的全局预览方法、装置及电子设备 | |
CN113115096A (zh) | 界面信息切换方法、装置、电子设备和存储介质 | |
WO2018112928A1 (zh) | 一种信息展示方法、装置及终端设备 | |
CN110506267B (zh) | 数字组件背景渲染 | |
CN109074375A (zh) | web文档中的内容选择 | |
CN110909274B (zh) | 页面浏览方法、装置及电子设备 | |
WO2021254201A1 (zh) | 页面显示方法、装置、存储介质及电子设备 | |
WO2017101390A1 (zh) | 一种图片显示方法及装置 | |
WO2018112924A1 (zh) | 一种信息展示方法、装置及终端设备 | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
CN111125480A (zh) | 背景音乐的播放方法、设备、客户端装置及电子设备 | |
CN109992580A (zh) | 列表数据的处理方法及装置、存储介质、计算机设备 | |
US10228845B2 (en) | Previewing portions of electronic documents | |
CN112395838B (zh) | 对象同步编辑方法、装置、设备及可读存储介质 | |
CN111506848A (zh) | 网页处理方法、装置、设备及可读存储介质 | |
CN106776634A (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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20200527 Address after: 310051 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 100192 A706, 7 / F, block a, floor B-6, Dongsheng Science Park, Zhongguancun, No.66, xixiaokou Road, Haidian District, Beijing Applicant before: UC MOBILE Co.,Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |