网页数据显示方法和装置与流程

本发明涉及网页数据领域，具体而言，涉及一种网页数据显示方法和装置。

背景技术：

在网页中，常见的下拉菜单都只有选项，好一点的可能还会有一个搜索框来过滤备选项。但在用户使用的过程中，往往选择过的选项才是用户想要的结果。

相关技术中有两种网页下拉菜单选择器，其中一种仅能显示预设的列表，当选项多的时候，要下拉很长一段距离，并且要看的很仔细才能找到想要的选项。

另一种是带搜索框的下拉菜单选择器，带搜索框的下拉选择器提供了字符串过滤功能。当输入框的内容发生改变的时候，触发事件处理函数对备选项进行筛选。但这种方案，用户每次都得输入关键词来进行搜索，有时候明明是少数的几个关键选项才是用户需要的，频繁的输入浪费了用户的时间，降低了网页操作体验。

针对相关技术中网页下拉菜单不方便用户使用的问题，目前尚未提出有效的解决方案。

技术实现要素：

本发明的主要目的在于提供一种网页数据显示方法和装置，以解决网页下拉菜单不方便用户使用的问题。

为了实现上述目的，根据本发明的一个方面，提供了一种网页数据显示方法，该方法包括：接收对网页中下拉菜单的操作指令；响应于所述操作指令，查询预设的存储空间，得到所述下拉菜单的历史记录选项，其中，所述历史记录选项为所述下拉菜单的选项中曾经被选择过的选项；在所述下拉菜单中显示选项，其中，优先显示所述历史记录选项。

进一步地，在响应于所述操作指令，查询预设的存储空间之前，所述方法还包括：接收用户对下拉菜单中的选项的选择指令；按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中，得到按照时间顺序排列的历史记录选项。

进一步地，在所述下拉菜单中显示选项包括：按照时间顺序将所述历史记录选项显示在所述下拉菜单的历史记录区域中，其中，最近的历史记录选项显示在距离所述下拉菜单的输入区域的最近位置处。

进一步地，按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中，得到按照时间顺序排列的历史记录选项包括：按照时间顺序将所述选择指令对应的选项以字符串的形式存入所述预设的存储空间中，其中，所述预设的存储空间包括以下任意一项：浏览器缓存indexdb，浏览器缓存localstorage，云端数据库，cookies，sessionstorage。

进一步地，在接收对网页中下拉菜单的输入区域的操作指令之后，所述方法还包括：显示搜索框；接收用户在搜索框输入的搜索字符；根据所述搜索字符对下拉菜单中的选项进行相关度匹配，得到匹配结果；根据用户对匹配结果中的选项的点击指令确定目标选项。

进一步地，所述网页中的下拉菜单数量为至少一个，并且，对于每个下拉菜单，在该下拉菜单的选项被选择时，在所述预设存储空间中将该被选择的选项记录为该下拉菜单的历史记录选项，并保存该下拉菜单在页面中的坐标位置、和/或保存该下拉菜单的id；并且，响应于所述操作指令，查询预设的存储空间，得到所述下拉菜单的历史记录选项包括：确定所述操作指令触发的坐标位置，和/或，确定所述操作指令触发的下拉菜单的id；根据所述坐标位置和/或所述id，在所述存储空间中查询对应下拉菜单的历史选项记录。

为了实现上述目的，根据本发明的另一方面，还提供了一种网页数据显示装置，该装置包括：第一接收单元，用于接收对网页中下拉菜单的操作指令；查询单元，用于响应于所述操作指令，查询预设的存储空间，得到所述下拉菜单的历史记录选项，其中，所述历史记录选项为所述下拉菜单的选项中曾经被选择过的选项；显示单元，用于在所述下拉菜单中显示选项，其中，优先显示所述历史记录选项。

进一步地，所述装置还包括：第二接收单元，用于在响应于所述操作指令，查询预设的存储空间之前，接收用户对下拉菜单中的选项的选择指令；存储单元，用于按照时间顺序将所述选择指令对应的选项存入所述预设的存储空间中，得到按照时间顺序排列的历史记录选项。

进一步地，所述显示单元用于：按照时间顺序将所述历史记录选项显示在所述下拉菜单的历史记录区域中，其中，最近的历史记录选项显示在距离所述下拉菜单的输入区域的最近位置处。

为了实现上述目的，根据本发明的另一方面，还提供了一种存储介质，包括存储的程序，其中，在所述程序运行时控制所述存储介质所在设备执行本发明所述的网页数据显示方法。

为了实现上述目的，根据本发明的另一方面，还提供了一种处理器，用于运行程序，其中，所述程序运行时执行本发明所述的网页数据显示方法。

本发明通过接收对网页中下拉菜单的操作指令；响应于操作指令，查询预设的存储空间，得到下拉菜单的历史记录选项，其中，历史记录选项为下拉菜单的选项中曾经被选择过的选项；在下拉菜单中显示选项，其中，优先显示历史记录选项，解决了网页下拉菜单不方便用户使用的问题，进而达到了增加历史记录方便用户使用的效果。

