CN110209966B - 一种网页刷新方法、网页系统及电子设备 - Google Patents

一种网页刷新方法、网页系统及电子设备 Download PDF

Info

Publication number
CN110209966B
CN110209966B CN201910299518.2A CN201910299518A CN110209966B CN 110209966 B CN110209966 B CN 110209966B CN 201910299518 A CN201910299518 A CN 201910299518A CN 110209966 B CN110209966 B CN 110209966B
Authority
CN
China
Prior art keywords
page
subframe
identifier
identification
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.)
Active
Application number
CN201910299518.2A
Other languages
English (en)
Other versions
CN110209966A (zh
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.)
Hefei Youquan Information Technology Co ltd
Original Assignee
Youxinpai Beijing Information Technology 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 Youxinpai Beijing Information Technology Co ltd filed Critical Youxinpai Beijing Information Technology Co ltd
Priority to CN201910299518.2A priority Critical patent/CN110209966B/zh
Publication of CN110209966A publication Critical patent/CN110209966A/zh
Application granted granted Critical
Publication of CN110209966B publication Critical patent/CN110209966B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation

Abstract

本发明提供一种网页刷新方法、网页系统及电子设备,所述网页包括至少一个子框架,所述子框架用于显示至少一个目标页面中的一个页面,其特征在于,所述方法包括:将所述子框架显示的目标页面的页面标识保存为页面标识记录;页面加载时,获取所述页面标识;根据获取的页面标识设置所述子框架所要显示的目标页面。采用本发明的网页刷新方法、系统及设备,可以在用户刷新网页后保留刷新前的子框架页面内容,大大提高了用户体验度。

Description

