网页数据显示方法和装置制造方法及图纸

技术编号:24091792 阅读:14 留言:0更新日期:2020-05-09 08:24
本发明专利技术公开了一种网页数据显示方法和装置。该方法包括:接收对网页中下拉菜单的操作指令;响应于操作指令,查询预设的存储空间,得到下拉菜单的历史记录选项,其中,历史记录选项为下拉菜单的选项中曾经被选择过的选项;在下拉菜单中显示选项,其中,优先显示历史记录选项。通过本发明专利技术,达到了增加历史记录方便用户使用的效果。

Method and device of Web data display

【技术实现步骤摘要】
网页数据显示方法和装置
本专利技术涉及网页数据领域,具体而言,涉及一种网页数据显示方法和装置。
技术介绍
在网页中,常见的下拉菜单都只有选项,好一点的可能还会有一个搜索框来过滤备选项。但在用户使用的过程中,往往选择过的选项才是用户想要的结果。相关技术中有两种网页下拉菜单选择器,其中一种仅能显示预设的列表,当选项多的时候,要下拉很长一段距离,并且要看的很仔细才能找到想要的选项。另一种是带搜索框的下拉菜单选择器,带搜索框的下拉选择器提供了字符串过滤功能。当输入框的内容发生改变的时候,触发事件处理函数对备选项进行筛选。但这种方案,用户每次都得输入关键词来进行搜索,有时候明明是少数的几个关键选项才是用户需要的,频繁的输入浪费了用户的时间,降低了网页操作体验。针对相关技术中网页下拉菜单不方便用户使用的问题,目前尚未提出有效的解决方案。
技术实现思路
本专利技术的主要目的在于提供一种网页数据显示方法和装置,以解决网页下拉菜单不方便用户使用的问题。为了实现上述目的,根据本专利技术的一个方面,提供了一种网页数据显示方法,该方法包括:接收对网页中下拉菜单的操作指令;响应于所述操作指令,查询预设的存储空间,得到所述下拉菜单的历史记录选项,其中,所述历史记录选项为所述下拉菜单的选项中曾经被选择过的选项;在所述下拉菜单中显示选项,其中,优先显示所述历史记录选项。进一步地,在响应于所述操作指令,查询预设的存储空间之前,所述方法还包括:接收用户对下拉菜单中的选项的选择指令;按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中,得到按照时间顺序排列的历史记录选项。进一步地,在所述下拉菜单中显示选项包括:按照时间顺序将所述历史记录选项显示在所述下拉菜单的历史记录区域中,其中,最近的历史记录选项显示在距离所述下拉菜单的输入区域的最近位置处。进一步地,按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中,得到按照时间顺序排列的历史记录选项包括:按照时间顺序将所述选择指令对应的选项以字符串的形式存入所述预设的存储空间中,其中,所述预设的存储空间包括以下任意一项:浏览器缓存indexDB,浏览器缓存localStorage,云端数据库,cookies,sessionStorage。进一步地,在接收对网页中下拉菜单的输入区域的操作指令之后,所述方法还包括:显示搜索框;接收用户在搜索框输入的搜索字符;根据所述搜索字符对下拉菜单中的选项进行相关度匹配,得到匹配结果;根据用户对匹配结果中的选项的点击指令确定目标选项。进一步地,所述网页中的下拉菜单数量为至少一个,并且,对于每个下拉菜单,在该下拉菜单的选项被选择时,在所述预设存储空间中将该被选择的选项记录为该下拉菜单的历史记录选项,并保存该下拉菜单在页面中的坐标位置、和/或保存该下拉菜单的ID;并且,响应于所述操作指令,查询预设的存储空间,得到所述下拉菜单的历史记录选项包括:确定所述操作指令触发的坐标位置,和/或,确定所述操作指令触发的下拉菜单的ID;根据所述坐标位置和/或所述ID,在所述存储空间中查询对应下拉菜单的历史选项记录。为了实现上述目的,根据本专利技术的另一方面,还提供了一种网页数据显示装置,该装置包括:第一接收单元,用于接收对网页中下拉菜单的操作指令;查询单元,用于响应于所述操作指令,查询预设的存储空间,得到所述下拉菜单的历史记录选项,其中,所述历史记录选项为所述下拉菜单的选项中曾经被选择过的选项;显示单元,用于在所述下拉菜单中显示选项,其中,优先显示所述历史记录选项。进一步地,所述装置还包括:第二接收单元,用于在响应于所述操作指令,查询预设的存储空间之前,接收用户对下拉菜单中的选项的选择指令;存储单元,用于按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中,得到按照时间顺序排列的历史记录选项。进一步地,所述显示单元用于:按照时间顺序将所述历史记录选项显示在所述下拉菜单的历史记录区域中,其中,最近的历史记录选项显示在距离所述下拉菜单的输入区域的最近位置处。为了实现上述目的,根据本专利技术的另一方面,还提供了一种存储介质,包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行本专利技术所述的网页数据显示方法。为了实现上述目的,根据本专利技术的另一方面,还提供了一种处理器,用于运行程序,其中,所述程序运行时执行本专利技术所述的网页数据显示方法。本专利技术通过接收对网页中下拉菜单的操作指令;响应于操作指令,查询预设的存储空间,得到下拉菜单的历史记录选项,其中,历史记录选项为下拉菜单的选项中曾经被选择过的选项;在下拉菜单中显示选项,其中,优先显示历史记录选项,解决了网页下拉菜单不方便用户使用的问题,进而达到了增加历史记录方便用户使用的效果。附图说明构成本申请的一部分的附图用来提供对本专利技术的进一步理解,本专利技术的示意性实施例及其说明用于解释本专利技术,并不构成对本专利技术的不当限定。在附图中:图1是根据本专利技术实施例的网页数据显示方法的流程图;图2是根据本专利技术实施例的下拉菜单显示列表的示意图;以及图3是根据本专利技术实施例的网页数据显示装置的示意图。具体实施方式需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本专利技术。为了使本
的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。本专利技术实施例提供了一种网页数据显示方法。图1是根据本专利技术实施例的网页数据显示方法的流程图,如图1所示,该方法包括以下步骤:步骤S102:接收对网页中下拉菜单的操作指令;步骤S104:响应于操作指令,查询预设的存储空间,得到下拉菜单的历史记录选项,其中,历史记录选项为下拉菜单的选项中曾经被选择过的选项;步骤S106:在下拉菜单中显示选项,其中,优先显示历史记录选项。该实施例采用接收对网页中下拉菜单的操作指令;响应于操作指令,查询预设的存储空间,得到下拉菜单的历史记录选项,其中,历史记录选项为下拉菜单的选项中曾经被选择过的选项;在下拉菜单中显示选项,其中,本文档来自技高网
...

