CN111597488A - 页面加载方法、装置、电子设备及存储介质 - Google Patents

页面加载方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN111597488A
CN111597488A CN202010373879.XA CN202010373879A CN111597488A CN 111597488 A CN111597488 A CN 111597488A CN 202010373879 A CN202010373879 A CN 202010373879A CN 111597488 A CN111597488 A CN 111597488A
Authority
CN
China
Prior art keywords
page
data
target page
local storage
target
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.)
Pending
Application number
CN202010373879.XA
Other languages
English (en)
Inventor
郭艳
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Wuba Co Ltd
Original Assignee
Wuba Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Wuba Co Ltd filed Critical Wuba Co Ltd
Priority to CN202010373879.XA priority Critical patent/CN111597488A/zh
Publication of CN111597488A publication Critical patent/CN111597488A/zh
Pending legal-status Critical Current

Links

Images

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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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
    • 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/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请公开了页面加载方法、装置、电子设备及存储介质，当接收到用于指示加载目标页面的第一预设操作时，查找本地存储中是否存在目标页面的页面数据及表征目标页面对应的历史浏览位置的Scrolltop值，如果本地存储中存在该页面数据及Scrolltop值，根据该页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。由于在从目标页面进入到其他页面之前将目标页面的页面数据及Scrolltop值保存在了本地存储中，进而当从其他页面返回至目标页面时，可以直接使用保存的页面数据加载目标页面，无需重新请求数据，并根据保存的Scrolltop值将目标页面加载到历史浏览位置，无需用户手动调整，优化用户浏览体验。

Description