一种网页刷新方法、网页系统及电子设备
技术领域
本发明属于互联网技术领域,特别涉及一种网页刷新方法、网页系统及电子设备。
背景技术
在互联网应用中,浏览器中的网页经常使用框架(frame)布局。即,将一个页面划分为多个区域,每个区域显示不同的内容。常见的如,将网页页面划分为3个部分,包括上面的标题子框架,左侧的导航栏子框架,以及右下角的主体内容子框架(子页面)。导航栏通常包含多个可点击的连接,用于切换右下角的主体内容子页面。
现有技术中,较为常用的是采用html超文本标记语言(标准通用标记语言的一个应用,是网页制作必备的编程语言),特别是目前通用的html5,来实现网页,采用iframe布局技术实现上述页面划分。有很多网页看上去是一个网页,但实际上它其中可能镶嵌有其它网页,iframe标签就可以把其它网页无缝地嵌入在一个页面中。iframe主要用于包含多个网页的共有部分,如导航栏、广告栏等的网页页面。
采用html5的iframe技术可以实现上述导航页面布局,但是存在这样的问题:右下角主体内容子页面可以显示默认子页面内容(即用户首次登陆后的内容),用户点击导航栏的其他连接后,该主体内容子页面更新,显示当前选中的导航连接所对应的主题内容。此时,如果用户刷新浏览器页面,该子页面的内容会自动跳变回默认子页面内容,而不是保持选中的连接对应的子页面内容,如果用户要查看刷新前的子页面内容,需要重新切换点击导航连接,用户体验差。
发明内容
针对上述问题,本发明提供一种网页刷新方法、网页系统及电子设备。
一种网页刷新方法,所述网页包括至少一个子框架,所述子框架用于显示至少一个目标页面中的一个页面,方法包括:
将所述子框架显示的目标页面的页面标识保存为页面标识记录;
页面加载时,获取所述页面标识;
根据获取的页面标识设置所述子框架所要显示的目标页面。
进一步地,
所述将所述子框架显示的目标页面的页面标识保存为页面标识记录包括:
监测切换所述子框架显示的目标页面动作,并在监测到所述动作后,将切换后的目标页面的页面标识保存为所述页面标识记录。
进一步地,方法包括:
用户登录后或所述页面标识记录不合法时,将所述页面标识记录设置为子框架显示的目标页面标识的系统默认值。
进一步地,
所述页面标识记录保存在:
浏览器缓存中,和/或
LocalStorage中,和/或
Redis服务器中。
进一步地,
所述子框架为iframe控件;
所述根据获取的页面标识设置所述子框架所要显示的目标页面包括:将页面标识记录设为iframe的src属性。
进一步地,
所述页面加载时,获取所述页面标识包括:
整个网页页面加载时自动获取所述页面标识;或
监测页面刷新操作动作,然后获取所述页面标识,所述刷新操作包括:键盘操作和/或浏览器右键菜单刷新命令。
一种网页系统,网页包括至少一个子框架,所述子框架用于显示至少一个目标页面中的一个页面,方法包括:
标识存储模块,用于将所述子框架显示的目标页面的页面标识保存为页面标识记录;
标识获取模块,用于在页面加载或刷新时,获取所述页面标识;
目标页面设置模块,用于根据获取的页面标识设置所述子框架所要显示的目标页面。
进一步地,系统包括:
切换监测模块,用于监测切换所述框架显示的目标页面动作,并在监测到所述动作后,通过所述标识存储模块,将切换后的目标页面的页面标识保存为所述页面标识记录。
进一步地,系统还包括:
标识重置模块,用于在用户登录后或所述页面标识记录为空时,将所述页面标识记录设置为子框架显示的目标页面标识的系统默认值。
一种电子设备,包括至少一个处理器以及与所述至少一个处理器通信连接的存储器,所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行时,使所述至少一个处理器执行上述网页刷新的方法。
采用本发明的网页刷新方法、网页系统及电子设备,可以在用户刷新网页后保留刷新前的子框架页面内容,通过保存切换子页面是的目标子页面标识,能够实现刷新页面后保留最后一次使用的目标子页面,避免用户正在浏览的子框架页面因刷新而被迫消失,大大提高了用户体验度;同时,进一步地通过登录重置保存的页面标识记录,保证不同用户操作的独立性。
本发明的其它特征和优点将在随后的说明书中阐述,并且,部分地从说明书中变得显而易见,或者通过实施本发明而了解。本发明的目的和其他优点可通过在说明书、权利要求书以及附图中所指出的结构来实现和获得。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1(a)示出了根据现有技术的iframe布局网页第一状态下的示意图;
图1(b)示出了根据现有技术的iframe布局网页第二状态下的示意图;
图1(c)示出了根据现有技术的iframe布局网页第三状态下的示意图;
图2示出了根据本发明实施例的网页刷新方法流程图;
图3示出了根据本发明实施例的网页刷新方法用户操作流程图;
图4示出了根据本发明实施例的网页系统示意图;
图5示出了根据本发明实施例的一种电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地说明,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
网页页面经常使用html的iframe标签进行页面布局。本发明以汽车交易商业网站的后台管理平台为例,对iframe布局的网页刷新问题进行说明,但并非仅仅限于此。图1(a)-图1(c)示例性地给出了一种常见的网页布局结构示意图,页面主要被三个部分,分别为上面的标题栏,左侧导航栏,和右下角的主体内容显示子框架(子页面)。实际应用中,通过点击左侧导航栏的控件,可以改变右下角子页面(目标页面)显示内容。默认情况下(即用户登陆后首次进入该页面),右下角显示首页内容,如图1(a)所示;当点击左侧导航栏的链接,如“汽车”时,右下角内容更新为汽车页面的对应的内容,但同时上面的标题栏和左侧的导航栏一般仍然保持不变,如图1(b)所示;此时,用户刷新页面(如点击键盘F5按钮刷新页面),页面整体刷新后会右下角会显示为默认的首页内容,如图1(c)所示。这种情况往往是用户不想要的,用户更希望刷新后右下角仍然保持刷新前的页面,刷新仅仅实现数据更新加载等效果。
为此,本发明实施例提供一种网页刷新的方法,所述网页包括至少一个子框架,以上述页面布局为例,子框架为右下角主体内容子页面框架,该子框架用于显示至少一个目标页面中的一个页面,本实施例中,该子页面可以用于显示首页内容和汽车页面内容。在其他的实施例中,网页可以包含更多子页面,每个子页面可以用于显示更多不同页面内容。如图2所示,本发明实施例的网页刷新方法步骤包括:
1)将子框架显示的目标页面的页面标识保存为页面标识记录;
2)页面加载时,获取所述页面标识;
3)根据获取的页面标识设置所述子框架所要显示的目标页面。
本发明实施例中下面对上述方法步骤及其关联做详细说明。
本发明实施例采用html5作为网页页面开发语言,其中右下角子页面属于网页的一个控件元素,一个html5网页可以包含多种类型的控件元素其中,不同类型的元素使用不同的标签来区分,如div标签,iframe标签等。本实施例中,右下角主体内容子框架元素使用iframe元素(标签),即一个嵌套的子页面。iframe元素会创建包含另外一个文档的内联框架(即行内框架)。内联框架是在一个页面中嵌入另一个页面,如,一个.html文件。
示例性地,右下角控件元素为:
<iframe name="iframe"src=""width="100%"height="100%">
</iframe>
其中,iframe标签中包含多个属性,name属性是该表iframe标签的名称,用于区别多个不同的iframe标签以及在其他标签或处理过程中引用该指定的标签。用户可以自定义iframe的name,本实施例中,name="iframe",也可以定义其他的名称,如name="rightbottom"。src属性规定了在iframe控件中显示的文档的URL,即右下角显示的目标页面。本实施例中,默认src为空,即不指定目标页面,但在登录后和点击导航栏链接后,对该src进行赋值,根据不同的赋值,右下角显示对应的目标页面。
示例性地,左侧导航的“汽车”链接是一个“a”标签元素,即一种链接元素:
<a href="car.html"target="iframe">汽车</a>
其中,href属性为点击该链接指定的目标页面,该目标页面也是一个独立的html页面,其可以包含多个组织好的元素。target属性为点击链接后,目标页面所要显示的位置,本发明实施例中,显示该页面的目标为"iframe",即点击链接后,将car.html显示到上述右下角主体页面子框架iframe元素中。
由于页面刷新后,加载的是原始的(静态的)控件元素,即iframe的src为空,html本身无法存储记录刷新前显示的目标页面。因此,要实现刷新后保留目标页面,需要执行如下步骤:
1)将子框架显示的目标页面的页面标识保存为页面标识记录。
其中,页面标识表示能够唯一代表目标页面的字段,如“car.html”。本实施例中,将页面标识保存为页面标识记录,对于一个子框架保存一个页面标识,该记录用于刷新后,获取保存的页面标识,从而将该子框架的内容显示为对应的页面。对于包含多个子框架的页面,也可以以相同的操作方式保存多条页面标识记录,每条记录的键(key)不同,用以区分每个子框架对应的页面标识。
页面标识可以保存在1.浏览器缓存或2.LocalStorage中或3.Redis服务器中,也可以根据需要保存在上述3中存储容器中的任意多种存储容器中。
优选地,本实施例将页面标识存储在浏览器缓存cookie中。Cookie:有时也用其复数形式cookies,均表示浏览器缓存。一般用于网站为了辨别用户身份、进行会话(session)跟踪而储存在用户本地浏览器上的数据(通常经过加密)。存储采用键值对的方式,如本发明实施例中,将cookie_url=”car.html”这样一条记录存储在浏览器缓存中,其中键(key)为cookie_url,值为”car.html”。当需要更新存储的目标页面标识时,设置该键值对的值为新的目标页面,如cookie_url=”main.html”。
在另外的实施例中,也可以将上述键值对存储在客户端(浏览器)的LocalStorage(本地存储)中。LocalStorage是HTML5新增的特性,主要用来作为本地存储,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),LocalStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中LocalStorage会有所不同。LocalStorage存储量比cookie要大,但不是所有的浏览器都支持LocalStorage,有些低版本的浏览器并不支持此功能。
在另外的实施例中,还可以将上述键值对存储在服务器的Redis数据库中,每次刷新从服务端缓存取值设为iframe的src地址。Redis是一个开源的使用ANSIC语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库。
以上三种存储方式中,采用cookie存储方式,实现简便,浏览器通用,能够最方便的实现本发明保存目标页面标识的目的。采用另外两种存储方式,方便扩展,如,除了保存子框架目标页面标识之外,还可以将子框架页面的数据和状态进行保存,此时就需要较大的存储容量,选用LocalStorage、Redis可以充分满足存储要求。另外,当需要对用户操作进行跟踪或统计时,可以选用Redis服务存储,以便保留用户操作历史数据,如在保存每一个上述键值对时,加上时间戳,以便进行分析和统计。
对于将页面标识存储为键值对的时机,将在后续进行说明。
2)页面加载时,获取所述页面标识。本发明实施例中获取页面标识的触发时机可以有两种可选择的方式:
A.在页面加载时,进行获取页面标识和设置子框架目标页面的操作。该触发与用户怎样刷新页面无关,无论用户点页面刷新按钮、点击右键菜单刷新命令、点击地址栏旁边的刷新按钮,只要html页面内容被重新加载,就会触发获取页面标识。示例性地,可以在html文本中嵌入JavaScript代码块,当加载该html页面时,所述JavaScript代码块被执行;在JavaScript代码块中实现从cookie中获取存储的cookie_url页面标识,示例性代码如下:
Figure BDA0002027768240000071
Figure BDA0002027768240000081
其中,“<script></script>”之间的内容为JavaScript代码块,通过执行varcookie_url=getCookie('cookie_url');获取cookie中的页面标识。
获取页面标识的步骤与存储页面标识的步骤相对应,在步骤1)中,如果将页面标识存储在cookie中,则相应地,从cookie中获取存储的页面标识,即通过key(键)获取value(值)。本发明实施例中,通过cookie_url这个key可以从缓存中查询到存储的页面标识值。如果步骤1)中将页面标识存储在LocalStorage中,则同样通过访问浏览器的LocalStorage,查询key所对应的value。如果页面标识存储在Redis中,则需要访问服务器来进行value查询。对于采用了多种存储方式进行页面标识保存的,可以优选地根据消耗最小,效率最高的原则进行获取,如优先访问cookie缓存。
B.监测用户操作动作,如捕获用户点击刷新快捷键或者点击右键菜单刷新命令等动作,对于捕获的刷新动作进行自定义处理,如捕获动作后,获取存储的子框架页面标识记录,设置到子框架iframe的src属性中,然后单独刷新目标子页面,即iframe,而不刷新整个网页。示例性地,监测用户操作动作包括:
a).监听浏览器刷新的键盘操作动作。即,对于用户点击键盘上的刷新快捷键动作进行事件监听,大部分的浏览器,如Windows中的IE、Google等,刷新快捷键为F5和Ctrl+r,对于这样的浏览器环境,可以通过js代码监听F5和Ctrl+r被点击的事件。但是有些环境下的刷新按钮并不是F5,如Mac系统的Safari浏览器,其默认的刷新按钮是cmmand+r,则需要监听这两个按钮被点击的事件。实际实施中,需要获取操作系统和浏览器类型,针对不同的浏览器采用不同的目标事件监听。
b).监听浏览器界面右键菜单中的刷新命令。可以判断用户点击右键菜单的区域,当点击右键菜单的区域落在子框架中时,对刷新命令进行处理,即获取cookie中存储的目标页面标识,并按照目标页面单独更新加载该子框架内容。
本发明中,通过多种用户操作的刷新动作监听,可以较为全面的监测到用户刷新页面的动作,以符合不同用户的习惯;同时,通过浏览器环境判断,尽可能多的兼容大部分用户常用的浏览器。
上述两种监测方式中,方式A简单全面,能够高效地实现本发明的目的。方式B需要对监听的事件及环境进行区分处理,但是可以对子框架进行局部刷新,提高刷新的加载效率,并保证其他控件,如导航栏的状态不变。
3)根据获取的页面标识设置所述子框架所要显示的目标页面。
示例性地,如果获取到的页面标识为”car.html”,则代表用户刷新页面之前,右下角子框架显示的是汽车页面,因此,将该子框架的src属性设置为”car.html”。示例性地,通过上述JavaScript代码块中的“$("#iframe").attr('src',cookie_url);”来实现设置,即获取到的cookie_url的值为”car.html”,将该值设置为指定子框架(名称为iframe的子框架)的src属性的值。
页面刷新完成后子框架自动显示汽车页面,而不会回到默认首页或者空缺。
通过上述步骤,可以实现frame布局页面刷新后保留子页面的效果。下面结合附图3,以上述汽车商业后台管理平台为例,对用户操作过程中,程序保存(保存或更新)和使用页面标识记录的时机进行说明:
一:用户刷新网页。
用户刷新网页后,加载默认后台首页,程序对页面加载动作进行监测处理:从浏览器cookie中获取右下角子框架的目标页面标识记录,即通过获取存储时的键cookie_url获取对应的值;然后对获取的值进行判断,如果cookie_url的值不合法(不合法情况包括获取失败或者获取的值为空,如用户对浏览器缓存进行清除后,可能出现此种情况;也包括获取的值不属于系统所支持的目标页面等),则将cookie_url设置为默认首页页面标识’main_html’,存储到缓存中;同时将’main_html’设置为子框架iframe的目标页面,即设置src的值为’main_html’;设置完成后,页面加载,显示默认后台首页,子框架显示默认的后台首页对应的子页面”main.html”。示例性地,可以通过上述步骤2)的JavaScript代码块中的实现获取-判断-设置的过程:
Figure BDA0002027768240000101
二:用户登录成功。
在用户登录页,登陆成功后设置cookie,cookie_url的值为默认地址main.html,这样每次登陆后看到的是一样的默认地址,避免用户登录入看到的上次点击过的菜单地址,尤其是不同用户切换登录时,可以避免互相影响;设置完成后加载默认后台首页,程序监测页面加载动作,对于页面加载动作的处理和上述步骤二相同。
三:用户点击导航栏链接。
程序监测用户点击链接动作并进行处理:将点击的链接地址url,如”car.html”(即上述href的值)设置到页面标识记录cookie_url,以便后续加载页面时使用;将子框架iframe的目标页面设置为这个链接地址页面”car.html”;设置完成后,页面加载,显示默认后台首页,子框架显示默认的后台首页对应的子页面”car.html”。示例性地,可以在导航链接元素上添加点击事件监听,在点击时,设置cookie_url到浏览器缓存中:
链接元素:
Figure BDA0002027768240000111
其中导航栏中的“汽车”链接为一个<a>元素,通过指定href的值,设置该链接显示的目标子页面,target给目标子页面显示的区域(控件)。
点击事件监听和处理:
Figure BDA0002027768240000112
Figure BDA0002027768240000121
以上说明主要以页面标识记录保存在cookie中为例,本领域技术人员可以根据说明书中的描述保存到其他存储目标中;以上说明主要以整体网页加载(包括刷新加载)时保留子框架页面为例,本领域技术人员也可以根据明书中的描述采用局部子框架刷新机制。
基于相同的发明构思,本发明实施例还提供一种网页系统,所述网页系统包括至少一个子框架,所述子框架用于显示至少一个目标页面中的一个页面,本实施例以图1(a)-图1(c)为例,网页包含右下角的主体内容子框架,即一个iframe控件,用于根据左侧导航栏选中的链接显示不同的内容,页面主要实现方式已经在上述方法实施例中说明。
如图4所示,本发明实施例的网页系统包括:标识存储模块、标识获取模块、目标页面设置模块、切换监测模块、标识重置模块。下面对各个模块的工作原理进行详细说明。
标识存储模块,用于将所述子框架显示的目标页面的页面标识保存为页面标识记录。页面标识记录保存在浏览器缓存中或LocalStorage中或Redis服务器中。关于保存在三种存储容器中的具体方式和优势已经在上述方法实施例中进行说明,不再赘述。本实施例中,主要以保存在浏览器缓存,即cookie为例:将页面标识,即能够代表要现实的目标页面的字段,如’car.html’、’main.html’以键值对的形式保存为一条与子框架对应的cookie记录,如cookie_url=’car.html’。保存记录的时机包括:加载页面时未获取到有效的页面标识记录,则由标识重置模块设置cookie_url为默认页面值’main.html’;点击导航栏链(一个带有href的a标签元素)接后,将cookie_url保存或更新为当前链接的的目标地址url;用户登录成功后,则由标识重置模块将cookie_url置为默认’main.html’。
标识获取模块,用于在页面加载或刷新时,获取所述页面标识,即从上述浏览器cookie中或LocalStorage或Redis中获取存储的cookie_url,获取后触发目标页面设置模块执行。
目标页面设置模块,用于根据获取的页面标识设置所述子框架所要显示的目标页面。如果上述cookie_url获取失败或者值不合法,则将cookie_url设置为默认页面’main.html’,并将该默认页面值设置为子框架显示的目标,即iframe的src属性值设置为’main.html’;如果获取到的cookie_url值合法,则设置iframe的src属性值为该合法值。设置结束后,网页加载,子框架显示设置的目标页面。
切换监测模块,用于监测切换所述框架显示的目标页面动作,并在监测到所述动作后,通过所述标识存储模块,将切换后的目标页面的页面标识保存为所述页面标识记录。如,点击“汽车”链接后,触发设置,将cookie_url设置为’car.html’。
标识重置模块,用于在用户登录后或所述页面标识记录为不合法时,将所述页面标识记录设置为子框架显示的目标页面标识的系统默认值,本实施例中,设置为默认首页对应的子框架页面’main.html’。
在另外的实施例中,还包括刷新监测模块,用于捕获用户刷新动作,包括点击刷新快捷键或者点击右键刷新命令等,然后触发标识获取模块执行。当获取模块的触发时机为页面加载时,则不需要此刷新监测模块,直接将标识获取模块嵌入页面代码中,即可在加载页面时自动执行标识获取。
各个模块的工作原理,与上述方法实施例中对应步骤原理相同,不再赘述。
基于相同的发明构思,本发明实施例还提供了一种电子设备,其结构如图5所示,该电子设备包括:
至少一个处理器(processor),图5中以一个处理器为例,但并非仅仅限于一个处理器;和存储器(memory),还可以包括通信接口(Communication Interface)和总线。其中,处理器、通信接口、存储器可以通过数据连接完成相互间的通信。通信接口可以用于信息传输。处理器可以调用存储器中的逻辑指令,以执行上述实施例的网页刷新方法。
此外,上述的存储器中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。
存储器作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序,如本发明实施例中的方法对应的程序指令/模块。处理器通过运行存储在存储器中的软件程序、指令以及模块,从而执行功能应用以及数据处理,即实现上述方法实施例中的实现网页刷新方法。
存储器可包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端设备的使用所创建的数据等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器。
采用本发明的网页刷新方法、网页系统及电子设备,可以有效避免刷新过程中子框架页面跳转回默认页面,能够保留刷新前的子框架目标页面,提高了用户体验。同时,通过登录重置保存的页面标识记录,保证不同用户操作的独立性,以及避免保留记录带来长期过度的痕迹。本发明提供了多种可以保存子框架页面标识的方法,方便扩展。对于监测和刷新方式提供多种选择,开发者可以根据网页内容和实际需求选择不同的策略。
尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (4)