【技术保护点】
1.一种网页数据显示方法,其特征在于,包括:/n接收对网页中下拉菜单的操作指令;/n响应于所述操作指令,查询预设的存储空间,得到所述下拉菜单的历史记录选项,其中,所述历史记录选项为所述下拉菜单的选项中曾经被选择过的选项;/n在所述下拉菜单中显示选项,其中,优先显示所述历史记录选项。/n

【技术特征摘要】
1.一种网页数据显示方法,其特征在于,包括:
接收对网页中下拉菜单的操作指令;
响应于所述操作指令,查询预设的存储空间,得到所述下拉菜单的历史记录选项,其中,所述历史记录选项为所述下拉菜单的选项中曾经被选择过的选项;
在所述下拉菜单中显示选项,其中,优先显示所述历史记录选项。


2.根据权利要求1所述的方法,其特征在于,在响应于所述操作指令,查询预设的存储空间之前,所述方法还包括:
接收用户对下拉菜单中的选项的选择指令;
按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中,得到按照时间顺序排列的历史记录选项。


3.根据权利要求2所述的方法,其特征在于,在所述下拉菜单中显示选项包括:
按照时间顺序将所述历史记录选项显示在所述下拉菜单的历史记录区域中,其中,最近的历史记录选项显示在距离所述下拉菜单的输入区域的最近位置处。


4.根据权利要求2所述的方法,其特征在于,按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中,得到按照时间顺序排列的历史记录选项包括:
按照时间顺序将所述选择指令对应的选项以字符串的形式存入所述预设的存储空间中,其中,所述预设的存储空间包括以下任意一项:浏览器缓存indexDB,浏览器缓存localStorage,云端数据库,cookies,sessionStorage。


5.根据权利要求1所述的方法,其特征在于,在接收对网页中下拉菜单的输入区域的操作指令之后,所述方法还包括:
显示搜索框;
接收用户在搜索框输入的搜索字符;
根据所述搜索字符对下拉菜单中的选项进行相关度匹配,得到匹配结果;
根据用户对匹配结果中的选项的点击指令确定目标选项。<...

【专利技术属性】
技术研发人员:谢任山
申请(专利权)人:北京国双科技有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1