CN111506838A

CN111506838A - 浏览器中标签页的展示方法和装置、介质、设备

Info

Publication number: CN111506838A
Application number: CN202010247362.6A
Authority: CN
Inventors: 殷亿
Original assignee: Beijing Sankuai Online Technology Co Ltd
Current assignee: Beijing Sankuai Online Technology Co Ltd
Priority date: 2020-03-31
Filing date: 2020-03-31
Publication date: 2020-08-07

Abstract

本公开涉及一种浏览器中标签页的展示方法和装置、介质、设备。所述方法包括：在获取到在浏览器中打开标签页的指令的情况下，读取所述标签页的页面META信息；根据所读取的页面META信息，判断是否存在用于将标签页分组的内置分组规则；在存在所述内置分组规则的情况下，将所述标签页按照所述内置分组规则进行分组展示。这样，通过在META信息中设置分组规则，使得浏览器的标签页能够自动分组，方便用户快速浏览查看相关标签页的信息，快速地定位目标标签页，从而解决了在打开的标签页太多的时，用户无法快速寻找并切换标签页的问题，提升了工作效率。

Description

浏览器中标签页的展示方法和装置、介质、设备

技术领域

本公开涉及互联网通信领域，具体地，涉及一种浏览器中标签页的展示方法和装置、介质、设备。

背景技术

随着互联网技术的不断发展，人们的生活和工作越来越多地依赖于互联网通信。在互联网通信中，人们常常通过在浏览器中打开网页来进行信息的交互。一个浏览器中，可以同时打开多个标签页。当浏览器中打开较多的标签页时，标签页通常按照打开的先后顺序在浏览器的顶部展示，并且在展示标签页时，会同时显示页面图标和相关的文字。

当浏览器中打开的标签页逐渐增多时，每个标签页所占用的展示区域就会逐渐变小，甚至在标签页特别多的时候，用户就会看不到标签页中的图标和标题，最终被挤压到在标签页上看不到任何文字。此时，用户若再想从中查找到想要的标签页时，通常比较难，只能凭借标签页被打开的先后顺序的记忆，逐一尝试打开，很难快速地找到目标标签页，用户常常会花费较长的时间来切换页面，寻找目标标签页，这样就给用户造成很大的不便，影响了工作和学习效率。

发明内容

本公开的目的是提供一种可靠且实用的浏览器中标签页的展示方法和装置、介质、设备。

为了实现上述目的，本公开提供一种浏览器中标签页的展示方法，所述方法包括：

在获取到在浏览器中打开标签页的指令的情况下，读取所述标签页的页面META信息；

根据所读取的页面META信息，判断是否存在用于将标签页分组的内置分组规则；

在存在所述内置分组规则的情况下，将所述标签页按照所述内置分组规则进行分组展示。

可选地，在所述读取所述标签页的页面META信息之前，包括：

确定未存储有用户自定义分组规则，或者，确定未存储有与所述标签页的属性信息相匹配的用户自定义分组规则。

相应地，所述方法还包括：

在存储有与所述标签页的属性信息相匹配的用户自定义分组规则的情况下，根据与所述标签页的属性信息相匹配的用户自定义分组规则对所述标签页进行分组展示。

可选地，所述属性信息包括以下中的一者或多者：域名、路径、网址和标题。

可选地，所述方法还包括：

获取用户输入的自定义分组规则，以更新当前的自定义分组规则；

在监测到所述自定义分组规则有更新的情况下，将所述浏览器中的标签页根据更新后的自定义分组规则进行分组展示。

可选地，所述方法还包括：

在接收到用户触发的上传指令的情况下，将用户输入的所述自定义分组规则上传到服务器中。

可选地，所述方法还包括：

获取用户输入的与属性相关联的分组名称；

展示每个标签组的分组名称。

可选地，所述方法还包括：

获取用户输入的搜索关键词；

在当前打开的标签页中搜索是否存在与所述搜索关键词相匹配的标签页标题；

在存在与所述搜索关键词相匹配的标签页标题的情况下，展示该标签页标题对应的标签页。

本公开还提供一种浏览器中标签页的展示装置，所述装置包括：

读取模块，被配置成用于在获取到在浏览器中打开标签页的指令的情况下，读取所述标签页的页面META信息；

判断模块，被配置成用于根据所读取的页面META信息，判断是否存在用于将标签页分组的内置分组规则；

第一展示模块，被配置成用于在存在所述内置分组规则的情况下，将所述标签页按照所述内置分组规则进行分组展示。

本公开还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本公开提供的上述方法的步骤。