1.一种网页刷新方法,所述网页包括至少一个子框架,所述子框架用于显示至少一个目标页面中的一个页面,其特征在于,页面主要包括三个部分,分别为上面的标题栏、左侧导航栏和右下角的主体内容显示子框架,通过点击左侧导航栏的控件,改变右下角子框架显示内容;
所述方法包括:
将所述子框架显示的目标页面的页面标识保存为页面标识记录;
页面加载时,获取所述页面标识;
根据获取的页面标识设置所述子框架所要显示的目标页面;
所述将所述子框架显示的目标页面的页面标识保存为页面标识记录包括:
监测切换所述子框架显示的目标页面动作,并在监测到所述动作后,将切换后的目标页面的页面标识保存为所述页面标识记录,存储采用键值对的方式,设置键值对的值为新的目标页面;程序监测用户点击链接动作并进行处理,将点击的链接地址url设置到页面标识记录;
用户登录后或所述页面标识记录不合法时,将所述页面标识记录设置为子框架显示的目标页面标识的系统默认值;
所述页面标识记录保存在:浏览器缓存cookie中;
所述子框架为iframe控件;
所述根据获取的页面标识设置所述子框架所要显示的目标页面包括:将页面标识记录设为iframe的src属性;
所述页面加载时,获取所述页面标识包括:整个网页页面加载时自动获取所述页面标识;
所述页面采用html5作为网页页面开发语言;在html文本中嵌入JavaScript代码块,当加载该html页面时,所述JavaScript代码块被执行;在JavaScript代码块中实现从cookie中获取存储的页面标识。
2.根据权利要求1所述的方法,其特征在于,所述页面加载时,获取所述页面标识包括:
监测页面刷新操作动作,然后获取所述页面标识,所述刷新操作包括:键盘操作和/或浏览器右键菜单刷新命令。
3.一种网页系统,网页包括至少一个子框架,所述子框架用于显示至少一个目标页面中的一个页面,其特征在于,页面主要包括三个部分,分别为上面的标题栏、左侧导航栏和右下角的主体内容显示子框架,通过点击左侧导航栏的控件,改变右下角子框架显示内容;
标识存储模块,用于将所述子框架显示的目标页面的页面标识保存为页面标识记录;
标识获取模块,用于在页面加载或刷新时,获取所述页面标识;
目标页面设置模块,用于根据获取的页面标识设置所述子框架所要显示的目标页面;
切换监测模块,用于监测切换所述框架显示的目标页面动作,并在监测到所述动作后,通过所述标识存储模块,将切换后的目标页面的页面标识保存为所述页面标识记录,存储采用键值对的方式,设置键值对的值为新的目标页面;程序监测用户点击链接动作并进行处理,将点击的链接地址url设置到页面标识记录;
标识重置模块,用于在用户登录后或所述页面标识记录为空时,将所述页面标识记录设置为子框架显示的目标页面标识的系统默认值;
所述页面标识记录保存在:浏览器缓存cookie中;
所述子框架为iframe控件;
所述根据获取的页面标识设置所述子框架所要显示的目标页面包括:将页面标识记录设为iframe的src属性;
所述页面加载时,获取所述页面标识包括:整个网页页面加载时自动获取所述页面标识;
所述页面采用html5作为网页页面开发语言;在html文本中嵌入JavaScript代码块,当加载该html页面时,所述JavaScript代码块被执行;在JavaScript代码块中实现从cookie中获取存储的页面标识。
4.一种电子设备,包括至少一个处理器以及与所述至少一个处理器通信连接的存储器,其特征在于,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行时,使所述至少一个处理器执行权利要求1或2所述的方法。
CN201910299518.2A 2019-04-15 2019-04-15 一种网页刷新方法、网页系统及电子设备 Active CN110209966B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910299518.2A CN110209966B (zh) 2019-04-15 2019-04-15 一种网页刷新方法、网页系统及电子设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910299518.2A CN110209966B (zh) 2019-04-15 2019-04-15 一种网页刷新方法、网页系统及电子设备

