CN112507257B - 一种网页显示方法、装置、设备以及存储介质 - Google Patents
一种网页显示方法、装置、设备以及存储介质 Download PDFInfo
- Publication number
- CN112507257B CN112507257B CN202011439252.6A CN202011439252A CN112507257B CN 112507257 B CN112507257 B CN 112507257B CN 202011439252 A CN202011439252 A CN 202011439252A CN 112507257 B CN112507257 B CN 112507257B
- Authority
- CN
- China
- Prior art keywords
- display area
- height
- display
- target
- limit value
- 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 42
- 238000012544 monitoring process Methods 0.000 claims abstract description 64
- 230000008859 change Effects 0.000 claims abstract description 50
- 238000009877 rendering Methods 0.000 claims description 45
- 230000000694 effects Effects 0.000 description 10
- 238000004590 computer program Methods 0.000 description 7
- 238000010586 diagram Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开实施例关于一种网页显示方法、装置、设备以及存储介质。其中,方法包括:在检测到网页的打开操作时,获取与网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化;每一个显示区域嵌套在一个预设的外层容器中,外层容器用于对显示区域的高度进行限制;在监听到目标显示区域的高度发生变化、且目标显示区域的高度大于外层容器的高度上限数值的情况下,设置目标显示区域中的显示全部控件的状态为可见;在检测到针对显示全部控件的点击操作时,设置目标显示区域的外层容器的高度上限数值为无。本公开实施例可以实现图文混排的显示区域的超长内容折叠显示。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种网页显示方法、装置、设备以及存储介质。
背景技术
网页浏览器显示的网页通常由多个显示区域组成,不同的显示区域用于显示不同的内容。例如,网页浏览器显示的包含论坛的多个帖子,各显示区域用于显示对应的帖子。由于显示内容的不同,各显示区域的高度是不同的,而且差异较大。显示内容多的显示区域的高度可能远远大于显示内容少的显示区域的高度,占据网页的大部分区域,导致终端的屏幕中仅能显示少量内容。
为了在终端的屏幕中显示更多的内容,一般的处理方式是将超出一定高度的显示区域的显示内容折叠起来,只显示部分内容,当用户要浏览时点击相应的按钮或图标,或者下拉进行展开。
相关技术中,针对纯文字的显示区域,可以获取文字的字数,若超过规定字数,则给显示区域添加溢出的文字省略号显示的层叠样式表(Cascading Style Sheets,CSS)属性,实现将显示区域显示的超出规定字数的文字折叠起来,只显示规定字数的文字,当用户要浏览全部文字时,点击相应的按钮或图标,或者下拉进行展开。但是上述相关技术的问题在于仅针对用于显示纯文字的显示区域,不能适用于显示内容中文字与图片混合排列的显示区域。
发明内容
本公开提供一种网页显示方法、装置、设备以及存储介质,以至少解决相关技术中的升级方案无法实现图文混排的显示区域的超长内容折叠显示的问题。本公开的技术方案如下:
根据本公开实施例的第一方面,提供一种网页显示方法,包括:在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化;其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制;在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化;在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
可选的,所述网页显示方法还包括:
设置网页中的各显示区域的外层容器的高度上限数值,并在各显示区域中添加显示全部控件,所述显示全部控件的初始状态为不可见;
设置与各显示区域对应的元素调整监听接口,元素调整监听接口用于实时监听各显示区域的高度变化。
可选的,所述将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,包括:
针对每一个显示区域执行下述操作:
解析与显示区域对应的超文本标记语言文件的文件内容,建立与所述超文本标记语言文件对应的文档对象模型树;
获取所述文档对象模型树中的待显示文档对象模型元素、以及所述待显示文档对象模型元素的样式信息,并构建与所述超文本标记语言文件对应的渲染树;
渲染所述渲染树,根据所述渲染树中的待显示文档对象模型元素的样式信息,在所述显示区域中显示所述渲染树中的待显示文档对象模型元素。
可选的,所述待显示文档对象模型元素包括:文字、图片和/或视频。
可选的,在所述监听各显示区域的高度变化之后,还包括:
在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口判断所述目标显示区域的高度是否大于外层容器的高度上限数值。
可选的,所述设置网页中的各显示区域的外层容器的高度上限数值,包括:
获取目标高度上限数值,将所述目标高度上限数值设置为所述网页中的各显示区域的外层容器的高度上限数值。
根据本公开实施例的第二方面,提供一种网页显示装置,包括:内容显示单元,被配置为在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化;其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制;设置更新单元,被配置为在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化;全部内容显示单元,被配置为在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
可选的,所述网页显示装置还包括:
高度初始设置单元,被配置为设置网页中的各显示区域的外层容器的高度上限数值,并在各显示区域中添加显示全部控件,所述显示全部控件的初始状态为不可见;
接口初始设置单元,被配置为设置与各显示区域对应的元素调整监听接口,元素调整监听接口用于实时监听各显示区域的高度变化。
可选的,所述内容显示单元包括:
内容显示子单元,被配置为针对每一个显示区域执行下述操作:解析与显示区域对应的超文本标记语言文件的文件内容,建立与所述超文本标记语言文件对应的文档对象模型树;获取所述文档对象模型树中的待显示文档对象模型元素、以及所述待显示文档对象模型元素的样式信息,并构建与所述超文本标记语言文件对应的渲染树;渲染所述渲染树,根据所述渲染树中的待显示文档对象模型元素的样式信息,在所述显示区域中显示所述渲染树中的待显示文档对象模型元素。
可选的,所述待显示文档对象模型元素包括:文字、图片和/或视频。
可选的,还包括:高度判断单元,被配置为在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口判断所述目标显示区域的高度是否大于外层容器的高度上限数值。
可选的,所述高度初始设置单元包括:
上限数值设置子单元,被配置为获取目标高度上限数值,将所述目标高度上限数值设置为所述网页中的各显示区域的外层容器的高度上限数值。
根据本公开实施例的第三方面,提供一种计算机设备,包括:处理器;用于存储所述处理器可执行指令的存储器;其中,所述处理器被配置为执行所述指令,以实现如本公开任一实施例所述的网页显示方法。
根据本公开实施例的第四方面,提供一种存储介质,所述存储介质中的指令由计算机设备的处理器执行时,使得计算机设备能够执行如本公开任一实施例所述的网页显示方法。
根据本公开实施例的第五方面,提供一种计算机程序产品,用于与计算机设备结合使用,所述计算机程序产品包括计算机可读存储介质和内嵌于其中的计算机程序机制,经由计算机载入该程序并执行后能够实现如本公开任一实施例所述的网页显示方法。
本公开的实施例提供的技术方案至少带来以下有益效果:
解决了相关技术中的网页显示方案无法实现图文混排的显示区域的超长内容折叠显示的问题,可以通过外层容器对网页中的显示区域的高度进行限制,限制显示区域的实际显示高度,以使显示区域仅显示未超出外层容器的高度上限数值的部分显示内容,隐藏超出外层容器的高度上限数值的部分显示内容;此外,可以在监听到目标显示区域的高度发生变化、且目标显示区域的高度大于外层容器的高度上限数值的情况下,设置目标显示区域中的显示全部控件的状态为可见,从而可以通过显示全部控件获取用户输入的全部显示内容指令,例如,可以在检测到针对显示全部控件的点击操作时,设置目标显示区域的外层容器的高度上限数值为无,以使与目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中,将超出外层容器的高度上限数值的部分显示内容显示出来,实现了在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,目标显示区域的显示内容的类型没有限制,针对显示内容中文字与图片混合排列的显示区域、显示纯文字的显示区域、显示图片的显示区域等不同类型的用于显示内容的显示区域,都可以实现在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,能够解决相关技术中的网页显示方案无法实现图文混排的显示区域的超长内容折叠显示的问题,实现图文混排的显示区域的超长内容折叠显示。本公开实施例的技术方案也未增加额外的显示区域创建和销毁的开销,可以在不增加额外的显示区域创建和销毁的开销的前提下,实现图文混排的显示区域的超长内容折叠显示。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理,并不构成对本公开的不当限定。
图1是根据一示例性实施例示出的一种网页显示方法的流程图。
图2是根据一示例性实施例示出的一种网页显示方法的流程图。
图3是根据一示例性实施例示出的一种网页显示装置的框图。
图4是根据一示例性实施例示出的一种计算机设备的框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案,下面将结合附图,对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是,本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反,它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
为了便于理解,将本公开示例性实施例的主要发明构思进行简述。
相关技术中,针对纯文字的显示区域,可以获取文字的字数,若超过规定字数,则为显示区域添加溢出的文字省略号显示的层叠样式表(Cascading Style Sheets,CSS)属性,实现将显示区域显示的超出规定字数的文字折叠起来,只显示规定字数的文字。当用户要浏览全部文字时,点击相应的按钮或图标,或者下拉进行展开。但是上述相关技术的问题在于仅针对用于显示纯文字的显示区域,不能适用于显示内容中文字与图片混合排列的显示区域。发明人针对相关技术中的网页显示方案无法实现显示内容中文字与图片混合排列的显示区域的超长内容折叠显示的问题,考虑是否可以通过一种方法实现图文混排的显示区域的超长内容折叠显示,实现在显示区域的显示内容超出一定长度时只显示部分内容,用户触发显示全部控件再完全展开全部显示内容的效果。
基于上述思考,发明人创造性地提出:在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化;其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制;在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化;在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
这样做的好处是:通过外层容器对网页中的显示区域的高度进行限制,限制显示区域的实际显示高度,以使显示区域仅显示未超出外层容器的高度上限数值的部分显示内容,隐藏超出外层容器的高度上限数值的部分显示内容;此外,可以在监听到目标显示区域的高度发生变化、且目标显示区域的高度大于外层容器的高度上限数值的情况下,设置目标显示区域中的显示全部控件的状态为可见,从而可以通过显示全部控件获取用户输入的全部显示内容指令,例如,可以在检测到针对显示全部控件的点击操作时,设置目标显示区域的外层容器的高度上限数值为无,以使与目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中,将超出外层容器的高度上限数值的部分显示内容显示出来,实现了在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,目标显示区域的显示内容的类型没有限制,本公开实施例的技术方案也未增加额外的显示区域创建和销毁的开销,可以在不增加额外的显示区域创建和销毁的开销的前提下,实现图文混排的显示区域的超长内容折叠显示。
图1是根据一示例性实施例示出的一种网页显示方法的流程图,本实施例可适用于对为对显示区域的超长内容进行折叠显示的情况。该方法可以由网页显示装置来执行,该装置可以采用硬件和/或软件的方式实现,并一般可集成在安装于计算机设备中的一个网页浏览器中。
如图1所示,本公开实施例所提供的网页显示方法包括以下步骤:
在步骤S11中,在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化。
其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制。
网页浏览器显示的网页通常由多个显示区域组成。不同的显示区域用于显示不同的内容。每一个显示区域对应一个超文本标记语言文件。网页浏览器可以读取与显示区域对应超文本标记语言文件,并将其渲染成显示区域中的显示内容。网页浏览器在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,以使用户可以浏览网页中的各显示区域中的显示内容。
超文本标记语言(Hyper Text Markup Language,HTML)文件是可以被网页浏览器读取,产生网页传递各类资讯的文件。超文本标记语言是一种用于创建网页的标准标记语言。超文本标记语言是一种基础技术,常与层叠样式表(Cascading Style Sheets,CSS)、高级脚本语言JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。
在本公开实施例的一个实施方式中,可选的,网页浏览器从预设的数据库中获取与所述网页中各显示区域对应的超文本标记语言文件。
在本公开实施例的一个实施方式中,可选的,所述将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,包括:针对每一个显示区域执行下述操作:解析与显示区域对应的超文本标记语言文件的文件内容,建立与所述超文本标记语言文件对应的文档对象模型树;获取所述文档对象模型树中的待显示文档对象模型元素、以及所述待显示文档对象模型元素的样式信息,并构建与所述超文本标记语言文件对应的渲染树;渲染所述渲染树,根据所述渲染树中的待显示文档对象模型元素的样式信息,在所述显示区域中显示所述渲染树中的待显示文档对象模型元素。
针对每一个显示区域,网页浏览器通过文档对象模型(Document Object Model,DOM),解析与显示区域对应的超文本标记语言文件的文件内容,建立与所述超文本标记语言文件对应的文档对象模型树。文档对象模型树中的每一个文档对象模型元素(节点对象)对应超文本标记语言文件中的一个超文本标记语言标签或标签内的文本项。
文档对象模型是万维网联盟制定的标准接口规范,是一种处理超文本标记语言文件和可扩展标记语言文件的标准接口。文档对象模型提供了对整个超文本标记语言文件的访问模型,将超文本标记语言文件作为一个树形结构。
待显示文档对象模型元素为需要在显示区域中显示的文档对象模型元素。在本公开实施例的一个实施方式中,可选的,所述待显示文档对象模型元素包括:文字、图片和/或视频。待显示文档对象模型元素的样式信息可以包括颜色、大小以及位置等。网页浏览器获取所述文档对象模型树中的待显示文档对象模型元素、以及所述待显示文档对象模型元素的样式信息,并构建与所述超文本标记语言文件对应的渲染树。渲染树中包括文档对象模型树中的待显示文档对象模型元素、以及待显示文档对象模型元素的样式信息。渲染树中忽略了文档对象模型树中不需要在显示区域中显示的文档对象模型元素。在构建渲染树之后,网页浏览器渲染所述渲染树,根据所述渲染树中的待显示文档对象模型元素的样式信息,在所述显示区域中显示所述渲染树中的待显示文档对象模型元素。
由此,网页浏览器根据各显示区域对应的渲染树中的待显示文档对象模型元素的样式信息,在各显示区域中显示对应的渲染树中的待显示文档对象模型元素,从而将与各显示区域对应的超文本标记语言文件对应的显示内容对应显示在各显示区域中,得到可视化网页。
本实施例中,网页浏览器渲染各显示区域对应的渲染树,根据各渲染树中的待显示文档对象模型元素的样式信息,在各显示区域中显示各渲染树中的待显示文档对象模型元素的过程中,各显示区域的高度会不断变化。
每一个显示区域嵌套在一个预设的外层容器中,外层容器用于对显示区域的高度进行限制。外层容器根据高度上限数值对显示区域的高度进行限制。在外层容器的高度上限数值为一个具体数值时,显示区域仅能显示未超出高度上限数值的部分显示内容,超出高度上限数值的部分显示内容被隐藏,从而将显示区域的实际显示高度限制在高度上限数值以内。如果显示区域的高度小于等于高度上限数值,则显示区域的实际显示高度为显示区域的高度,显示区域可以展示全部显示内容;如果显示区域的高度大于高度上限数值,则显示区域的实际显示高度为高度上限数值,显示区域仅能显示未超出高度上限数值的部分显示内容,超出高度上限数值的部分显示内容被隐藏。在外层容器的高度上限数值为无(none)时,显示区域的高度不被高度上限数值限制,显示区域的实际显示高度为显示区域的高度,显示区域可以展示全部显示内容。
可选的,针对每一个显示区域,网页浏览器使用超文本标记语言的块元素(例如,div元素)作为预设的一个外层容器,将显示区域嵌套到外层容器中。
可选的,监听各显示区域的高度变化,包括:通过与各显示区域对应的元素调整监听接口,监听各显示区域的高度变化。
元素调整监听接口ResizeObserver是网页浏览器的接口,可以对网页中的显示元素的边界框的变化进行实时监听。网页浏览器设置与各显示区域对应的元素调整监听接口,将各显示区域设置为各元素调整监听接口的监听对象,通过各元素调整监听接口实时监听各显示区域的高度变化。
在本公开实施例的一个实施方式中,可选的,还包括:设置网页中的各显示区域的外层容器的高度上限数值,并在各显示区域中添加显示全部控件,所述显示全部控件的初始状态为不可见;设置与各显示区域对应的元素调整监听接口,元素调整监听接口用于实时监听各显示区域的高度变化。
在本公开实施例的一个实施方式中,可选的,所述设置网页中的各显示区域的外层容器的高度上限数值,包括:获取目标高度上限数值,将所述目标高度上限数值设置为所述网页中的各显示区域的外层容器的高度上限数值。
具体的,用户在网页浏览器提供的数值输入界面中输入目标高度上限数值。网页浏览器获取用户输入的目标高度上限数值,将目标高度上限数值设置为各显示区域的外层容器的高度上限数值。由此,网页浏览器可以根据用户输入数值,设置各显示区域的外层容器的高度上限数值。
在本公开实施例的一个实施方式中,可选的,所述设置网页中的各显示区域的外层容器的高度上限数值,包括:根据预设的网页高度上限参数,设置各显示区域的外层容器的高度上限数值。
具体的,网页浏览器读取预设的网页高度上限参数,将预设的网页高度上限参数设置为各显示区域的外层容器的高度上限数值。由此,网页浏览器可以根据预设参数,设置各显示区域的外层容器的高度上限数值。
可选的,显示全部控件用于输入展示全部显示内容指令。显示全部显示内容指令是用于使显示区域展示全部显示内容的指令。显示全部控件的状态包括为不可见和可见。显示全部控件的初始状态为不可见。在显示区域中的显示全部控件的状态为可见时,表明此时显示区域没有展示全部显示内容,用户可以通过对显示全部控件进行点击操作来输入全部显示内容指令,使显示区域展示全部显示内容。在显示区域中的显示全部控件的状态为不可见时,表明此时显示区域已经展示全部显示内容。
在本公开实施例的一个实施方式中,可选的,所述显示全部控件为显示全部按钮。
在步骤S12中,在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化。
在本公开实施例的一个实施方式中,可选的,在所述监听各显示区域的高度变化之后,还包括:在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口判断所述目标显示区域的高度是否大于外层容器的高度上限数值。
具体的,网页浏览器渲染各显示区域对应的渲染树,根据各渲染树中的待显示文档对象模型元素的样式信息,在各显示区域中显示各渲染树中的待显示文档对象模型元素的过程中,各显示区域的高度会不断变化,各元素调整监听接口实时监听各显示区域的高度变化。目标显示区域的高度不断变化,会触发与所述目标显示区域对应的元素调整监听接口判断所述目标显示区域的高度是否大于外层容器的高度上限数值。
可选的,在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口的回调函数,在回调函数中判断目标显示区域的高度是否大于外层容器的高度上限数值。
如果目标显示区域的高度大于高度上限数值,则目标显示区域的实际显示高度为高度上限数值,目标显示区域仅能显示未超出高度上限数值的部分显示内容,超出高度上限数值的部分显示内容被隐藏。
在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化。用户可以通过对所述目标显示区域中的显示全部控件的点击操作来输入全部显示内容指令,使所述目标显示区域展示全部显示内容。
如果显示区域的高度小于等于高度上限数值,则显示区域的实际显示高度为显示区域的高度,显示区域可以展示全部显示内容。
可选的,在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度小于等于外层容器的高度上限数值的情况下,则保持所述目标显示区域中的显示全部控件的状态为不可见,并继续通过与所述目标显示区域对应的元素调整监听接口监听所述目标显示区域的高度变化。
在步骤S13中,在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
本实施例中,在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无(none)。在所述目标显示区域的外层容器的高度上限数值为无时,目标显示区域的高度不再被高度上限数值限制。目标显示区域的实际显示高度为目标显示区域的高度,目标显示区域可以将超出高度上限数值的部分显示内容显示出来,从而将与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
在本公开实施例的一个实施方式中,可选的,在设置所述目标显示区域的外层容器的高度上限数值为无的同时,设置所述目标显示区域中的显示全部控件的状态为不可见。在显示区域中的显示全部控件的状态为不可见时,表明此时显示区域已经展示全部显示内容。
本公开实施例的技术方案通过外层容器对网页中的显示区域的高度进行限制,在检测到网页的打开操作时,获取与网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化,然后在监听到目标显示区域的高度发生变化、且目标显示区域的高度大于外层容器的高度上限数值的情况下,设置目标显示区域中的显示全部控件的状态为可见,并停止监听目标显示区域的高度变化,并在检测到针对显示全部控件的点击操作时,设置目标显示区域的外层容器的高度上限数值为无,以使与目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
相关技术中,针对纯文字的显示区域,可以获取文字的字数,若超过规定字数,则给显示区域添加溢出的文字省略号显示的层叠样式表属性,实现将显示区域显示的超出规定字数的文字折叠起来,只显示规定字数的文字,当用户要浏览全部文字时,点击相应的按钮或图标,或者下拉进行展开。相关技术仅针对用于显示纯文字的显示区域,不能适用于显示内容中文字与图片混合排列的显示区域。本公开实施例中,目标显示区域的显示内容的类型没有限制,针对显示内容中文字与图片混合排列的显示区域、显示纯文字的显示区域、显示图片的显示区域等不同类型的用于显示内容的显示区域,都可以实现在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果。因此,通过本公开实施例,能够解决相关技术中的网页显示方案无法实现图文混排的显示区域的超长内容折叠显示的问题。
本公开实施例的技术方案可以通过外层容器对网页中的显示区域的高度进行限制,限制显示区域的实际显示高度,以使显示区域仅显示未超出外层容器的高度上限数值的部分显示内容,隐藏超出外层容器的高度上限数值的部分显示内容;此外,可以在监听到目标显示区域的高度发生变化、且目标显示区域的高度大于外层容器的高度上限数值的情况下,设置目标显示区域中的显示全部控件的状态为可见,从而可以通过显示全部控件获取用户输入的全部显示内容指令,例如,可以在检测到针对显示全部控件的点击操作时,设置目标显示区域的外层容器的高度上限数值为无,以使与目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中,将超出外层容器的高度上限数值的部分显示内容显示出来,实现了在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,目标显示区域的显示内容的类型没有限制,针对显示内容中文字与图片混合排列的显示区域、显示纯文字的显示区域、显示图片的显示区域等不同类型的用于显示内容的显示区域,都可以实现在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,能够解决相关技术中的网页显示方案无法实现图文混排的显示区域的超长内容折叠显示的问题,实现图文混排的显示区域的超长内容折叠显示。本公开实施例的技术方案也未增加额外的显示区域创建和销毁的开销,可以在不增加额外的显示区域创建和销毁的开销的前提下,实现图文混排的显示区域的超长内容折叠显示。
图2是根据一示例性实施例示出的一种网页显示方法的流程图,本实施例是对上述技术方案的进一步细化,本实施例中的技术方案可以与上述一个或者多个实施例中的各个可选方案结合。如图2所示,网页显示方法包括以下步骤。
在步骤S21中,设置网页中的各显示区域的外层容器的高度上限数值,并在各显示区域中添加显示全部控件,所述显示全部控件的初始状态为不可见。
在本公开实施例的一个实施方式中,可选的,所述设置网页中的各显示区域的外层容器的高度上限数值,包括:获取目标高度上限数值,将所述目标高度上限数值设置为所述网页中的各显示区域的外层容器的高度上限数值。
在本公开实施例的一个实施方式中,可选的,所述设置网页中的各显示区域的外层容器的高度上限数值,包括:根据预设的网页高度上限参数,设置各显示区域的外层容器的高度上限数值。
在显示区域中的显示全部控件的状态为可见时,表明此时显示区域没有展示全部显示内容,用户可以通过对显示全部控件进行点击操作来输入全部显示内容指令,使显示区域展示全部显示内容。
在步骤S22中,设置与各显示区域对应的元素调整监听接口,元素调整监听接口用于实时监听各显示区域的高度变化。
本实施例中,网页浏览器设置与各显示区域对应的元素调整监听接口,将各显示区域设置为各元素调整监听接口的监听对象,通过各元素调整监听接口实时监听各显示区域的高度变化。
在步骤S23中,在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化。
其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制。
本实施例中未详尽的描述可以参考前述实施例。
在步骤S24中,在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化。
可选的,在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口的回调函数,在回调函数中判断目标显示区域的高度是否大于外层容器的高度上限数值。
如果目标显示区域的高度大于高度上限数值,则目标显示区域的实际显示高度为高度上限数值,目标显示区域仅能显示未超出高度上限数值的部分显示内容,超出高度上限数值的部分显示内容被隐藏。
在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化。用户可以通过对所述目标显示区域中的显示全部控件的点击操作来输入全部显示内容指令,使所述目标显示区域展示全部显示内容。
在步骤S25中,在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
本公开实施例的技术方案通过网页中的各显示区域的外层容器的高度上限数值对网页中的显示区域的高度进行限制,限制显示区域的实际显示高度,以使显示区域仅显示未超出外层容器的高度上限数值的部分显示内容,隐藏超出外层容器的高度上限数值的部分显示内容;此外,可以通过与各显示区域对应的元素调整监听接口,精确监听各显示区域的高度变化,并在监听到目标显示区域的高度发生变化、且目标显示区域的高度大于外层容器的高度上限数值的情况下,设置目标显示区域中的显示全部控件的状态为可见,从而可以通过显示全部控件获取用户输入的全部显示内容指令,可以在检测到针对显示全部控件的点击操作时,设置目标显示区域的外层容器的高度上限数值为无,以使与目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中,将超出外层容器的高度上限数值的部分显示内容显示出来,实现了在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,目标显示区域的显示内容的类型没有限制,针对显示内容中文字与图片混合排列的显示区域、显示纯文字的显示区域、显示图片的显示区域等不同类型的用于显示内容的显示区域,都可以实现在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,能够解决相关技术中的网页显示方案无法实现图文混排的显示区域的超长内容折叠显示的问题,实现图文混排的显示区域的超长内容折叠显示。本公开实施例的技术方案也未增加额外的显示区域创建和销毁的开销,可以在不增加额外的显示区域创建和销毁的开销的前提下,实现图文混排的显示区域的超长内容折叠显示。
图3根据一示例性实施例示出的一种网页显示装置框图。参照图3该装置包括内容显示单元31、设置更新单元32以及全部内容显示单元33。
内容显示单元31,被配置为在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化。
其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制。
设置更新单元32,被配置为在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化。
全部内容显示单元33,被配置为在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
本公开实施例的技术方案可以通过外层容器对网页中的显示区域的高度进行限制,限制显示区域的实际显示高度,以使显示区域仅显示未超出外层容器的高度上限数值的部分显示内容,隐藏超出外层容器的高度上限数值的部分显示内容;此外,可以在监听到目标显示区域的高度发生变化、且目标显示区域的高度大于外层容器的高度上限数值的情况下,设置目标显示区域中的显示全部控件的状态为可见,从而可以通过显示全部控件获取用户输入的全部显示内容指令,例如,可以在检测到针对显示全部控件的点击操作时,设置目标显示区域的外层容器的高度上限数值为无,以使与目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中,将超出外层容器的高度上限数值的部分显示内容显示出来,实现了在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,目标显示区域的显示内容的类型没有限制,针对显示内容中文字与图片混合排列的显示区域、显示纯文字的显示区域、显示图片的显示区域等不同类型的用于显示内容的显示区域,都可以实现在显示区域的显示内容超出一定长度时只显示部分内容,用户点击显示全部控件再完全展开全部显示内容的效果,能够解决相关技术中的网页显示方案无法实现图文混排的显示区域的超长内容折叠显示的问题,实现图文混排的显示区域的超长内容折叠显示。本公开实施例的技术方案也未增加额外的显示区域创建和销毁的开销,可以在不增加额外的显示区域创建和销毁的开销的前提下,实现图文混排的显示区域的超长内容折叠显示。
在本公开实施例的一个实施方式中,可选的,所述网页显示装置还包括:
高度初始设置单元,被配置为设置网页中的各显示区域的外层容器的高度上限数值,并在各显示区域中添加显示全部控件,所述显示全部控件的初始状态为不可见;
接口初始设置单元,被配置为设置与各显示区域对应的元素调整监听接口,元素调整监听接口用于实时监听各显示区域的高度变化。
在本公开实施例的一个实施方式中,可选的,所述内容显示单元31包括:
内容显示子单元,被配置为针对每一个显示区域执行下述操作:解析与显示区域对应的超文本标记语言文件的文件内容,建立与所述超文本标记语言文件对应的文档对象模型树;获取所述文档对象模型树中的待显示文档对象模型元素、以及所述待显示文档对象模型元素的样式信息,并构建与所述超文本标记语言文件对应的渲染树;渲染所述渲染树,根据所述渲染树中的待显示文档对象模型元素的样式信息,在所述显示区域中显示所述渲染树中的待显示文档对象模型元素。
在本公开实施例的一个实施方式中,可选的,所述待显示文档对象模型元素包括:文字、图片和/或视频。
在本公开实施例的一个实施方式中,可选的,所述网页显示装置还包括:
高度判断单元,被配置为在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口判断所述目标显示区域的高度是否大于外层容器的高度上限数值。
在本公开实施例的一个实施方式中,可选的,所述高度初始设置单元包括:
上限数值设置子单元,被配置为获取目标高度上限数值,将所述目标高度上限数值设置为所述网页中的各显示区域的外层容器的高度上限数值。
关于上述实施例中的装置,其中各个单元执行操作的具体方式已经在有关该方法的实施例中进行了详细描述,此处将不做详细阐述说明。
图4是根据一示例性实施例示出的一种计算机设备的结构示意图。计算机设备可以为独立于数据库集群的服务器。如图4所示,该计算机设备包括:一个或多个处理器41,图4中以一个处理器41为例;存储器42;所述设备中的处理器41和存储器42可以通过总线或者其他方式连接,图4中以通过总线连接为例。
存储器42作为一种非暂态计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本公开实施例中的一种网页显示方法对应的程序指令/模块(例如,附图3所示的内容显示单元31、设置更新单元32以及全部内容显示单元33)。处理器41通过运行存储在存储器42中的软件程序、指令以及模块,从而执行计算机设备的各种功能应用以及数据处理,即实现上述方法实施例的一种网页显示方法,即:
在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化;
其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制;
在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化;
在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
存储器42可以包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需要的应用程序;存储数据区可存储根据计算机设备的使用所创建的数据等。此外,存储器42可以包括高速随机存取存储器,还可以包括非暂态性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非暂态性固态存储器件。在一些实施例中,存储器42可选包括相对于处理器41远程设置的存储器,这些远程存储器可以通过网络连接至终端设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置43可用于输入调用者编写的计算机程序。输出装置44包括输出接口,可用于输出信息。
在示例性实施例中,还提供了一种包括指令的存储介质,例如存储指令的存储器(42),上述指令可由计算机设备的处理器(41)执行以完成上述方法。可选地,存储介质可以是非临时性计算机可读存储介质,例如,所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。
在示例性实施例中,还提供一种计算机程序产品,用于与计算机设备(终端设备或者服务器)结合使用,所述计算机程序产品包括计算机可读存储介质和内嵌于其中的计算机程序机制,经由计算机载入该程序并执行后能够实现如本公开任一实施例所述的网页显示方法。
本领域技术人员在考虑说明书及实践这里公开的发明后,将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化,这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的,本公开的真正范围和精神由下面的权利要求指出。
应当理解的是,本公开并不局限于上面已经描述并在附图中示出的精确结构,并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (14)
1.一种网页显示方法,其特征在于,包括:
在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化;
其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制;
在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化;
在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
2.根据权利要求1所述的网页显示方法,其特征在于,还包括:
设置网页中的各显示区域的外层容器的高度上限数值,并在各显示区域中添加显示全部控件,所述显示全部控件的初始状态为不可见;
设置与各显示区域对应的元素调整监听接口,元素调整监听接口用于实时监听各显示区域的高度变化。
3.根据权利要求1所述的网页显示方法,其特征在于,所述将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,包括:
针对每一个显示区域执行下述操作:
解析与显示区域对应的超文本标记语言文件的文件内容,建立与所述超文本标记语言文件对应的文档对象模型树;
获取所述文档对象模型树中的待显示文档对象模型元素、以及所述待显示文档对象模型元素的样式信息,并构建与所述超文本标记语言文件对应的渲染树;
渲染所述渲染树,根据所述渲染树中的待显示文档对象模型元素的样式信息,在所述显示区域中显示所述渲染树中的待显示文档对象模型元素。
4.根据权利要求3所述的网页显示方法,其特征在于,所述待显示文档对象模型元素包括:文字、图片和/或视频。
5.根据权利要求2所述的网页显示方法,其特征在于,在所述监听各显示区域的高度变化之后,还包括:
在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口判断所述目标显示区域的高度是否大于外层容器的高度上限数值。
6.根据权利要求2所述的网页显示方法,其特征在于,所述设置网页中的各显示区域的外层容器的高度上限数值,包括:
获取目标高度上限数值,将所述目标高度上限数值设置为所述网页中的各显示区域的外层容器的高度上限数值。
7.一种网页显示装置,其特征在于,包括:
内容显示单元,被配置为在检测到网页的打开操作时,获取与所述网页中各显示区域对应的超文本标记语言文件,将与各超文本标记语言文件对应的显示内容对应显示在各显示区域中,并监听各显示区域的高度变化;
其中,每一个显示区域嵌套在一个预设的外层容器中,所述外层容器用于对所述显示区域的高度进行限制;
设置更新单元,被配置为在监听到目标显示区域的高度发生变化、且所述目标显示区域的高度大于外层容器的高度上限数值的情况下,设置所述目标显示区域中的显示全部控件的状态为可见,并停止监听所述目标显示区域的高度变化;
全部内容显示单元,被配置为在检测到针对所述显示全部控件的点击操作时,设置所述目标显示区域的外层容器的高度上限数值为无,以使与所述目标显示区域对应的超文本标记语言文件对应的全部显示内容对应显示在所述目标显示区域中。
8.根据权利要求7所述的网页显示装置,其特征在于,还包括:
高度初始设置单元,被配置为设置网页中的各显示区域的外层容器的高度上限数值,并在各显示区域中添加显示全部控件,所述显示全部控件的初始状态为不可见;
接口初始设置单元,被配置为设置与各显示区域对应的元素调整监听接口,元素调整监听接口用于实时监听各显示区域的高度变化。
9.根据权利要求7所述的网页显示装置,其特征在于,所述内容显示单元包括:
内容显示子单元,被配置为针对每一个显示区域执行下述操作:解析与显示区域对应的超文本标记语言文件的文件内容,建立与所述超文本标记语言文件对应的文档对象模型树;获取所述文档对象模型树中的待显示文档对象模型元素、以及所述待显示文档对象模型元素的样式信息,并构建与所述超文本标记语言文件对应的渲染树;渲染所述渲染树,根据所述渲染树中的待显示文档对象模型元素的样式信息,在所述显示区域中显示所述渲染树中的待显示文档对象模型元素。
10.根据权利要求9所述的网页显示装置,其特征在于,所述待显示文档对象模型元素包括:文字、图片和/或视频。
11.根据权利要求8所述的网页显示装置,其特征在于,还包括:
高度判断单元,被配置为在监听到所述目标显示区域的高度发生变化时,触发与所述目标显示区域对应的元素调整监听接口判断所述目标显示区域的高度是否大于外层容器的高度上限数值。
12.根据权利要求8所述的网页显示装置,其特征在于,所述高度初始设置单元包括:
上限数值设置子单元,被配置为获取目标高度上限数值,将所述目标高度上限数值设置为所述网页中的各显示区域的外层容器的高度上限数值。
13.一种计算机设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至6中任一项所述的网页显示方法。
14.一种存储介质,当所述存储介质中的指令由计算机设备的处理器执行时,使得计算机设备能够执行如权利要求1至6中任一项所述的网页显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011439252.6A CN112507257B (zh) | 2020-12-07 | 2020-12-07 | 一种网页显示方法、装置、设备以及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011439252.6A CN112507257B (zh) | 2020-12-07 | 2020-12-07 | 一种网页显示方法、装置、设备以及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112507257A CN112507257A (zh) | 2021-03-16 |
CN112507257B true CN112507257B (zh) | 2024-03-26 |
Family
ID=74970830
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011439252.6A Active CN112507257B (zh) | 2020-12-07 | 2020-12-07 | 一种网页显示方法、装置、设备以及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112507257B (zh) |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113918107A (zh) * | 2021-09-29 | 2022-01-11 | 北京搜狗科技发展有限公司 | 一种显示方法和装置 |
CN114090165A (zh) * | 2021-11-24 | 2022-02-25 | 北京字节跳动网络技术有限公司 | 页面组件展示位置调整方法、装置、计算机设备及介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102902535A (zh) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | 一种图片自适应方法、系统和终端设备 |
CN104217037A (zh) * | 2012-04-23 | 2014-12-17 | 北京奇虎科技有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN105573580A (zh) * | 2015-12-10 | 2016-05-11 | 网易(杭州)网络有限公司 | 图文混合消息的显示方法及装置 |
CN110750664A (zh) * | 2019-10-15 | 2020-02-04 | 腾讯科技(深圳)有限公司 | 图片的显示方法及装置 |
CN111309324A (zh) * | 2020-01-20 | 2020-06-19 | 福建天泉教育科技有限公司 | Web端内容自适应显示的方法、存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10346511B2 (en) * | 2016-06-01 | 2019-07-09 | Taboola.Com Ltd. | Scalable content rendering |
-
2020
- 2020-12-07 CN CN202011439252.6A patent/CN112507257B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104217037A (zh) * | 2012-04-23 | 2014-12-17 | 北京奇虎科技有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN102902535A (zh) * | 2012-09-18 | 2013-01-30 | 深圳市融创天下科技股份有限公司 | 一种图片自适应方法、系统和终端设备 |
CN105573580A (zh) * | 2015-12-10 | 2016-05-11 | 网易(杭州)网络有限公司 | 图文混合消息的显示方法及装置 |
CN110750664A (zh) * | 2019-10-15 | 2020-02-04 | 腾讯科技(深圳)有限公司 | 图片的显示方法及装置 |
CN111309324A (zh) * | 2020-01-20 | 2020-06-19 | 福建天泉教育科技有限公司 | Web端内容自适应显示的方法、存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112507257A (zh) | 2021-03-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8448074B2 (en) | Method and apparatus for providing portioned web pages in a graphical user interface | |
CN107885848B (zh) | 基于web技术的网页截屏方法 | |
CN103412928B (zh) | 一种在移动终端实现浏览器页面智能响应式布局的方法与装置 | |
JP6051337B2 (ja) | クライアント側ページ処理 | |
KR101472844B1 (ko) | 적응적 문서 디스플레이 장치 및 방법 | |
US9612715B2 (en) | Real-time preview of uniform resource identifier addressable dynamic content | |
US7581174B2 (en) | Displaying a web page in a browser window and a method for handling a web page | |
US20080120538A1 (en) | Visual web page authoring tool for multi-context web pages | |
CN101523336B (zh) | 终端装置、内容显示方法 | |
CN102819560A (zh) | 一种网页中图片的显示方法和装置 | |
CN112507257B (zh) | 一种网页显示方法、装置、设备以及存储介质 | |
CN103793436B (zh) | 浏览页面的方法及浏览器 | |
WO2009078020A2 (en) | System and method for automatic creation of web content for mobile communicators | |
US20110016386A1 (en) | Information processing device which controls display of summaries and previews of content of columns in web content depending on display area sizes, and recording medium which records control program thereof | |
CN104050238A (zh) | 一种地图标注方法和装置 | |
US20150019977A1 (en) | Object selection in web page authoring | |
US10725645B2 (en) | Information processing device for controlling display of web pages using main display area and sub display area | |
CN110019037A (zh) | 一种pdf文件展示方法、装置、设备及存储介质 | |
JP5668180B1 (ja) | 情報処理装置 | |
CN106874387B (zh) | 一种自适应html滚屏展示实时信息的方法 | |
JP5832056B1 (ja) | Webページの表示のためのプログラム、端末装置、およびサーバ装置 | |
JP2002108323A (ja) | 情報端末装置及び記憶媒体 | |
JP2012008970A (ja) | 要約情報表示装置、要約情報表示方法、要約情報表示プログラム、要約情報提供装置、要約情報提供プログラム、および、記録媒体 | |
CN112632436A (zh) | 一种网页显示方法、装置、电子设备及存储介质 | |
CN109284451B (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 |