本公开还提供一种电子设备，包括：

存储器，其上存储有计算机程序；

处理器，被配置成用于执行所述存储器中的所述计算机程序，以实现本公开提供的上述方法的步骤。

通过上述技术方案，在打开一标签页时，读取页面META信息，获得其内置的分组规则，利用该分组规则对该标签页进行分组展示。这样，通过在META信息中设置分组规则，使得浏览器的标签页能够自动分组，方便用户快速浏览查看相关标签页的信息，快速地定位目标标签页，从而解决了在打开的标签页太多的时，用户无法快速寻找并切换标签页的问题，提升了工作效率。

本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：

图1是一示例性实施例提供的浏览器中标签页的展示方法的流程图；

图2是一示例性实施例提供的浏览器中展示标签页的界面图；

图3是另一示例性实施例提供的浏览器中标签页的展示方法的流程图；

图4是一示例性实施例提供的用户输入的自定义分组规则的界面图；

图5是一示例性实施例提供的浏览器中标签页的展示装置的框图；

图6是一示例性实施例示出的一种电子设备的框图。

具体实施方式

以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本公开，并不用于限制本公开。

图1是一示例性实施例提供的浏览器中标签页的展示方法的流程图。如图1所示，所述方法可以包括以下步骤。

步骤S11，在获取到在浏览器中打开标签页的指令的情况下，读取标签页的页面META信息。

步骤S12，根据所读取的页面META信息，判断是否存在用于将标签页分组的内置分组规则。

步骤S13，在存在内置分组规则的情况下，将标签页按照内置分组规则进行分组展示。

其中，当用户在浏览器的网页中点击一个链接时，就触发了在浏览器中打开标签页的指令。

META是指元素可提供相关页面的元信息(meta-information)，比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

后台开发人员可以预先开发一个浏览器的插件，将预先设置的内置分组规则放置在META标签中。这样就能够自动将用户打开的标签页按照内置分组规则进行分组展示。

图2是一示例性实施例提供的浏览器中展示标签页的界面图。如图2所示，该浏览器中打开的标签页分成了4组：分组1、分组2、分组3和分组4(包括标签页1、标签页2和标签页3)。屏幕当前展示的是分组4中的标签页1。

其中，后台开发人员预先设置的内置分组规则可以包括标签页的属性信息。属性信息可以包括以下中的一者或多者：域名、路径、网址和标题。例如，当属性信息包括域名时，即根据域名对该标签页进行分组。域名相同的标签页可以分到同一个组内，域名不同的标签页不被分到同一个组内。

若属性信息包括两个或两个以上的属性信息时，可以根据开发人员设置的“和”、“或”的关系进行分组。例如，当属性信息包括域名和标题时，即根据域名和标题两项信息对该标签页进行分组。若同时设置的分组规则为二者为“和”的关系，则域名相同并且标题相同的标签页才可以分到同一个组内；若同时设置的分组规则为二者为“或”的关系，则域名相同和标题相同二者仅满足一个条件就可以分到同一个组内。

上述实施例中的内置分组规则可以是开发人员在预先开发浏览器插件时就设置好的，用户直接应用就可以。在另一实施例中，分组规则还可以由用户自己来设置。图3是另一示例性实施例提供的浏览器中标签页的展示方法的流程图。

该实施例中，在图1的基础上，在步骤S11中，读取标签页的页面META信息之前，还可以包括：确定未存储有用户自定义分组规则，或者，确定未存储有与标签页的属性信息相匹配的用户自定义分组规则。

也就是，标签页的页面META信息的前提条件是未存储有用户自定义分组规则，或者，有用户自定义分组规则，但没有与该标签页的属性信息相匹配的用户自定义分组规则。

用户自定义分组规则可以存储在浏览器或用户终端，是用户自己设置并保存的分组规则。对应地，插件应具有允许用户交互，更新分组规则的功能。

其中，与标签页的属性信息相匹配，是指自定义分组规则中包括与该标签页的属性相同的属性信息，也就是，该标签页的属性信息符合(或者部分符合)自定义分组规则中定义的属性。换句话说，如果用户自定义分组规则与标签页的属性信息相匹配，则该标签页有可能与其它的标签页(之前或之后的标签页)分到同一个组。例如，自定义分组规则中的属性信息包括淘宝的域名，该标签页域名也是淘宝域名，则，该标签页有可能与之前打开的或之后打开的某一些标签页(例如，其他具有淘宝域名的标签页)被分到同一组。

