CN110955473B - 显示加载提示信息的方法及装置 - Google Patents
显示加载提示信息的方法及装置 Download PDFInfo
- Publication number
- CN110955473B CN110955473B CN201811126762.0A CN201811126762A CN110955473B CN 110955473 B CN110955473 B CN 110955473B CN 201811126762 A CN201811126762 A CN 201811126762A CN 110955473 B CN110955473 B CN 110955473B
- Authority
- CN
- China
- Prior art keywords
- loaded
- content
- height
- visual
- display area
- 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 40
- 230000000007 visual effect Effects 0.000 claims abstract description 112
- 238000004364 calculation method Methods 0.000 claims description 4
- 230000006870 function Effects 0.000 description 8
- 238000004590 computer program Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 230000008878 coupling Effects 0.000 description 2
- 238000010168 coupling process Methods 0.000 description 2
- 238000005859 coupling reaction Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000002708 enhancing effect Effects 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- TZCXTZWJZNENPQ-UHFFFAOYSA-L barium sulfate Chemical compound [Ba+2].[O-]S([O-])(=O)=O TZCXTZWJZNENPQ-UHFFFAOYSA-L 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000008451 emotion Effects 0.000 description 1
- 238000005516 engineering process 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种显示加载提示信息的方法及装置。其中,该方法包括:在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;依据上述目标样式确定待加载提示信息的显示区域;在上述显示区域内显示上述待加载提示信息。本发明解决了现有技术中当待加载的数据内容过多时,加载提示信息被隐藏在浏览器的可视范围之外,无法向用户传递加载提示信息的技术问题。
Description
技术领域
本发明涉及页面显示技术领域,具体而言,涉及一种显示加载提示信息的方法及装置。
背景技术
在页面加载的过程中,经常用到加载提示(loading)效果,以实现通过页面交互的方式,安抚用户等待加载过程中的情绪,以及告诉用户一些信息(例如,数据正在加载)的效果。但是,当加载的数据量太大,待加载内容过多时,加载提示信息会沉入到浏览器的当前可视窗口的下面,如果用户不主动拖动页面的滚动条,则无法看到加载提示信息,会导致用户误以为页面加载出错,停止等待加载。
由上可知,现有技术中存在当待加载的数据内容过多时,加载提示信息被隐藏在浏览器的页面可视范围之外,无法向用户传递加载提示信息的技术问题,容易让用户误以为当前页面出错。
针对上述的问题,目前尚未提出有效的解决方案。
发明内容
本发明实施例提供了一种显示加载提示信息的方法及装置,以至少解决现有技术中当待加载的数据内容过多时,加载提示信息被隐藏在浏览器的可视范围之外,无法向用户传递加载提示信息的技术问题。
根据本发明实施例的一个方面,提供了一种显示加载提示信息的方法,包括:在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;依据上述目标样式确定待加载提示信息的显示区域;在上述显示区域内显示上述待加载提示信息。
根据本发明实施例的另一方面,还提供了一种显示加载提示信息的装置,包括:创建模块,用于在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;第一确定模块,用于依据上述目标样式确定待加载提示信息的显示区域;显示模块,用于在上述显示区域内显示上述待加载提示信息。
根据本发明实施例的另一方面,还提供了一种存储介质,上述存储介质包括存储的程序,其中,在程序运行时控制存储介质所在设备执行任意一项上述的显示加载提示信息的方法。
根据本发明实施例的另一方面,还提供了一种处理器,上述处理器用于运行程序,其中,上述程序运行时执行任意一项上述的显示加载提示信息的方法。
在本发明实施例中,通过在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;依据上述目标样式确定待加载提示信息的显示区域;在上述显示区域内显示上述待加载提示信息;在上述显示区域内显示加载提示信息,既可以保证一直在浏览器的可视高度之内显示上述加载提示信息,不会将加载提示信息隐藏在浏览器的可视高度以下。
由此,本申请实施例达到了即使在待加载的数据内容过多时,依然可以在浏览器的可视高度之内显示上述加载提示信息的目的,从而实现了向用户传递加载提示信息,增强与用户之间的互动的技术效果,进而解决了现有技术中当待加载的数据内容过多时,加载提示信息被隐藏在浏览器的可视范围之外,无法向用户传递加载提示信息的技术问题。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是根据本发明实施例的一种显示加载提示信息的方法的流程图;
图2是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图;
图3是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图;
图4是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图;
图5是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图;以及
图6是根据本发明实施例的一种显示加载提示信息的装置的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
首先,为方便理解本发明实施例,下面将对本发明中所涉及的部分术语或名词进行解释说明:
样式:是指用有意义的名称保存的字符格式和段落格式的集合,在编排重复格式时,先创建一个该格式的样式,在需要的地方套用该样式,无需一次次进行重复的格式化操作。
实施例1
根据本发明实施例,提供了一种显示加载提示信息的方法的实施例,需要说明的是,在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行,并且,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。
图1是根据本发明实施例的一种显示加载提示信息的方法的流程图,如图1所示,该方法包括如下步骤:
步骤S102,在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;
步骤S104,依据上述目标样式确定待加载提示信息的显示区域;
步骤S106,在上述显示区域内显示上述待加载提示信息。
在上述步骤S102中,执行主体可以为计算机设备、移动设备等,用户可以但不限于通过鼠标、键盘等输入设备,或者触摸显示屏的方式,通过点击浏览器的显示页面上的“下一页”、“搜索”等按键,输入上述加载指令至上述计算机设备或移动设备。
作为一种可选的实施例,在接收到用户输入的加载指令的情况下,或者在浏览器加载数据的过程中,计算机设备触发加载指令的情况下,在浏览器的显示页面上创建目标样式,例如,在显示页面中用于显示待加载内容的区域创建目标样式。在本申请实施例中,可以通过后台编写程序代码的方式创建上述目标样式,可以通过程序代码设置上述目标样式的属性等。
可选的,上述目标样式是指用有意义的名称保存的字符格式和段落格式的集合,在一种可选的实施例中,在为浏览器的显示页面创建目标样式时,可以根据浏览器的页面布局(例如,浏览器的可视高度)设置目标样式,由于超出浏览器的可视高度的待加载内容将被隐藏为不可见,因此,在创建上述目标样式时,需要保证该目标样式所确定的显示区域不超出浏览器的可视高度。
在本申请实施例中,依据上述浏览器的可视高度确定所创建的目标样式,因而依据该目标样式中已经确定的浏览器的可视高度,可以确定上述加载提示信息的显示区域不超出浏览器的可视高度,在每次需要显示加载提示信息的情况下,套用预先设置的目标样式,在确定的显示区域内显示上述加载提示信息,无需一次次进行重复的格式化操作。
在一种可选的实施例中,由于在创建上述目标样式时,已考虑到浏览器的可视高度等因素,即该目标样式是根据浏览器的可视高度确定的样式,可以依据上述该浏览器的可视高度,确定显示在上述显示区域的待加载内容的可视高度,以保证待加载内容的显示不超出浏览器的可视高度,进而可以实现在加载数据时,加载提示信息处于待加载内容的中间区域时,也即处于整个浏览器的可视高度之内。
在一种可选的实施例中,在需要输出加载提示信息时,例如,出现网络延迟、卡顿等网络环境较差,或加载的数据内容过多时,上述显示区域内显示加载提示信息(loading效果)。在本申请可选的实施例中,上述加载提示信息可以为:“数据加载中,请稍等”、“Loading”、圆圈转圈的图标、进度条的图标等信息,但并不局限于此,现有技术中的加载提示信息皆可用于本申请实施例中。
由于在本申请实施例中,通过创建目标样式的方式,设置了待加载内容的显示区域,且该显示区域处于浏览器的显示页面的可视范围之内,进而在上述显示区域内显示上述加载提示信息,也即为在浏览器的可视高度之内显示上述加载提示信息。
在本发明实施例中,通过在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;依据上述目标样式确定待加载提示信息的显示区域;在上述显示区域内显示上述待加载提示信息;在上述显示区域内显示加载提示信息,既可以保证一直在浏览器的可视高度之内显示上述加载提示信息,不会将加载提示信息隐藏在浏览器的可视高度以下。
由此,本申请实施例达到了即使在待加载的数据内容过多时,依然可以在浏览器的可视高度之内显示上述加载提示信息的目的,从而实现了向用户传递加载提示信息,增强与用户之间的互动的技术效果,进而解决了现有技术中当待加载的数据内容过多时,加载提示信息被隐藏在浏览器的可视范围之外,无法向用户传递加载提示信息的技术问题。
在一种可选的实施例中,图2是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图,如图2所示,在浏览器的显示页面上创建目标样式包括:
步骤S202,获取待加载内容的整体高度和上述浏览器的可视高度;
步骤S204,在上述待加载内容的整体高度大于上述浏览器的可视高度的情况下,创建上述目标样式。
可选的,在本申请实施例中,可以但不限于通过后台软件模块计算的方式,获取待加载内容的整体高度和上述浏览器的可视高度。
在上述可选的实施例中,若上述待加载内容的整体高度不大于上述浏览器的可视高度,则表明待加载内容会一直在上述浏览器的可视高度之内显示,因而可以无需创建上述目标样式;在上述待加载内容的整体高度大于上述浏览器的可视高度的情况下,则表明待加载内容中的一部分内容会被隐藏在上述浏览器的可视高度之外,由于超出浏览器的可视高度的待加载内容将被隐藏为不可见,需要创建上述目标样式,并且通过该目标样式保证所确定的显示区域不超出浏览器的可视高度。
在一种可选的实施例中,图3是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图,如图3所示,在创建上述目标样式之后,还包括:
步骤S302,依据上述目标样式,确定显示在上述显示区域的待加载内容的可视高度;
步骤S304,根据上述待加载内容的可视高度,确定需要加载至上述显示区域的可视内容。
在本申请实施例中,上述待加载内容的可视高度不超过上述浏览器的可视高度。依据上述浏览器的可视高度确定所创建的目标样式,因而依据该目标样式中已经确定的浏览器的可视高度,依据上述目标样式可以确定待加载内容的可视高度不超出浏览器的可视高度,并根据上述待加载内容的可视高度,确定需要加载至上述显示区域的可视内容。
通过上述实施例,可以保证待加载内容的显示不超出浏览器的可视高度,进而可以实现在加载数据时,加载提示信息处于待加载内容的中间区域时,也即处于整个浏览器的可视高度之内。
在一种可选的实施例中,图4是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图,如图4所示,在确定需要加载至上述显示区域的可视内容之后,还包括:
步骤S402,接收滚动指令。
在上述步骤S402中,上述滚动指令为输入设备对滚动模块进行移动操作后生成的指令,上述滚动模块至少包括:设置在上述显示页面上的滚动条。
步骤S404,获取与上述滚动指令对应的上述滚动条的移动距离。
在本申请实施例中,可以监测浏览器的显示页面中的滚动条是否滚动,或者是否接收到滚动指令,在监测到滚动条发生滚动或者接收到滚动指令的情况下,获取上述显示页面中滚动条的移动距离。
在一种可选的实施例中,图5是根据本发明实施例的一种可选的显示加载提示信息的方法的流程图,如图5所示,在上述显示区域内显示上述待加载提示信息包括:
步骤S502,依据上述移动距离、上述待加载内容的整体高度、上述待加载内容的可视高度,确定处于上述显示页面以下的上述待加载内容的非可视高度。
在上述步骤S502中,可以通过如下计算公式,得到上述显示页面以下的上述待加载内容的非可视高度:D=C-(A+B)。
其中,D为待加载内容的非可视高度,C为待加载内容的整体高度,A为移动距离,B为待加载内容的可视高度。
由于上述滚动条的移动距离可以表征用户已查看的待加载内容的高度,因此,将移动距离加上待加载内容的可视高度,得到已查看的待加载内容的高度与待加载内容的可视高度之和,再将待加载内容的整体高度减去已查看的待加载内容的高度与待加载内容的可视高度之和,则可以得到处于浏览器的可视高度下面的待加载内容的非可视高度。
步骤S504,获取上述待加载内容的底部位置。
在上述步骤S504中,上述待加载内容的底部位置即为待加载内容的最下端的位置。
步骤S506,在监测到上述显示页面中滚动条发生滚动的情况下,依据上述底部位置、上述待加载内容的可视高度和上述非可视高度,在上述显示区域内显示上述待加载提示信息。
在一种可选的实施例中,在监测到上述显示页面中滚动条发生滚动的情况下,可以将上述显示区域设定在距上述底部位置为(D+50%B)的距离,即上述显示区域处于待加载内容的非可视高度+50%待加载内容的可视高度的距离,可以保证显示区域一直处于待加载内容的可视高度的中间位置进行显示,需要说明的是,上述待加载内容的可视高度的中间位置可以为浏览器的大约中间位置。
在一种可选的实施例中,在上述显示区域内显示上述待加载提示信息之后,上述方法还包括:删除上述目标样式。
在上述可选的实施例中,在显示区域内显示上述待加载提示信息之后,本申请实施例可以将上述目标格式删除(也可以理解为去掉上述目标格式),其中,在本申请的可选的实施例中,可以但不限于通过后台程序代码的方式实现删除上述目标格式,进而可以避免展示加载得到的数据内容时,受到目标格式限制的影响。
实施例2
根据本发明实施例,还提供了一种用于实施上述显示加载提示信息的方法的装置实施例,图6是根据本发明实施例的一种显示加载提示信息的装置的结构示意图,如图6所示,上述显示加载提示信息的装置,包括:创建模块60、第一确定模块62和显示模块64,其中:
创建模块60,用于在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;第一确定模块62,用于依据上述目标样式确定待加载提示信息的显示区域;显示模块64,用于在上述显示区域内显示上述待加载提示信息。
需要说明的是,上述各个模块是可以通过软件或硬件来实现的,例如,对于后者,可以通过以下方式实现:上述各个模块可以位于同一处理器中;或者,上述各个模块以任意组合的方式位于不同的处理器中。
此处需要说明的是,上述创建模块60、第一确定模块62和显示模块64对应于实施例1中的步骤S102至步骤S106,上述模块与对应的步骤所实现的实例和应用场景相同,但不限于上述实施例1所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在计算机终端中。
在一种可选的实施例中,上述创建模块包括:获取单元,用于获取待加载内容的整体高度和上述浏览器的可视高度;创建单元,用于在上述待加载内容的整体高度大于上述浏览器的可视高度的情况下,创建上述目标样式。
在一种可选的实施例中,上述装置还包括:第二确定模块,用于依据上述目标样式,确定需要显示在上述显示区域的待加载内容的可视高度;第三确定模块,用于根据上述可视高度,确定需要加载至上述显示区域的可视内容。
需要说明的是,本实施例的可选或优选实施方式可以参见实施例1中的相关描述,此处不再赘述。
上述的显示加载提示信息的装置还可以包括处理器和存储器,上述创建模块60、第一确定模块62和显示模块64等均作为程序单元存储在存储器中,由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核,由内核去存储器中调取相应的程序单元,上述内核可以设置一个或以上。存储器可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM),存储器包括至少一个存储芯片。
根据本申请实施例,还提供了一种存储介质的实施例。可选地,在本实施例中,上述存储介质包括存储的程序,其中,在上述程序运行时控制上述存储介质所在设备执行上述任意一种显示加载提示信息的方法。
可选地,在本实施例中,上述存储介质可以位于计算机网络中计算机终端群中的任意一个计算机终端中,或者位于移动终端群中的任意一个移动终端中,上述存储介质包括存储的程序。
可选地,在程序运行时控制存储介质所在设备执行以下功能:在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;依据上述目标样式确定待加载提示信息的显示区域;在上述显示区域内显示上述待加载提示信息。
可选地,在程序运行时控制存储介质所在设备执行以下功能:获取待加载内容的整体高度和上述浏览器的可视高度;在上述待加载内容的整体高度大于上述浏览器的可视高度的情况下,创建上述目标样式。
可选地,在程序运行时控制存储介质所在设备执行以下功能:依据上述目标样式,确定显示在上述显示区域的待加载内容的可视高度;根据上述待加载内容的可视高度,确定需要加载至上述显示区域的可视内容。
可选地,在程序运行时控制存储介质所在设备执行以下功能:接收滚动指令,其中,上述滚动指令为输入设备对滚动模块进行移动操作后生成的指令,上述滚动模块至少包括:设置在上述显示页面上的滚动条;获取与上述滚动指令对应的上述滚动条的移动距离。
可选地,在程序运行时控制存储介质所在设备执行以下功能:依据上述移动距离、上述待加载内容的整体高度、上述待加载内容的可视高度,确定处于上述显示页面以下的上述待加载内容的非可视高度;获取上述待加载内容的底部位置;在监测到上述显示页面中滚动条发生滚动的情况下,依据上述底部位置、上述待加载内容的可视高度和上述非可视高度,在上述显示区域内显示上述待加载提示信息。
可选地,在程序运行时控制存储介质所在设备执行以下功能:删除上述目标样式。
根据本申请实施例,还提供了一种处理器实施例。可选地,在本实施例中,上述处理器用于运行程序,其中,上述程序运行时执行上述任意一种显示加载提示信息的方法。
本申请实施例提供了一种设备,设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序,处理器执行程序时实现以下步骤:在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;依据上述目标样式确定待加载提示信息的显示区域;在上述显示区域内显示上述待加载提示信息。
可选地,上述处理器执行程序时,还可以获取待加载内容的整体高度和上述浏览器的可视高度;在上述待加载内容的整体高度大于上述浏览器的可视高度的情况下,创建上述目标样式。
可选地,上述处理器执行程序时,还可以依据上述目标样式,确定显示在上述显示区域的待加载内容的可视高度;根据上述待加载内容的可视高度,确定需要加载至上述显示区域的可视内容。
可选地,上述处理器执行程序时,还可以接收滚动指令,其中,上述滚动指令为输入设备对滚动模块进行移动操作后生成的指令,上述滚动模块至少包括:设置在上述显示页面上的滚动条;获取与上述滚动指令对应的上述滚动条的移动距离。
可选地,上述处理器执行程序时,还可以依据上述移动距离、上述待加载内容的整体高度、上述待加载内容的可视高度,确定处于上述显示页面以下的上述待加载内容的非可视高度;获取上述待加载内容的底部位置;在监测到上述显示页面中滚动条发生滚动的情况下,依据上述底部位置、上述待加载内容的可视高度和上述非可视高度,在上述显示区域内显示上述待加载提示信息。
可选地,上述处理器执行程序时,还可以删除上述目标样式。
本申请还提供了一种计算机程序产品,当在数据处理设备上执行时,适于执行初始化有如下方法步骤的程序:在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,上述目标样式依据上述浏览器的可视高度确定;依据上述目标样式确定待加载提示信息的显示区域;在上述显示区域内显示上述待加载提示信息。
可选地,上述计算机程序产品执行程序时,还可以获取待加载内容的整体高度和上述浏览器的可视高度;在上述待加载内容的整体高度大于上述浏览器的可视高度的情况下,创建上述目标样式。
可选地,上述计算机程序产品执行程序时,还可以依据上述目标样式,确定显示在上述显示区域的待加载内容的可视高度;根据上述待加载内容的可视高度,确定需要加载至上述显示区域的可视内容。
可选地,上述计算机程序产品执行程序时,还可以接收滚动指令,其中,上述滚动指令为输入设备对滚动模块进行移动操作后生成的指令,上述滚动模块至少包括:设置在上述显示页面上的滚动条;获取与上述滚动指令对应的上述滚动条的移动距离。
可选地,上述计算机程序产品执行程序时,还可以依据上述移动距离、上述待加载内容的整体高度、上述待加载内容的可视高度,确定处于上述显示页面以下的上述待加载内容的非可视高度;获取上述待加载内容的底部位置;在监测到上述显示页面中滚动条发生滚动的情况下,依据上述底部位置、上述待加载内容的可视高度和上述非可视高度,在上述显示区域内显示上述待加载提示信息。
可选地,上述计算机程序产品执行程序时,还可以删除上述目标样式。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
在本发明的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。
在本申请所提供的几个实施例中,应该理解到,所揭露的技术内容,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,可以为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
以上所述仅是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (5)
1.一种显示加载提示信息的方法,其特征在于,包括:
在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,所述目标样式依据所述浏览器的可视高度确定;
依据所述目标样式确定待加载提示信息的显示区域;
在所述显示区域内显示所述待加载提示信息;
在浏览器的显示页面上创建目标样式包括:获取待加载内容的整体高度和所述浏览器的可视高度;在所述待加载内容的整体高度大于所述浏览器的可视高度的情况下,创建所述目标样式,其中,所述目标样式所确定的显示区域不超出所述浏览器的可视高度;
在所述显示区域内显示所述待加载提示信息包括:依据移动距离、所述待加载内容的整体高度、所述待加载内容的可视高度,确定处于所述显示页面以下的所述待加载内容的非可视高度,其中,所述移动距离是所述显示页面上的滚动条的移动距离;获取所述待加载内容的底部位置;在监测到所述显示页面中滚动条发生滚动的情况下,依据所述底部位置、所述待加载内容的可视高度和所述非可视高度,在所述显示区域内显示所述待加载提示信息,其中,所述显示区域处于距离待加载内容的非可视高度加50%的待加载内容的可视高度的位置;
其中,通过如下计算公式,得到所述显示页面以下的所述待加载内容的非可视高度:D=C-(A+B),其中,D为所述待加载内容的非可视高度,C为所述待加载内容的整体高度,A为所述移动距离,B为所述待加载内容的可视高度;
其中,在创建所述目标样式之后,所述方法还包括:依据所述目标样式,确定显示在所述显示区域的待加载内容的可视高度;根据所述待加载内容的可视高度,确定需要加载至所述显示区域的可视内容;
其中,在所述显示区域内显示所述待加载提示信息之后,所述方法还包括:删除所述目标样式。
2.根据权利要求1所述的方法,其特征在于,在确定需要加载至所述显示区域的可视内容之后,还包括:
接收滚动指令,其中,所述滚动指令为输入设备对滚动模块进行移动操作后生成的指令,所述滚动模块至少包括:设置在所述显示页面上的滚动条;
获取与所述滚动指令对应的所述滚动条的移动距离。
3.一种显示加载提示信息的装置,其特征在于,包括:
创建模块,用于在接收到加载指令的情况下,在浏览器的显示页面上创建目标样式,其中,所述目标样式依据所述浏览器的可视高度确定;
第一确定模块,用于依据所述目标样式确定待加载提示信息的显示区域;
显示模块,用于在所述显示区域内显示所述待加载提示信息;
第二确定模块,用于依据所述目标样式,确定显示在所述显示区域的待加载内容的可视高度;第三确定模块,用于根据所述待加载内容的可视高度,确定需要加载至所述显示区域的可视内容;
所述创建模块包括:获取单元,用于获取待加载内容的整体高度和所述浏览器的可视高度;创建单元,用于在所述待加载内容的整体高度大于所述浏览器的可视高度的情况下,创建所述目标样式,其中,所述目标样式所确定的显示区域不超出所述浏览器的可视高度;
所述显示模块还用于依据移动距离、所述待加载内容的整体高度、所述待加载内容的可视高度,确定处于所述显示页面以下的所述待加载内容的非可视高度,其中,所述移动距离是所述显示页面上的滚动条的移动距离;获取所述待加载内容的底部位置;在监测到所述显示页面中滚动条发生滚动的情况下,依据所述底部位置、所述待加载内容的可视高度和所述非可视高度,在所述显示区域内显示所述待加载提示信息,其中,所述显示区域处于距离待加载内容的非可视高度加50%的待加载内容的可视高度的位置;
其中,通过如下计算公式,得到所述显示页面以下的所述待加载内容的非可视高度:D=C-(A+B),其中,D为所述待加载内容的非可视高度,C为所述待加载内容的整体高度,A为所述移动距离,B为所述待加载内容的可视高度;
其中,在所述显示区域内显示所述待加载提示信息之后,删除所述目标样式。
4.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行权利要求1至2中任意一项所述的显示加载提示信息的方法。
5.一种处理器,其特征在于,所述处理器用于运行程序,其中,所述程序运行时执行权利要求1至2中任意一项所述的显示加载提示信息的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811126762.0A CN110955473B (zh) | 2018-09-26 | 2018-09-26 | 显示加载提示信息的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811126762.0A CN110955473B (zh) | 2018-09-26 | 2018-09-26 | 显示加载提示信息的方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110955473A CN110955473A (zh) | 2020-04-03 |
CN110955473B true CN110955473B (zh) | 2023-10-31 |
Family
ID=69966204
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811126762.0A Active CN110955473B (zh) | 2018-09-26 | 2018-09-26 | 显示加载提示信息的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110955473B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113190321A (zh) * | 2021-05-25 | 2021-07-30 | 上海万物新生环保科技集团有限公司 | 一种用于应用程序页面上拉刷新的方法及设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101499099A (zh) * | 2009-03-23 | 2009-08-05 | 深圳市金蝶中间件有限公司 | 一种web页面布局的方法及系统 |
CN102012787A (zh) * | 2010-11-19 | 2011-04-13 | 互动在线(北京)科技有限公司 | 层叠样式表实现非固定区域随浏览器高/宽度自适应方法 |
CN103678622A (zh) * | 2013-12-18 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 瀑布流式图片动态呈现的方法及装置 |
CN104765746A (zh) * | 2014-01-06 | 2015-07-08 | 腾讯科技(深圳)有限公司 | 用于移动通讯终端浏览器的数据处理方法和装置 |
CN106599008A (zh) * | 2015-10-20 | 2017-04-26 | 北大方正集团有限公司 | 基于瀑布流方式加载展示商品列表的方法、装置及客户端 |
CN107066174A (zh) * | 2017-04-13 | 2017-08-18 | 广州神马移动信息科技有限公司 | 浮层显示方法、装置及用户终端 |
CN107506126A (zh) * | 2017-07-12 | 2017-12-22 | 北京小鸟看看科技有限公司 | 动态数据显示方法和装置、计算设备及存储介质 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104102418B (zh) * | 2013-04-03 | 2015-08-26 | 腾讯科技(深圳)有限公司 | 一种移动终端浏览器中输入框目标位置定位方法及装置 |
-
2018
- 2018-09-26 CN CN201811126762.0A patent/CN110955473B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101499099A (zh) * | 2009-03-23 | 2009-08-05 | 深圳市金蝶中间件有限公司 | 一种web页面布局的方法及系统 |
CN102012787A (zh) * | 2010-11-19 | 2011-04-13 | 互动在线(北京)科技有限公司 | 层叠样式表实现非固定区域随浏览器高/宽度自适应方法 |
CN103678622A (zh) * | 2013-12-18 | 2014-03-26 | 百度在线网络技术(北京)有限公司 | 瀑布流式图片动态呈现的方法及装置 |
CN104765746A (zh) * | 2014-01-06 | 2015-07-08 | 腾讯科技(深圳)有限公司 | 用于移动通讯终端浏览器的数据处理方法和装置 |
CN106599008A (zh) * | 2015-10-20 | 2017-04-26 | 北大方正集团有限公司 | 基于瀑布流方式加载展示商品列表的方法、装置及客户端 |
CN107066174A (zh) * | 2017-04-13 | 2017-08-18 | 广州神马移动信息科技有限公司 | 浮层显示方法、装置及用户终端 |
CN107506126A (zh) * | 2017-07-12 | 2017-12-22 | 北京小鸟看看科技有限公司 | 动态数据显示方法和装置、计算设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
基于JavaScript的瀑布流式网页布局的设计与实现;梁莉菁;;萍乡学院学报(第03期);全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN110955473A (zh) | 2020-04-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP2021511592A (ja) | アプリケーションプログラム処理方法、装置、記憶媒体及びコンピュータデバイス | |
EP3442238A1 (en) | Video frame capturing method and device | |
CN111259284B (zh) | 页面懒加载的方法和装置、存储介质和处理器 | |
CN108153565B (zh) | 提供页面信息的方法及装置 | |
CN109117208B (zh) | 信息分享方法、装置、用户终端及可读存储介质 | |
CN106547580B (zh) | 挂钩函数的方法、装置、移动终端及存储介质 | |
CN107704241B (zh) | 一种页面状态切换的显示方法和装置 | |
CN109740041B (zh) | 网页爬取方法、装置、存储介质和计算机设备 | |
CN111324535B (zh) | 一种控件异常检测方法、装置和计算机设备 | |
CN110069254B (zh) | 文本显示方法、装置及服务器 | |
CN108319474B (zh) | 一种页面信息生成方法、装置和设备 | |
CN111813305A (zh) | 应用程序启动方法及装置 | |
CN104978124A (zh) | 一种终端展示图片的方法及终端 | |
CN110955473B (zh) | 显示加载提示信息的方法及装置 | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
CN108345683A (zh) | 网页显示方法、装置、终端及存储介质 | |
CN107562324A (zh) | 数据显示控制的方法和终端 | |
CN108268298B (zh) | 桌面图标的生成方法、装置、存储介质及电子设备 | |
CN107368558B (zh) | 数据对象的返回方法及装置 | |
CN115081423A (zh) | 文档编辑方法、装置、电子设备及存储介质 | |
CN112395028B (zh) | 页面检验方法、装置、终端以及存储介质 | |
CN113806197A (zh) | 一种页面加载时长计算方法方法及装置 | |
CN113722630A (zh) | 基于客户端渲染的资源数据在web页面中的呈现方法及设备 | |
CN113360692A (zh) | 轮播视图的展示方法与系统 | |
US20150378530A1 (en) | Command surface drill-in control |
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 |