Publications (2)

Publication Number Publication Date
CN110209966A CN110209966A (zh) 2019-09-06
CN110209966B true CN110209966B (zh) 2022-03-11

Family

ID=67785418

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910299518.2A Active CN110209966B (zh) 2019-04-15 2019-04-15 一种网页刷新方法、网页系统及电子设备

Country Status (1)

Country Link
CN (1) CN110209966B (zh)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110941779B (zh) * 2019-11-20 2023-06-30 东软集团股份有限公司 加载页面的方法、装置、存储介质及电子设备
CN110968815B (zh) * 2019-12-04 2023-06-20 北京达佳互联信息技术有限公司 页面刷新方法、装置、终端及存储介质
CN111177519B (zh) * 2019-12-30 2024-02-02 广州市百果园网络科技有限公司 网页内容获取方法、装置、存储介质及设备
CN111259285B (zh) * 2020-01-09 2023-08-18 北京字节跳动网络技术有限公司 一种页面刷新方法、装置、电子设备及存储介质
CN111813410A (zh) * 2020-07-08 2020-10-23 北京亚鸿世纪科技发展有限公司 浏览器数据可视化开发用于多页面联合展示的方法和装置
CN112668048B (zh) * 2020-12-28 2023-01-31 上海掌门科技有限公司 一种在浏览器中显示网页的方法与设备
CN112667939A (zh) * 2021-01-04 2021-04-16 天津中新智冠信息技术有限公司 网页刷新方法、装置、电子设备以及存储介质
CN113468450A (zh) * 2021-07-06 2021-10-01 北京有竹居网络技术有限公司 一种页面控制方法及装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104391909A (zh) * 2014-11-17 2015-03-04 国云科技股份有限公司 一种iframe跨域高度自适应的方法
CN104778211A (zh) * 2015-03-18 2015-07-15 微梦创科网络科技(中国)有限公司 一种局部刷新页面模块的方法、客户端、服务器及系统
CN106201562A (zh) * 2015-04-30 2016-12-07 深圳市腾讯计算机系统有限公司 一种页面切换方法及装置
CN106599078A (zh) * 2016-11-21 2017-04-26 上海斐讯数据通信技术有限公司 一种加速切换网页的装置和方法
CN109542538A (zh) * 2018-11-22 2019-03-29 郑州云海信息技术有限公司 一种子系统管理方法和系统

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN100565518C (zh) * 2006-12-21 2009-12-02 腾讯科技(深圳)有限公司 一种保持网页当前数据信息的方法及系统
CN101770511B (zh) * 2009-12-31 2012-09-05 优视科技有限公司 一种用于移动通讯设备终端加快回退操作的浏览系统及其应用方法
FR2993071B1 (fr) * 2012-07-03 2016-05-06 Videodesk Systeme d'affichage d'une page web
CN104517206A (zh) * 2013-09-27 2015-04-15 中国移动通信集团黑龙江有限公司 一种业务处理的方法及装置
CN103795731B (zh) * 2014-02-26 2017-10-03 北京京东尚科信息技术有限公司 一种用户账户登录方法
US9740672B2 (en) * 2014-10-24 2017-08-22 POWr Inc. Systems and methods for dynamic, real time management of cross-domain web plugin content
CN104462455B (zh) * 2014-12-16 2016-09-21 北京京东尚科信息技术有限公司 网络数据的展示处理方法和装置
CN104915461B (zh) * 2015-07-10 2017-03-22 广州神马移动信息科技有限公司 页面展示方法和装置
CN108038134B (zh) * 2017-11-20 2020-06-26 东软集团股份有限公司 页面展示的方法、装置和存储介质以及电子设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104391909A (zh) * 2014-11-17 2015-03-04 国云科技股份有限公司 一种iframe跨域高度自适应的方法
CN104778211A (zh) * 2015-03-18 2015-07-15 微梦创科网络科技(中国)有限公司 一种局部刷新页面模块的方法、客户端、服务器及系统
CN106201562A (zh) * 2015-04-30 2016-12-07 深圳市腾讯计算机系统有限公司 一种页面切换方法及装置
CN106599078A (zh) * 2016-11-21 2017-04-26 上海斐讯数据通信技术有限公司 一种加速切换网页的装置和方法
CN109542538A (zh) * 2018-11-22 2019-03-29 郑州云海信息技术有限公司 一种子系统管理方法和系统