相应地，在该实施例中，该方法还包括：在存储有与标签页的属性信息相匹配的用户自定义分组规则的情况下，根据与标签页的属性信息相匹配的用户自定义分组规则对标签页进行分组展示。

由于用户自定义分组规则不存储在META标签中，因此，如果存在有与标签页的属性信息相匹配的用户自定义分组规则，则不必要再读取标签页的页面META信息。

如果自定义分组规则与标签页的属性信息不匹配，则说明如果仅根据当前的自定义分组规则分组的话，该标签页以后也不可能被分到任意一组。那么此时，可以放弃该自定义的分组规则，转而读取标签页的页面META信息，根据内置分组规则来分组，尽管根据内置分组规则来分组的话，也有可能不被分到任一组。

另外，也可以将读取自定义分组规则和读取META信息以获取内置分组规则同时进行，仍然采取自定义分组规则优先的策略进行分组展示。

该实施例中，用户设置的自定义分组规则优先于内置分组规则，使得浏览器的标签页分组时具有个性化，更符合用户本人的需求，从而加快了标签页的查找速度。

在又一实施例中，在浏览过程中用户可以随时更改分组规则，自动更新分组展示。在该实施例中，该方法还可以包括：获取用户输入的自定义分组规则，以更新当前的自定义分组规则；在监测到自定义分组规则有更新的情况下，将浏览器中的标签页根据更新后的自定义分组规则进行分组展示。

图4是一示例性实施例提供的用户输入的自定义分组规则的界面图。如图4所述，可以在用户点击右上角的“设置”图标后，弹出交互窗口。用户在交互窗口中输入个性化的自定义分组规则。交互窗口可以包括“普通设置”和“高级设置”两个标签。本领域技术人员可以理解的是，图4中是将这两个标签分别作为当前标签时的交互窗口显示在了同一界面中。

普通用户可以选择“普通设置”，在普通设置中，例如，用户可以直接输入想要作为属性信息的域名。而对于专业技术较好的用户，可以选用“高级设置”，在“规则代码”中输入用于指示分组规则的代码。

“普通设置”例如可以支持对域名、路径、网址、标题等属性的关键字进行设置。当同一分组中仅包括一个属性时，可以设置匹配规则为支持该属性。当同一分组中包括多个属性时，可以设置匹配规则为多个属性之间有“或”或“与”的关系。“高级设置”例如允许用户使用对象简谱(JavaScript Object Notation，JSON)和正则表达式的配置。

当用户将设置的自定义分组规则保存以后，响应于该保存，浏览器中当前打开的标签页，就会按照更新后的自定义分组规则自动更新分组状态。

例如，生成分组规则数据可以如下：

整个分组规则分为三部分，包括分组标识、分组名称和匹配规则。

浏览器解析的分组规则如下：

[{groupId:1,groupName:‘分组名称’,groupRules:[{url:‘正则表达式’},{domain:‘’},{path:‘’},{title:‘’},{text:‘’}]}]

匹配规则可以包括网址url、域名domain、路径path、标题title、页面文本text、自定义标签tag等。

服务端的分组规则通过META标签设置，代码如下：

开发人员可以通过此标签进行分组规则的配置，用户端将自动根据此规则进行分组。

以下是一实施例提供的浏览器对分组规则进行解析的过程：

以基于webkit内核进行浏览器开发的代码实现举例。

1、利用chrome.tabs.onUpdated监听URL更新，页面进入；

2、从内存中读取浏览器保存的用户分组数据chrome.storage.local.get(‘tabGroup’)，返回数据如：{‘url’:‘xxxxx’,...}，使用navigator对象读取页面META中设置的内置分组规则，并将自定义分组规则和内置分组规则合并，优先采用用户自定义分组规则；

3、使用chrome.tabs.getAllInWindow获取浏览器所有标签页，根据以上分组规则筛选标签页；

4、使用封装的createTabGroup方法创建标签组，再使用chrome.tabs.move方法将过滤的标签移至标签组中，将符合一个标签组的标签页设置成相同的背景色，剩下不匹配的标签页保留在浏览器顶部；

5、用户修改自定义分组规则后，使用chrome.storage.local.set进行数据更新，使用storage.sync同步至用户账号；

6、chrome.storage.onChanged监听数据更新，浏览器重新获取新分组数据，进行分组。

该实施例中，用户能够在任意时机更改自定义分组规则，从而能够根据当前的工作内容，实时地调整标签页的分组展示策略，灵活性好。

