logo好方法网

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


技术摘要:
本申请公开了页面加载方法、装置、电子设备及存储介质,当接收到用于指示加载目标页面的第一预设操作时,查找本地存储中是否存在目标页面的页面数据及表征目标页面对应的历史浏览位置的Scrolltop值,如果本地存储中存在该页面数据及Scrolltop值,根据该页面数据及Scrol  全部
背景技术:
相关技术中,终端用户在通过浏览器应用浏览网页时,如果所浏览的网页信息过 多,可以通过网页提供的下拉功能调整浏览位置,如果所浏览的页面具有面向前端的其他 网页的访问地址,可以通过网页上包含地址的操作控件切换页面,浏览器则会响应于用户 操作执行页面跳转,例如从当前页面进入到一个新的页面和返回到上一页面。 一种典型的应用场景中,用户在列表页浏览帖子列表,并通过页面下拉功能调整 浏览位置,当发现感兴趣的帖子时,点击帖子标题从而进入到该帖子的详情页,在详情页, 用户可以点击返回按钮返回到列表页。 由于,当用户从新的页面返回到上一页面时,浏览器需要重新请求上一页面的页 面数据,同时需要用户手动调整页面到上次浏览的位置,因此浪费网络及设备资源,并且影 响用户体验。
技术实现要素:
本申请提供一种页面加载方法、装置、电子设备及存储介质,以解决从其他页面返 回到目标页面的场景中需要重新请求目标页面的页面数据,同时需要用户手动调整页面到 上次浏览的位置,因此浪费网络及设备资源,并且影响用户体验的问题。 第一方面,本申请提供一种页面加载方法,所述方法包括: 接收第一预设操作,所述第一预设操作指示加载目标页面; 响应于所述第一预设操作,查找本地存储中是否存在所述目标页面的页面数据及 Scrolltop值,所述Scrolltop值表征所述目标页面对应的历史浏览位置; 如果本地存储中存在所述页面数据及Scrolltop值,根据所述页面数据及 Scrolltop值将所述目标页面加载到所述历史浏览位置。 进一步,所述方法还包括: 如果本地存储中不存在所述目标页面的页面数据,则从服务端获取所述目标页面 的页面数据; 根据获取到的页面数据将所述目标页面加载到起始浏览位置。 进一步,所述根据所述页面数据及Scrolltop值将所述目标页面加载到所述历史 浏览位置之后,或者所述根据获取到的页面数据将所述目标页面加载到起始浏览位置之 后,所述方法还包括: 每隔预设间隔,获取所述目标页面的Scrolltop值; 将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存在本地存储 中。 4 CN 111597488 A 说 明 书 2/8 页 进一步,所述将获取到的所述Scrolltop值与所述目标页面的页面标识对应保存 在本地存储中,包括: 根据目标页面的页面标识在本地存储中查找上一次保存的Scrolltop值; 使用最近一次获取到的Scrolltop值替换本地存储中上一次保存的Scrolltop值。 进一步,所述从服务端获取所述目标页面的页面数据之后,所述方法还包括: 将所述目标页面的页面数据与所述目标页面的页面标识对应保存在本地存储中。 进一步,所述方法还包括: 接收第二预设操作,所述第二预设操作用于指示关闭所述目标页面; 响应于所述第二预设操作,清除本地存储中所述目标页面的页面数据及 Scrolltop值。 进一步,所述查找本地存储中是否存在所述目标页面的页面数据及Scrolltop值, 包括: 查找本地存储中是否存在所述目标页面的页面标识; 如果存在所述页面标识,查找本地存储中是否存在与页面标识对应的页面数据及 Scrolltop值; 如果存在与页面标识对应的页面数据及Scrolltop值,获取所述页面数据及 Scrolltop值。 第二方面,本申请还提供一种页面加载装置,其特征在于,所述装置包括: 操作接收模块,用于接收第一预设操作,所述第一预设操作指示加载目标页面; 数据查找模块,用于响应于所述第一预设操作,查找本地存储中是否存在所述目 标页面的页面数据及Scrolltop值,所述Scrolltop值表征所述目标页面对应的历史浏览位 置; 页面加载模块,用于如果本地存储中存在所述页面数据及Scrolltop值,根据所述 页面数据及Scrolltop值将所述目标页面加载到所述历史浏览位置。 进一步,所述装置还包括: 数据获取模块,用于如果本地存储中不存在所述目标页面的页面数据,则从服务 端获取所述目标页面的页面数据; 所述页面加载模块,还用于根据获取到的页面数据将所述目标页面加载到起始浏 览位置。 进一步,所述装置还包括: Scrolltop值记录模块,用于每隔预设间隔,获取所述目标页面的Scrolltop值; 数据存储模块,用于将获取到的所述Scrolltop值与所述目标页面的页面标识对 应保存在本地存储中。 进一步,所述Scrolltop值记录模块,包括: 查找单元,用于根据目标页面的页面标识在本地存储中查找上一次保存的 Scrolltop值; 更新单元,用于使用最近一次获取到的Scrolltop值替换本地存储中上一次保存 的Scrolltop值。 进一步,所述数据存储模块,还用于将所述目标页面的页面数据与所述目标页面 5 CN 111597488 A 说 明 书 3/8 页 的页面标识对应保存在本地存储中。 进一步,所述操作接收模块还用于: 接收第二预设操作,所述第二预设操作用于指示关闭所述目标页面; 所述装置还包括数据清除模块,用于响应于所述第二预设操作,清除本地存储中 所述目标页面的页面数据及Scrolltop值。 进一步,所述数据查找模块具体用于: 查找本地存储中是否存在所述目标页面的页面标识; 如果存在所述页面标识,查找本地存储中是否存在与页面标识对应的页面数据及 Scrolltop值; 如果存在与页面标识对应的页面数据及Scrolltop值,获取所述页面数据及 Scrolltop值。 第三方面,本申请还提供一种电子设备,包括: 存储器,用于存储程序指令; 处理器,用于调用并执行所述存储器中的程序指令,以实现第一方面任一项所述 的方法。 第四方面,本申请还提供一种存储介质,其特征在于,所述存储介质中存储有计算 机程序,当第二方面任一项所述的装置的至少一个处理器执行所述计算机程序时,所述装 置执行第一方面所述的方法。 由以上技术方案可知,本申请实施例提供一种页面加载方法、装置、电子设备及存 储介质,当接收到用于指示加载目标页面的第一预设操作时,查找本地存储中是否存在目 标页面的页面数据及表征目标页面对应的历史浏览位置的Scrolltop值,如果本地存储中 存在该页面数据及Scrolltop值,根据该页面数据及Scrolltop值将所述目标页面加载到所 述历史浏览位置。由于在从目标页面进入到其他页面之前将目标页面的页面数据及 Scrolltop值保存在了本地存储中,进而当从其他页面返回至目标页面时,可以直接使用保 存的页面数据加载目标页面,无需重新请求数据,并根据保存的Scrolltop值将目标页面加 载到历史浏览位置,无需用户手动调整,优化用户浏览体验。 附图说明 为了更清楚地说明本申请的技术方案,下面将对实施例中所需要使用的附图作简 单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下, 还可以根据这些附图获得其他的附图。 图1为本申请根据一示例性实施例示出的页面切换场景示意图; 图2为本申请根据一示例性实施例示出的页面加载方法流程图; 图3为本申请根据一示例性实施例示出的页面加载装置框图; 图4为本申请实施例提供的电子设备的硬件结构示意图。
分享到:
收藏