页面加载方法、装置、电子设备及存储介质
技术领域
本申请涉及计算机领域，尤其涉及一种页面加载方法、装置、电子设备及存储介质。
背景技术
相关技术中，终端用户在通过浏览器应用浏览网页时，如果所浏览的网页信息过多，可以通过网页提供的下拉功能调整浏览位置，如果所浏览的页面具有面向前端的其他网页的访问地址，可以通过网页上包含地址的操作控件切换页面，浏览器则会响应于用户操作执行页面跳转，例如从当前页面进入到一个新的页面和返回到上一页面。
一种典型的应用场景中，用户在列表页浏览帖子列表，并通过页面下拉功能调整浏览位置，当发现感兴趣的帖子时，点击帖子标题从而进入到该帖子的详情页，在详情页，用户可以点击返回按钮返回到列表页。
由于，当用户从新的页面返回到上一页面时，浏览器需要重新请求上一页面的页面数据，同时需要用户手动调整页面到上次浏览的位置，因此浪费网络及设备资源，并且影响用户体验。
发明内容
本申请提供一种页面加载方法、装置、电子设备及存储介质，以解决从其他页面返回到目标页面的场景中需要重新请求目标页面的页面数据，同时需要用户手动调整页面到上次浏览的位置，因此浪费网络及设备资源，并且影响用户体验的问题。
第一方面，本申请提供一种页面加载方法，所述方法包括：
接收第一预设操作，所述第一预设操作指示加载目标页面；
响应于所述第一预设操作，查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值，所述Scrolltop值表征所述目标页面对应的历史浏览位置；
如果本地存储中存在所述页面数据及Scrolltop值，根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。
进一步，所述方法还包括：
如果本地存储中不存在所述目标页面的页面数据，则从服务端获取所述目标页面的页面数据；
根据获取到的页面数据将所述目标页面加载到起始浏览位置。
进一步，所述根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置之后，或者所述根据获取到的页面数据将所述目标页面加载到起始浏览位置之后，所述方法还包括：
每隔预设间隔，获取所述目标页面的Scrolltop值；
将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中。
进一步，所述将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中，包括：
根据目标页面的页面标识在本地存储中查找上一次保存的Scrolltop值；
使用最近一次获取到的Scrolltop值替换本地存储中上一次保存的Scrolltop值。
进一步，所述从服务端获取所述目标页面的页面数据之后，所述方法还包括：
将所述目标页面的页面数据与所述目标页面的页面标识对应保存在本地存储中。
进一步，所述方法还包括：
接收第二预设操作，所述第二预设操作用于指示关闭所述目标页面；
响应于所述第二预设操作，清除本地存储中所述目标页面的页面数据及Scrolltop值。
进一步，所述查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值，包括：
查找本地存储中是否存在所述目标页面的页面标识；
如果存在所述页面标识，查找本地存储中是否存在与页面标识对应的页面数据及Scrolltop值；
如果存在与页面标识对应的页面数据及Scrolltop值，获取所述页面数据及Scrolltop值。
第二方面，本申请还提供一种页面加载装置，其特征在于，所述装置包括：
操作接收模块，用于接收第一预设操作，所述第一预设操作指示加载目标页面；
数据查找模块，用于响应于所述第一预设操作，查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值，所述Scrolltop值表征所述目标页面对应的历史浏览位置；
页面加载模块，用于如果本地存储中存在所述页面数据及Scrolltop值，根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。
进一步，所述装置还包括：
数据获取模块，用于如果本地存储中不存在所述目标页面的页面数据，则从服务端获取所述目标页面的页面数据；
所述页面加载模块，还用于根据获取到的页面数据将所述目标页面加载到起始浏览位置。
进一步，所述装置还包括：
Scrolltop值记录模块，用于每隔预设间隔，获取所述目标页面的Scrolltop值；
数据存储模块，用于将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中。
进一步，所述Scrolltop值记录模块，包括：
查找单元，用于根据目标页面的页面标识在本地存储中查找上一次保存的Scrolltop值；
更新单元，用于使用最近一次获取到的Scrolltop值替换本地存储中上一次保存的Scrolltop值。
进一步，所述数据存储模块，还用于将所述目标页面的页面数据与所述目标页面的页面标识对应保存在本地存储中。
进一步，所述操作接收模块还用于：
接收第二预设操作，所述第二预设操作用于指示关闭所述目标页面；
所述装置还包括数据清除模块，用于响应于所述第二预设操作，清除本地存储中所述目标页面的页面数据及Scrolltop值。
进一步，所述数据查找模块具体用于：
查找本地存储中是否存在所述目标页面的页面标识；
如果存在所述页面标识，查找本地存储中是否存在与页面标识对应的页面数据及Scrolltop值；
如果存在与页面标识对应的页面数据及Scrolltop值，获取所述页面数据及Scrolltop值。
第三方面，本申请还提供一种电子设备，包括：
存储器，用于存储程序指令；
处理器，用于调用并执行所述存储器中的程序指令，以实现第一方面任一项所述的方法。
第四方面，本申请还提供一种存储介质，其特征在于，所述存储介质中存储有计算机程序，当第二方面任一项所述的装置的至少一个处理器执行所述计算机程序时，所述装置执行第一方面所述的方法。
由以上技术方案可知，本申请实施例提供一种页面加载方法、装置、电子设备及存储介质，当接收到用于指示加载目标页面的第一预设操作时，查找本地存储中是否存在目标页面的页面数据及表征目标页面对应的历史浏览位置的Scrolltop值，如果本地存储中存在该页面数据及Scrolltop值，根据该页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。由于在从目标页面进入到其他页面之前将目标页面的页面数据及Scrolltop值保存在了本地存储中，进而当从其他页面返回至目标页面时，可以直接使用保存的页面数据加载目标页面，无需重新请求数据，并根据保存的Scrolltop值将目标页面加载到历史浏览位置，无需用户手动调整，优化用户浏览体验。
附图说明
为了更清楚地说明本申请的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1为本申请根据一示例性实施例示出的页面切换场景示意图；
图2为本申请根据一示例性实施例示出的页面加载方法流程图；
图3为本申请根据一示例性实施例示出的页面加载装置框图；
图4为本申请实施例提供的电子设备的硬件结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本申请中的技术方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。
终端用户在通过浏览器应用浏览网页时，如果所浏览的网页信息过多，可以通过网页提供的下拉功能调整浏览位置，如果所浏览的页面具有面向前端的其他网页的访问地址，可以通过网页上包含地址的操作控件切换页面，浏览器则会响应于用户操作执行页面跳转，例如从当前页面进入到一个新的页面和返回到上一页面。
图1为本申请根据一示例性实施例示出的页面切换场景示意图，如图1所示，一级页面提供多个包含二级页面地址的操作控件，通过页面的下拉功能可以调整页面的浏览位置，当用户在一级页面上点击控件时，加载对应的二级页面，在二级页面，点击返回按钮可再次进入到该一级页面。
另外，二级页面也可以提供多个包含三级页面地址的操作控件，在二级页面上点击控件可进入到该二级页面对应的三级页面，在三级页面，点击返回按钮可再次进入到该二级页面。
结合图1，在一些实施例中，当从二级页面返回到一级页面或者从三级页面返回到二级页面时，浏览器需要重新请求一级页面或者二级页面的页面数据，并且重新加载的页面会从起始浏览位置开始展示。
在另一实施例中，当从一级页面或者二级页面点击与已经点击过的控件进而再次进入到某二级页面或者三级页面时，浏览器也需要重新请求该二级页面或三级页面的页面数据，并且重新加载的页面会从起始浏览位置开始展示。
在以上两种实施例中，若要回到上一次离开页面时的浏览位置，需要用户手动滚动调整页面到上次浏览的位置，因此浪费网络及设备资源，并且影响用户体验。
为了解决上述技术问题，本申请实施例提供一种页面加载方法，该方法在从目标页面进入到如其下级页面的其他页面之前，将目标页面的页面数据及Scrolltop值保存在本地存储中，进而当从其他页面返回至目标页面时，可以直接使用保存的页面数据加载目标页面，无需重新请求数据，并根据保存的Scrolltop值将目标页面加载到历史浏览位置，无需用户手动调整，优化用户浏览体验。
图2为本申请根据一示例性实施例示出的页面加载方法流程图，如图2所示，该方法可以包括：
步骤100，接收第一预设操作，所述第一预设操作指示加载目标页面。
本实施例中，第一预设操作是指用户从当前页面输入的用于指示加载目标页面的操作。
结合图1，目标页面可以是一级页面或二级页面。如果目标页面是一级页面，则第一预设操作可以从任意一个二级页面点击返回按钮的用户操作，当然也可以是从其他页面输入的可以触发加载该一级页面的用户操作；如果目标页面是某二级页面，则第一预设操作可以为从一级页面点击包含该二级页面的地址的控件的用户操作，还可以为从该二级页面下的三级页面点击返回按钮的用户操作。
在本申请背景技术部分所述的典型场景中，目标页面可以为列表页，第一预设操作可以为从任意一个帖子的详情页点击返回按钮的用户操作，也可以是从该列表页的上级页面输入的触发进入该列表页的用户操作。
步骤200，响应于所述第一预设操作，查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值，如果查找到，执行步骤300，如果未查找到，执行步骤400。
由于接收到第一预设操作的场景可能为从目标页面的上级页面或者下级页面返回到目标页面的场景，即并非首次进入到目标页面，因此为了避免在该类场景中重新从服务端获取目标页面的页面数据，本实施例在首次加载目标页面后，将目标页面的页面数据临时保存在本地存储中，同时保存最近一次离开目标页面时的Scrolltop值。以HTML5类型的页面为例，创建sessionStorage对象，用于临时保存页面数据及Scrolltop值。
需要说明的是，本申请涉及的目标页面的页面数据是指用于显示目标页面所需的全部数据，包括页面元素数据、参数数据等。电子设备的处理器根据目标页面的页面数据，绘制出目标页面，并显示在电子设备的屏幕上。
浏览位置指的是用户正在浏览的内容在页面中的位置，例如页面的顶部、中部或底部，通过上下滑动页面可以调整浏览位置。浏览位置可以通过Scrolltop值进行记载/表征，Scrolltop值为页面对象最顶端与窗口中可见内容最顶端之间的距离值，该值是对页面的浏览位置的表征。由于本申请将最近一次离开目标页面时的Scrolltop值保存在本地存储中，因此该Scrolltop值可以表征目标页面的历史浏览位置。Scrolltop值可以通过Scrolltop()方法获取并设置。
进而，当接收第一预设操作时，首先在本地存储中查找是否存在目标页面的页面数据及Scrolltop值，如果存在，即可直接使用本地存储中的页面数据及Scrolltop值加载目标页面及设置目标页面初始的Scrolltop值，从而无需重新从服务端请求数据，且能直接将目标页面加载到历史浏览位置。
作为一种可能的实现方式，首先在本地存储中查找是否存在目标页面的页面数据；如果本地存储中存在目标页面的页面数据，则在本地存储中查找是否存在目标页面的Scrolltop值，如果本地存储中不存在目标页面的页面数据，则无需查找目标页面的Scrolltop值，而执行从服务端获取所述目标页面的页面数据的步骤。
作为一种可能的实现方式，页面数据及Scrolltop值与页面标识相对应地保存在本地存储中，例如使用Key-Value的数据格式，以页面标识为Key值，以页面数据及Scrolltop值为该Key值对应的Value值，实现页面数据及Scrolltop值与页面标识的对应保存。
基于此，查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值可以包括：首先查找本地存储中是否存在值为目标页面的页面标识；如果存在页面标识，查找本地存储中是否存在与页面标识对应的页面数据及Scrolltop值；如果存在与页面标识对应的页面数据及Scrolltop值，获取该页面数据及Scrolltop值。
如果本地存储中存在所述目标页面的页面数据及Scrolltop值，则在步骤300中，根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。
反之，如果本地存储中不存在所述目标页面的页面数据，则在步骤400中，从服务端获取所述目标页面的页面数据，根据获取到的页面数据将所述目标页面加载到起始浏览位置。
如果本地存储中不存在目标页面的页面数据，说明未曾存储过该页面数据，或者该页面数据在页面关闭或者浏览应用关闭后被清除，此时，需要从服务端获取该页面数据，并将页面展示到起始浏览位置，即Scrolltop值＝0对应的位置。
本实施例方法中，通过步骤300或者步骤400加载目标页面成功后，还可以执行步骤500。
在步骤500中，每隔预设间隔，获取所述目标页面的Scrolltop值；将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中。
例如，在用户浏览目标页面的过程中，每隔100ms获取一次目标页面的Scrolltop值，并将获取到的Scrolltop值与目标页面的页面标识对应保存在本地存储中，以实现对浏览位置的实时记录。
在一些实施例中，使用Key-Value的格式，以页面标识为Key值、以Scrolltop值为该Key的Value值对应保存页面标识和Scrolltop值。
在一些实施例中，根据目标页面的页面标识在本地存储中查找上一次保存的Scrolltop值，使用最近一次获取到的Scrolltop值替换本地存储中上一次保存的Scrolltop值，而无需一直保留每个时刻对应的Scrolltop值。
在本申请实施例中，为了避免在返回目标页面的场景中重新从服务端获取目标页面的页面数据，在通过步骤400加载目标页面成功后，还可以执行步骤600。
在步骤600中，将所述目标页面的页面数据与所述目标页面的页面标识对应保存在本地存储中。
例如使用Key-Value的数据格式，以页面标识为Key值、以页面数据为该Key的Value值，实现对页面标识和页面数据的对应保存。
由于在从目标页面进入到其他页面之前将目标页面的页面数据及Scrolltop值保存在了本地存储中，进而当从其他页面返回至目标页面时，可以直接使用保存的页面数据加载目标页面，无需重新请求数据，尤其对于在一级页面和二级页面之间(如列表页和详情页之间)频繁切换的场景，本申请方法可以避免多次重复的数据请求过程，提高网页性能。另外，根据保存的Scrolltop值将目标页面加载到历史浏览位置，无需用户手动调整，优化用户浏览体验，有助于提高页面浏览量。
在一些实施例中，本实施例方法在执行步骤100-600过程中，还可以接收第二预设操作，该第二预设操作用于指示关闭所述目标页面；然后响应于该第二预设操作，清除本地存储中目标页面的页面数据及Scrolltop值。由于在目标页面关闭候即刻销毁存储的页面数据及Scrolltop值，可以大大降低本地存储的占用率。
由以上实施例可知，本申请实施例提供一种页面加载方法，当接收到用于指示加载目标页面的第一预设操作时，查找本地存储中是否存在目标页面的页面数据及表征目标页面对应的历史浏览位置的Scrolltop值，如果本地存储中存在该页面数据及Scrolltop值，根据该页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。由于在从目标页面进入到其他页面之前将目标页面的页面数据及Scrolltop值保存在了本地存储中，进而当从其他页面返回至目标页面时，可以直接使用保存的页面数据加载目标页面，无需重新请求数据，并根据保存的Scrolltop值将目标页面加载到历史浏览位置，无需用户手动调整，优化用户浏览体验。
根据上述实施例提供的页面加载方法，本申请实施例还提供一种页面加载装置，图3为本申请根据一示例性实施例示出的页面加载装置框图，如图3所示，该装置可以包括：操作接收模块310，用于接收第一预设操作，所述第一预设操作指示加载目标页面；数据查找模块320，用于响应于所述第一预设操作，查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值，所述Scrolltop值表征所述目标页面对应的历史浏览位置；页面加载模块330，用于如果本地存储中存在所述页面数据及Scrolltop值，根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。
在一些实施例中，所述装置还包括：数据获取模块，用于如果本地存储中不存在所述目标页面的页面数据，则从服务端获取所述目标页面的页面数据；所述页面加载模块，还用于根据获取到的页面数据将所述目标页面加载到起始浏览位置。
在一些实施例中，所述装置还包括：Scrolltop值记录模块，用于每隔预设间隔，获取所述目标页面的Scrolltop值；数据存储模块，用于将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中。
在一些实施例中，所述Scrolltop值记录模块，包括：查找单元，用于根据目标页面的页面标识在本地存储中查找上一次保存的Scrolltop值；更新单元，用于使用最近一次获取到的Scrolltop值替换本地存储中上一次保存的Scrolltop值。
在一些实施例中，所述数据存储模块，还用于将所述目标页面的页面数据与所述目标页面的页面标识对应保存在本地存储中。
在一些实施例中，所述操作接收模块还用于：接收第二预设操作，所述第二预设操作用于指示关闭所述目标页面；所述装置还包括数据清除模块，用于响应于所述第二预设操作，清除本地存储中所述目标页面的页面数据及Scrolltop值。
在一些实施例中，所述数据查找模块具体用于：查找本地存储中是否存在所述目标页面的页面标识；如果存在所述页面标识，查找本地存储中是否存在与页面标识对应的页面数据及Scrolltop值；如果存在与页面标识对应的页面数据及Scrolltop值，获取所述页面数据及Scrolltop值。
图4为本申请实施例提供的电子设备的硬件结构示意图。如图4所示，该电子设备，可以包括：存储器401，用于存储程序指令；处理器402，用于调用并执行所述存储器中的程序指令，以实现上述页面加载方法。
本实施例中，处理器和存储器可通过总线或其他方式连接。处理器可以是通用处理器，例如中央处理器、数字信号处理器、专用集成电路，或者被配置成实施本发明实施例的一个或多个集成电路。存储器可以包括易失性存储器，例如随机存取存储器；存储器也可以包括非易失性存储器，例如只读存储器、快闪存储器、硬盘或固态硬盘。
具体实现中，本发明还提供一种计算机存储介质，其中，该计算机存储介质可存储有计算程序，当页面加载装置的至少一个处理器执行所述计算机程序时，页面加载装置执行本申请页面加载方法的各实施例中的部分或全部步骤。所述的存储介质可为磁碟、光盘、只读存储记忆体(英文：read-only memory，简称：ROM)或随机存储记忆体(英文：randomaccess memory，简称：RAM)等。
本领域的技术人员可以清楚地了解到本发明实施例中的技术可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明实施例中的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。
本说明书中各个实施例之间相同相似的部分互相参见即可。尤其，对于装置、电子设备及存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例中的说明即可。
以上所述的本发明实施方式并不构成对本发明保护范围的限定。