附图说明

构成本申请的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是根据本发明实施例的网页数据显示方法的流程图；

图2是根据本发明实施例的下拉菜单显示列表的示意图；以及

图3是根据本发明实施例的网页数据显示装置的示意图。

具体实施方式

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本发明。

为了使本技术领域的人员更好地理解本申请方案，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分的实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本申请保护的范围。

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

本发明实施例提供了一种网页数据显示方法。

图1是根据本发明实施例的网页数据显示方法的流程图，如图1所示，该方法包括以下步骤：

步骤s102：接收对网页中下拉菜单的操作指令；

步骤s104：响应于操作指令，查询预设的存储空间，得到下拉菜单的历史记录选项，其中，历史记录选项为下拉菜单的选项中曾经被选择过的选项；

步骤s106：在下拉菜单中显示选项，其中，优先显示历史记录选项。

该实施例采用接收对网页中下拉菜单的操作指令；响应于操作指令，查询预设的存储空间，得到下拉菜单的历史记录选项，其中，历史记录选项为下拉菜单的选项中曾经被选择过的选项；在下拉菜单中显示选项，其中，优先显示历史记录选项，解决了网页下拉菜单不方便用户使用的问题，进而达到了增加历史记录方便用户使用的效果。

本发明实施例的技术方案可以应用在网页中，可以是电脑端的网页，也可以是手机等移动终端的网页，在本发明实施例中，操作指令可以是点击指令或者其他操作指令，例如，用户通过鼠标点击或者手指点击屏幕可以发出点击指令，浏览器接收对网页中下拉菜单的输入区域的点击指令后，响应于该指令查询存储在预设存储空间中的历史记录选项的相关数据，在下拉菜单的选项的预设区域中集中显示历史记录选项，例如在最上的5项显示历史记录，5项之后的位置显示常规的选项，这样，可以实现在下拉菜单选择器中显示历史记录，用户可以直接在历史记录中点击某一历史项来进行选择，相比于相关技术中要在固定顺序的下拉菜单中查找目标项的方式，更加方便简单，减少用户操作复杂度。

具体的，历史记录中显示几项(5项还是8项或者10项)可以根据具体应用场景设置，也可以根据具体网页的大小和每条历史记录所占的尺寸来确定合适的数量，既方便用户使用历史记录，又不会影响用户使用常规的查找或检索方式选择目标选项。

可选的，在响应于操作指令查询预设的存储空间之前，接收用户对下拉菜单中的选项的选择指令；按照时间顺序将选择指令对应的选项存入预设的存储空间中，得到按照时间顺序排列的历史记录选项。

历史记录选项存入到预设的存储空间的过程为：用户对下拉菜单中的选项进行选择，可以按照时间顺序将选择的选项存入到存储空间中，在存储空间中保存了按照时间顺序排列的历史记录，在需要显示历史记录时，按照时间由近到远的顺序将最近使用的历史记录显示在下拉菜单的历史记录区域中，根据应用场景的设定来确定具体显示的历史数据的数量。

可选的，在下拉菜单中显示选项包括：按照时间顺序将历史记录选项显示在下拉菜单的历史记录区域中，其中，最近的历史记录选项显示在距离下拉菜单的输入区域的最近位置处。

可选的，按照时间顺序将选择指令对应的选项存入预设的存储空间中，得到按照时间顺序排列的历史记录选项包括：按照时间顺序将选择指令对应的选项以字符串的形式存入预设的存储空间中，其中，预设的存储空间包括以下任意一项：浏览器缓存indexdb，浏览器缓存localstorage，云端存储空间，cookies，sessionstorage。

在将选择指令对应的选项存入预设的存储空间时，可以是将选项以字符串的形式存储到存储空间中，例如，存入浏览器缓存indexdb中，浏览器缓存localstorage中，也可以存储到云端存储空间(在使用时需要用户通过浏览器登录进行身份确认)，cookies，sessionstorage等，其中，存储到cookies中有数量限制，存储到sessionstorage中只在当前窗口有效，当关闭窗口后数据会遗失。

可选的，在接收对网页中下拉菜单的输入区域的操作指令之后，显示搜索框；接收用户在搜索框输入的搜索字符；根据搜索字符对下拉菜单中的选项进行相关度匹配，得到匹配结果；根据用户对匹配结果中的选项的点击指令确定目标选项。

除了通过历史记录栏选择下拉菜单中的选项外，还可以通过常规的搜索栏进行搜索，点击搜索结果中的一个选项确定目标选项，使下拉菜单不仅具有搜索功能还具有历史记录功能，在下拉菜单中增加历史记录一栏以方便用户快捷选择。

所述网页中的下拉菜单数量可以为至少一个，并且，对于每个下拉菜单，在该下拉菜单的选项被选择时，在所述预设存储空间中将该被选择的选项记录为该下拉菜单的历史记录选项，并保存该下拉菜单在页面中的坐标位置、和/或保存该下拉菜单的id；并且，响应于所述操作指令，查询预设的存储空间，得到所述下拉菜单的历史记录选项包括：确定所述操作指令触发的坐标位置，和/或，确定所述操作指令触发的下拉菜单的id；根据所述坐标位置和/或所述id，在所述存储空间中查询对应下拉菜单的历史选项记录。