Also Published As

Publication number Publication date
CN110209966A (zh) 2019-09-06

Similar Documents

Publication Publication Date Title
CN110209966B (zh) 一种网页刷新方法、网页系统及电子设备
US10567529B2 (en) Unified tracking data management
US7496847B2 (en) Displaying a computer resource through a preferred browser
US9411782B2 (en) Real time web development testing and reporting system
US20140143644A1 (en) Web browser page transition acceleration
US20140137006A1 (en) Graphical Overlay Related To Data Mining And Analytics
JP2011525659A (ja) Webページ対話に基づく広告提示
CN110245069B (zh) 页面版本的测试方法和装置、页面的展示方法和装置
CN106933629B (zh) 加载浏览器插件图标的方法及浏览器
CN112637361B (zh) 一种页面代理方法、装置、电子设备及存储介质
CN109740081B (zh) 页面加载方法及装置
CN104866594A (zh) 信息推送方法和装置
CN111090797B (zh) 数据获取方法、装置、计算机设备和存储介质
US20240037164A1 (en) Webpage display method, system and medium
CN103455547B (zh) 一种用于网页加载的方法及装置
CN110866202A (zh) 一种前端分页的方法及装置、可读存储介质
CN111431767A (zh) 多浏览器资源同步方法、装置、计算机设备和存储介质
CN109325192A (zh) 一种广告防屏蔽的方法和装置
CN103581321A (zh) 一种refer链的创建方法、装置及安全检测方法和客户端
CN103440340A (zh) 一种导航网页内容显示方法及装置
EP1389318A2 (en) Method and apparatus for web-site-independent information personalization from multiple sites having user-determined extraction functionality
CN114168875A (zh) 一种页面程序的生成方法、装置、计算机设备及存储介质
CN113468450A (zh) 一种页面控制方法及装置
CN110708270B (zh) 异常链接检测方法以及装置
US11288336B2 (en) Systems and methods for providing content items in situations involving suboptimal network conditions

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
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20231225

Address after: 230012 In the factory building of Anhui Guogou Energy Co., Ltd., 100 meters east of the intersection of Guanjing Road and Luban Road in Xinzhan District, Hefei City, Anhui Province

Patentee after: Hefei Youquan Information Technology Co.,Ltd.

Address before: 100102 room 323701, building 5, yard 1, Futong East Street, Chaoyang District, Beijing

Patentee before: YOUXINPAI (BEIJING) INFORMATION TECHNOLOGY Co.,Ltd.