Claims (16)

1.一种页面加载方法，其特征在于，所述方法包括：
接收第一预设操作，所述第一预设操作指示加载目标页面；
响应于所述第一预设操作，查找本地存储中是否存在用于显示所述目标页面所需的页面数据及Scrolltop值，所述Scrolltop值表征所述目标页面对应的历史浏览位置；
如果本地存储中存在所述页面数据及Scrolltop值，根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
如果本地存储中不存在所述目标页面的页面数据，则从服务端获取所述目标页面的页面数据；
根据获取到的页面数据将所述目标页面加载到起始浏览位置。
3.根据权利要求2所述的方法，其特征在于，所述根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置之后，或者所述根据获取到的页面数据将所述目标页面加载到起始浏览位置之后，所述方法还包括：
每隔预设间隔，获取所述目标页面的Scrolltop值；
将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中。
4.根据权利要求3所述的方法，其特征在于，所述将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中，包括：
根据目标页面的页面标识在本地存储中查找上一次保存的Scrolltop值；
使用最近一次获取到的Scrolltop值替换本地存储中上一次保存的Scrolltop值。
5.根据权利要求2所述的方法，其特征在于，所述从服务端获取所述目标页面的页面数据之后，所述方法还包括：
将所述目标页面的页面数据与所述目标页面的页面标识对应保存在本地存储中。
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
接收第二预设操作，所述第二预设操作用于指示关闭所述目标页面；
响应于所述第二预设操作，清除本地存储中所述目标页面的页面数据及Scrolltop值。
7.根据权利要求1所述的方法，其特征在于，所述查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值，包括：
查找本地存储中是否存在所述目标页面的页面标识；
如果存在所述页面标识，查找本地存储中是否存在与页面标识对应的页面数据及Scrolltop值；
如果存在与页面标识对应的页面数据及Scrolltop值，获取所述页面数据及Scrolltop值。
8.一种页面加载装置，其特征在于，所述装置包括：
操作接收模块，用于接收第一预设操作，所述第一预设操作指示加载目标页面；
数据查找模块，用于响应于所述第一预设操作，查找本地存储中是否存在用于显示所述目标页面所需的页面数据及Scrolltop值，所述Scrolltop值表征所述目标页面对应的历史浏览位置；
页面加载模块，用于如果本地存储中存在所述页面数据及Scrolltop值，根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。
9.根据权利要求8所述的装置，其特征在于，所述装置还包括：
数据获取模块，用于如果本地存储中不存在所述目标页面的页面数据，则从服务端获取所述目标页面的页面数据；
所述页面加载模块，还用于根据获取到的页面数据将所述目标页面加载到起始浏览位置。
10.根据权利要求9所述的装置，其特征在于，所述装置还包括：
Scrolltop值记录模块，用于每隔预设间隔，获取所述目标页面的Scrolltop值；
数据存储模块，用于将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储中。
11.根据权利要求10所述的装置，其特征在于，所述Scrolltop值记录模块，包括：
查找单元，用于根据目标页面的页面标识在本地存储中查找上一次保存的Scrolltop值；
更新单元，用于使用最近一次获取到的Scrolltop值替换本地存储中上一次保存的Scrolltop值。
12.根据权利要求11所述的装置，其特征在于，所述数据存储模块，还用于将所述目标页面的页面数据与所述目标页面的页面标识对应保存在本地存储中。
13.根据权利要求8所述的装置，其特征在于，所述操作接收模块还用于：
接收第二预设操作，所述第二预设操作用于指示关闭所述目标页面；
所述装置还包括数据清除模块，用于响应于所述第二预设操作，清除本地存储中所述目标页面的页面数据及Scrolltop值。
14.根据权利要求8所述的装置，其特征在于，所述数据查找模块具体用于：
查找本地存储中是否存在所述目标页面的页面标识；
如果存在所述页面标识，查找本地存储中是否存在与页面标识对应的页面数据及Scrolltop值；
如果存在与页面标识对应的页面数据及Scrolltop值，获取所述页面数据及Scrolltop值。
15.一种电子设备，其特征在于，包括：
存储器，用于存储程序指令；
处理器，用于调用并执行所述存储器中的程序指令，以实现权利要求1-7任一项所述的方法。
16.一种存储介质，其特征在于，所述存储介质中存储有计算机程序，当权利要求8-14任一项所述的装置的至少一个处理器执行所述计算机程序时，所述装置执行权利要求1-7任一项所述的方法。
CN202010373879.XA 2020-05-06 2020-05-06 页面加载方法、装置、电子设备及存储介质 Pending CN111597488A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010373879.XA CN111597488A (zh) 2020-05-06 2020-05-06 页面加载方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010373879.XA CN111597488A (zh) 2020-05-06 2020-05-06 页面加载方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN111597488A true CN111597488A (zh) 2020-08-28