本发明实施例的技术方案中，下拉菜单中除了历史记录区域显示的历史记录选项外，常规的下拉菜单选项不随用户的历史操作而改变，而相关技术中一些下拉菜单，不单设历史记录区域而是将历史记录部分排列在前几项，这样，每次用户选择后，其中的选项都会重新排列顺序，在选项数量多的情况下会导致数据处理压力较大，而本申请的技术方案中并不会出现这一问题。

本发明实施例还提供了一种优选实施方式，下面结合该优选实施方式对本发明实施例的技术方案进行说明。

在用户使用下拉菜单的过程中，往往选择过的历史选项才是用户想要的结果，所以，在下拉菜单中增加历史记录一览就显得有尤其必要，通过保存用户近几次的检索/选择记录，当用户点击下拉菜单的时候，将历史记录提供给用户进行选择，避免了用户输入关键词检索、纯人工筛选选项所浪费的时间，优化用户在网页上的浏览体验。

具体的，在下拉菜单中增加一个历史记录栏，用于显示用户最近选择的选项。通常显示最近选择过的前7-8项是对用户比较有用的。

历史记录可以通过字符串的形式保存在浏览器缓存中，可采用的方案有indexdb，localstorage等。当用户进入页面的时候读取浏览器缓存，从而把用户历史记录渲染到选项中，图2是根据本发明实施例的下拉菜单显示列表的示意图，如图2所示，用户点击下拉菜单的输入区域时显示历史记录，搜索框和下拉列表，用户可以直接点击历史记录里的某个选项选择，也可以点击下拉列表中的某个选项进行选择，或者在搜索框输入字符筛选匹配进行选择，在选择过一次之后，该选项即作为历史记录保存到数据库中，已备后续使用。

作为一种可选方案，若后台服务器提供支持，也可以将历史数据存储在云端数据库，这样就可以避免用户更换浏览器所造成的历史记录遗失，用户的选择历史记录还可以存储在cookies里，也可以存储在sessionstorage里，但只在当前窗口有效，关闭窗口会遗失。

本发明实施例的技术方案对于网站上检索、过滤频繁的操作，带历史记录的下拉菜单选择器可以供用户快捷选择，使用户的操作更加快捷高效，有效的节省用户的时间，提高用户在网站上的浏览、操作体验。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机系统中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

本发明实施例提供了一种网页数据显示装置，该装置可以用于执行本发明实施例的网页数据显示方法。

图3是根据本发明实施例的网页数据显示装置的示意图，如图3所示，该装置包括：

第一接收单元10，用于接收对网页中下拉菜单的操作指令；

查询单元20，用于响应于操作指令，查询预设的存储空间，得到下拉菜单的历史记录选项，其中，历史记录选项为下拉菜单的选项中曾经被选择过的选项；

显示单元30，用于在下拉菜单中显示选项，其中，优先显示历史记录选项。

该实施例采用第一接收单元10，用于接收对网页中下拉菜单的操作指令；查询单元20，用于响应于操作指令，查询预设的存储空间，得到下拉菜单的历史记录选项，其中，历史记录选项为下拉菜单的选项中曾经被选择过的选项；显示单元30，用于在下拉菜单中显示选项，其中，优先显示历史记录选项，从而解决了网页下拉菜单不方便用户使用的问题，进而达到了增加历史记录方便用户使用的效果。

可选的，该装置还包括：第二接收单元，用于在响应于所述操作指令，查询预设的存储空间之前，接收用户对下拉菜单中的选项的选择指令；存储单元，用于按照时间顺序将选择指令对应的选项存入预设的存储空间中，得到按照时间顺序排列的历史记录选项。

可选的，显示单元用于：按照时间顺序将历史记录选项显示在下拉菜单的历史记录区域中，其中，最近的历史记录选项显示在距离下拉菜单的输入区域的最近位置处。

所述网页数据显示装置包括处理器和存储器，上述第一接收单元、查询单元、显示单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来增加历史记录方便用户使用。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)，存储器包括至少一个存储芯片。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述网页数据显示方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述网页数据显示方法。

本发明实施例提供了一种设备，设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：接收对网页中下拉菜单的操作指令；响应于操作指令，查询预设的存储空间，得到下拉菜单的历史记录选项，其中，历史记录选项为下拉菜单的选项中曾经被选择过的选项；在下拉菜单中显示选项，其中，优先显示历史记录选项。本文中的设备可以是服务器、pc、pad、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：接收对网页中下拉菜单的操作指令；响应于操作指令，查询预设的存储空间，得到下拉菜单的历史记录选项，其中，历史记录选项为下拉菜单的选项中曾经被选择过的选项；在下拉菜单中显示选项，其中，优先显示历史记录选项。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flashram)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器(cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitorymedia)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。