用户根据自己的具体情况设置的自定义分组规则，可以仅保存在终端自己的账户中为自己所用。在又一实施例中，用户还可以将自己设置的分组规则上传到该插件的服务器中，分享给其他用户使用。在该实施例中，该方法还可以包括：在接收到用户触发的上传指令的情况下，将用户输入的自定义分组规则上传到服务器中。

用户对上传功能服务器的设置，也可以在交互窗口中一键完成。例如，在图4的交互窗口中，用户可以通过点选“是否共享”前面的选项框，来设置将自己设置的自定义分组规则上传到服务器。同理，用户也可以选择是否应用服务器上其他用户分享的自定义分组规则。

该实施例中，不同用户之间能够互相分享自定义分组规则，因此，用户在享受到对标签组进行精细地分组展示效果的同时，减少了因设置定义分组规则而耗费的时间和精力。

标签组可以以分组的先后顺序命名，也可以由用户来命名。若由用户来命名，则使得展示的标签组能够更好地为用户所识别。方法还包括：获取用户输入的与属性相关联的分组名称；展示每个标签组的分组名称。

用户对标签组的命名可以在交互窗口中输入。例如，在图4的交互窗口中，用户可以通过在每一个分组的设置项中的“分组名称”的输入框中输入当前分组对应的名称。这样，当分组以后，所展示的标签组即展示出用户自己设置的分组名称。

该实施例中，标签组的名称可以由用户来个性化地设置，从而使所展示的标签组能够更好地为用户所识别，同时，用户也可以利用该功能，达到保护自己的隐私的目的。

若当前的标签页已经分组展示，用户有可能需要找到其内容与一主题相关的标签页。在又一实施例中，用户还可以通过搜索标签页标题的关键字，快速搜索出匹配的标签页。该实施例中，该方法还可以包括：获取用户输入的搜索关键词；在当前打开的标签页中搜索是否存在与搜索关键词相匹配的标签页标题；在存在与搜索关键词相匹配的标签页标题的情况下，展示该标签页标题对应的标签页。

例如，用户在“搜索”标签下的对话框中，输入“电脑”并点击“搜索”按键，则可以搜索出其标题与“电脑”匹配的标签页(例如，标题中包含有“电脑”二字的标签页)，并将这些相匹配的标签页用不同的颜色显示出来，以提示用户。

这样，当打开的标签页比较多，而用户想要的主题又没有作为属性信息来进行分组的情况下，与用户想要的主题相匹配的标签页可能被分到多个组中。用户可以使用搜索的功能将想要的标签页快速地查找出来，从而进一步提高了工作效率。

本公开还提供一种浏览器中标签页的展示装置。图5是一示例性实施例提供的浏览器中标签页的展示装置的框图。如图5所示，浏览器中标签页的展示装置10可以包括读取模块11、判断模块12和第一展示模块13。

读取模块11被配置成用于在获取到在浏览器中打开标签页的指令的情况下，读取标签页的页面META信息。

判断模块12被配置成用于根据所读取的页面META信息，判断是否存在用于将标签页分组的内置分组规则。

第一展示模块13被配置成用于在存在内置分组规则的情况下，将标签页按照内置分组规则进行分组展示。

可选地，读取模块11还被配置成用于在读取标签页的页面META信息之前，确定未存储有用户自定义分组规则，或者，确定未存储有与标签页的属性信息相匹配的用户自定义分组规则。

相应地，浏览器中标签页的展示装置10还可以包括第二展示模块。

第二展示模块被配置成用于在存储有与标签页的属性信息相匹配的用户自定义分组规则的情况下，根据与标签页的属性信息相匹配的用户自定义分组规则对标签页进行分组展示。

可选地，属性信息可以包括以下中的一者或多者：域名、路径、网址和标题。

可选地，浏览器中标签页的展示装置10还可以包括第一获取模块和第三展示模块。

第一获取模块被配置成用于获取用户输入的自定义分组规则，以更新当前的自定义分组规则。

第三展示模块被配置成用于在监测到自定义分组规则有更新的情况下，将浏览器中的标签页根据更新后的自定义分组规则进行分组展示。

可选地，浏览器中标签页的展示装置10还可以包括上传模块。

上传模块被配置成用于在接收到用户触发的上传指令的情况下，将用户输入的自定义分组规则上传到服务器中。

可选地，浏览器中标签页的展示装置10还可以包括第二获取模块和第四展示模块。

第二获取模块被配置成用于获取用户输入的与属性相关联的分组名称。

第四展示模块被配置成用于展示每个标签组的分组名称。

可选地，浏览器中标签页的展示装置10还可以包括第三获取模块、搜索模块和第五展示模块。