Family

ID=72191007

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010373879.XA Pending CN111597488A (zh) 2020-05-06 2020-05-06 页面加载方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN111597488A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113987381A (zh) * 2021-10-22 2022-01-28 上海淇玥信息技术有限公司 一种页面切换去抖动的方法、装置及电子设备
CN115097992A (zh) * 2022-06-28 2022-09-23 挂号网（杭州）科技有限公司 页面访问方法、装置、电子设备及存储介质
CN115292625A (zh) * 2022-06-26 2022-11-04 杭州美创科技有限公司 单页面应用持久化状态管理方法、装置、计算机设备及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020196273A1 (en) * 2001-06-22 2002-12-26 Krause Philip R. Method and apparatus for consolidating network information
CN105677327A (zh) * 2015-12-30 2016-06-15 合一网络技术(北京)有限公司 一种页面信息预加载的方法及系统
CN106372251A (zh) * 2016-09-28 2017-02-01 北京京东尚科信息技术有限公司 一种返回页面显示位置的方法和装置
CN106528627A (zh) * 2016-10-01 2017-03-22 奇酷互联网络科技（深圳）有限公司 加载定位网页浏览位置的方法及装置
CN109032457A (zh) * 2017-08-18 2018-12-18 金蝶软件（中国）有限公司 页面显示方法、装置、终端和存储介质
CN110457613A (zh) * 2019-05-24 2019-11-15 平安普惠企业管理有限公司 页面数据加载控制方法、装置、计算机设备及存储介质
CN110515688A (zh) * 2019-08-28 2019-11-29 广州酷狗计算机科技有限公司 页面显示方法、装置、终端及存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020196273A1 (en) * 2001-06-22 2002-12-26 Krause Philip R. Method and apparatus for consolidating network information
CN105677327A (zh) * 2015-12-30 2016-06-15 合一网络技术(北京)有限公司 一种页面信息预加载的方法及系统
CN106372251A (zh) * 2016-09-28 2017-02-01 北京京东尚科信息技术有限公司 一种返回页面显示位置的方法和装置
CN106528627A (zh) * 2016-10-01 2017-03-22 奇酷互联网络科技（深圳）有限公司 加载定位网页浏览位置的方法及装置
CN109032457A (zh) * 2017-08-18 2018-12-18 金蝶软件（中国）有限公司 页面显示方法、装置、终端和存储介质
CN110457613A (zh) * 2019-05-24 2019-11-15 平安普惠企业管理有限公司 页面数据加载控制方法、装置、计算机设备及存储介质
CN110515688A (zh) * 2019-08-28 2019-11-29 广州酷狗计算机科技有限公司 页面显示方法、装置、终端及存储介质

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113987381A (zh) * 2021-10-22 2022-01-28 上海淇玥信息技术有限公司 一种页面切换去抖动的方法、装置及电子设备
CN115292625A (zh) * 2022-06-26 2022-11-04 杭州美创科技有限公司 单页面应用持久化状态管理方法、装置、计算机设备及存储介质
CN115292625B (zh) * 2022-06-26 2024-01-30 杭州美创科技股份有限公司 单页面应用持久化状态管理方法、装置、计算机设备及存储介质
CN115097992A (zh) * 2022-06-28 2022-09-23 挂号网（杭州）科技有限公司 页面访问方法、装置、电子设备及存储介质
CN115097992B (zh) * 2022-06-28 2024-09-06 挂号网（杭州）科技有限公司 页面访问方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN106294648B (zh) 一种针对页面访问路径的处理方法及装置
CN111597488A (zh) 页面加载方法、装置、电子设备及存储介质
US10699061B2 (en) Application page quick access
CN107784516B (zh) 广告投放方法和装置
CN105550356B (zh) 一种浏览内容预加载方法及终端
CN106844635B (zh) 网页中的元素的编辑方法及装置
CN111475246A (zh) 小程序页面显示方法、装置、终端和存储介质
CN106095917B (zh) 一种书签保存、展示方法、装置及浏览器
CN109814779B (zh) 菜单显示方法、装置、计算机设备及存储介质
CN105183890B (zh) 基于浏览器的网页加载方法和浏览器装置
WO2014032589A1 (en) Window switching method and apparatus
CN112306256B (zh) 应用程序切换处理方法、装置和电子设备
CN113568540A (zh) Web应用中的功能菜单显示方法、装置、设备及介质
CN111026964B (zh) 榜单页面的展示方法、电子设备及计算机存储介质
CN111090797A (zh) 数据获取方法、装置、计算机设备和存储介质
CN114579912A (zh) 页面布局方法、装置、设备及介质
CN110825600B (zh) 一种页面信息处理方法、服务器和页面展示装置
CN113010814A (zh) 网页内容的处理方法、计算设备及计算机存储介质
CN117389611A (zh) 一种页面元素加载方法、装置、设备及存储介质
CN107807993B (zh) 一种网页历史记录功能的实现方法及装置
CN114519153B (zh) 一种网页历史记录显示方法、装置、设备及存储介质
CN111538453A (zh) 书籍详情页面的显示方法、终端及计算机存储介质
CN112559925B (zh) 广告屏蔽方法、装置、计算机设备和存储介质
CN110515618A (zh) 页面信息录入优化方法、设备、存储介质及装置
CN115629695A (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
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20200828