第三获取模块被配置成用于获取用户输入的搜索关键词。

搜索模块被配置成用于在当前打开的标签页中搜索是否存在与搜索关键词相匹配的标签页标题。

第五展示模块被配置成用于在存在与搜索关键词相匹配的标签页标题的情况下，展示该标签页标题对应的标签页。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

本公开还提供一种电子设备，包括存储器和处理器。

存储器上存储有计算机程序；处理器被配置成用于执行存储器中的计算机程序，以实现本公开提供的上述方法的步骤。

图6是一示例性实施例示出的一种电子设备600的框图。如图6所示，该电子设备600可以包括：处理器601，存储器602。该电子设备600还可以包括多媒体组件603，输入/输出(I/O)接口604，以及通信组件605中的一者或多者。

其中，处理器601用于控制该电子设备600的整体操作，以完成上述的浏览器中标签页的展示方法中的全部或部分步骤。存储器602用于存储各种类型的数据以支持在该电子设备600的操作，这些数据例如可以包括用于在该电子设备600上操作的任何应用程序或方法的指令，以及应用程序相关的数据，例如联系人数据、收发的消息、图片、音频、视频等等。该存储器602可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，例如静态随机存取存储器(Static Random Access Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory，简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read-Only Memory，简称EPROM)，可编程只读存储器(Programmable Read-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。多媒体组件603可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏，音频组件用于输出和/或输入音频信号。例如，音频组件可以包括一个麦克风，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器602或通过通信组件605发送。音频组件还包括至少一个扬声器，用于输出音频信号。I/O接口604为处理器601和其他接口模块之间提供接口，上述其他接口模块可以是键盘，鼠标，按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件605用于该电子设备600与其他设备之间进行有线或无线通信。无线通信，例如Wi-Fi，蓝牙，近场通信(Near FieldCommunication，简称NFC)，2G、3G、4G、NB-IOT、eMTC、或其他5G等等，或它们中的一种或几种的组合，在此不做限定。因此相应的该通信组件605可以包括：Wi-Fi模块，蓝牙模块，NFC模块等等。

在一示例性实施例中，电子设备600可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit，简称ASIC)、数字信号处理器(DigitalSignal Processor，简称DSP)、数字信号处理设备(Digital Signal Processing Device，简称DSPD)、可编程逻辑器件(Programmable Logic Device，简称PLD)、现场可编程门阵列(Field Programmable Gate Array，简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述的浏览器中标签页的展示方法。

在另一示例性实施例中，还提供了一种包括程序指令的计算机可读存储介质，该程序指令被处理器执行时实现上述的浏览器中标签页的展示方法的步骤。例如，该计算机可读存储介质可以为上述包括程序指令的存储器602，上述程序指令可由电子设备600的处理器601执行以完成上述的浏览器中标签页的展示方法。

以上结合附图详细描述了本公开的优选实施方式，但是，本公开并不限于上述实施方式中的具体细节，在本公开的技术构思范围内，可以对本公开的技术方案进行多种简单变型，这些简单变型均属于本公开的保护范围。

另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本公开对各种可能的组合方式不再另行说明。

此外，本公开的各种不同的实施方式之间也可以进行任意组合，只要其不违背本公开的思想，其同样应当视为本公开所公开的内容。

Claims

1.一种浏览器中标签页的展示方法，其特征在于，所述方法包括：

2.根据权利要求1所述的方法，其特征在于，在所述读取所述标签页的页面META信息之前，包括：

确定未存储有用户自定义分组规则，或者，确定未存储有与所述标签页的属性信息相匹配的用户自定义分组规则，

相应地，所述方法还包括：

3.根据权利要求2所述的方法，其特征在于，所述属性信息包括以下中的一者或多者：域名、路径、网址和标题。

4.根据权利要求2所述的方法，其特征在于，所述方法还包括：

5.根据权利要求4所述的方法，其特征在于，所述方法还包括：

6.根据权利要求2-4中任一权利要求所述的方法，其特征在于，所述方法还包括：

获取用户输入的与属性相关联的分组名称；

展示每个标签组的分组名称。

7.根据权利要求2-4中任一权利要求所述的方法，其特征在于，所述方法还包括：

获取用户输入的搜索关键词；

8.一种浏览器中标签页的展示装置，其特征在于，所述装置包括：

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-7中任一项所述方法的步骤。

10.一种电子设备，其特征在于，包括：

存储器，其上存储有计算机程序；

处理器，被配置成用于执行所述存储器中的所述计算机程序，以实现权利要求1-7中任一项所述方法的步骤。