一种显示批注的方法、装置和计算机可读存储介质与流程

本申请涉及互联网领域，具体而言，涉及一种显示批注的方法、装置和计算机可读存储介质。

背景技术：

随着互联网的快速发展，出现了越来越多可用于查阅书籍、浏览新闻或者观看图像等的应用程序，这些应用程序被安装在诸如手机、平板电脑等终端上，当用户通过应用程序来进行阅读时，为了将用户自己的理解、感想或者见解等内容进行记录，用户可以将当前页面中的某些文本内容进行选中，从而对选中的文本内容进行批注。

在实现本发明的过程中，发明人发现现有技术存在如下问题：现有的应用程序虽然能够实现对文本内容的批注，但是其批注内容的显示方式是将批注的文本内容进行标记，后续用户想要查看标记的文本内容的相关批注时，需要点击带有标记的文本内容才可显示相关的批注。也就是说，现有技术的这种批注的显示方式至少存在批注的展示效率比较低的问题。

技术实现要素：

本申请实施例的目的在于提供一种显示批注的方法、装置和计算机可读存储介质，以能够解决现有技术中存在的批注的展示效率比较低的问题。

第一方面，本申请实施例提供了一种显示批注的方法，所述方法包括：第一设备向服务器发送对第一目标内容的第一批注；第一设备接收服务器发送的对第一目标内容的第二批注，其中，第二批注包括第一批注；第一设备在第一目标内容所在的同一页面中显示第二批注。

因此，本申请实施例通过第一设备将对第一目标内容的第一批注发送给服务器，服务器将对第一目标内容的第二批注发送给第一设备，其中，第二批注包括第一批注，随后第一设备在第一目标内容所在的同一页面中显示第二批注，从而用户能够直接在第一目标内容的页面中查看第二批注，从而避免了现有技术中存在的批注的显示效率比较低和用户阅读体验较差的问题。

在一个可能的实施例中，在第一设备向服务器发送对第一目标内容的第一批注之前，方法还包括：第一设备根据用户对第一目标内容的触控操作确定第一目标内容，其中，触控操作包括对第一目标内容的点击操作或者长按操作；第一设备获取用户输入的对第一目标内容的第一批注。

因此，本申请实施例通过点击操作可以快速地自动生成第一目标内容，也就是说，第一设备支持单击一键生成第一目标选取的功能。

此外，本申请实施例中的第一设备也支持长按来手动选取第一目标内容的方式，从而通过这两种选取第一目标内容的方式来增强了用户的阅读体验。

在一个可能的实施例中，第二批注还包括第三批注，第三批注为第二设备对第二目标内容的批注，第二目标内容包括第一目标内容的部分或全部内容。

因此，本申请实施例通过将处第一设备之外的第二设备的批注也发送给第一设备，从而能够实现各个设备上的批注的同步。

在一个可能的实施例中，第一设备根据用户对第一目标内容的触控操作确定第一目标内容，包括：第一设备根据用户对选取内容的触控操作确定选取内容；第一设备根据用户对选取内容的边界的移动操作和预设选取规则，确定第一目标内容。

因此，本申请实施例通过预设选取规则来确定第一目标内容，从而能够保证确定的第一目标内容为符合要求的目标内容，并且该符合要求的第一目标内容也可减少后期的数据处理量。

在一个可能的实施例中，第一设备在第一目标内容所在的同一页面中显示第二批注，包括：第一设备根据第二批注的内容以及第一目标内容的位置，确定第二批注的显示位置和显示形式；第一设备按照显示形式在显示位置显示第二批注。

因此，本申请实施例通过根据第二批注的内容以及第一目标内容的位置，确定第二批注的显示位置和显示形式，来实现第二批注的快速显示，以及还能够支持各种形式的第二批注(例如，第二批注可以为文字，图片等)。

第二方面，本申请实施例提供了一种显示批注的方法，所述方法包括：服务器接收第一设备发送的对第一目标内容的第一批注；服务器向第一设备发送对第一目标内容的第二批注，以便于第一设备在第一目标内容的同一页面中显示第二批注，其中，第二批注包括第一批注。

第三方面，本申请实施例提供了一种显示批注的装置，所述装置应用于第一设备中，所述装置包括：第一发送模块，用于向服务器发送对第一目标内容的第一批注；第一接收模块，用于接收服务器发送的对第一目标内容的第二批注，其中，第二批注包括第一批注；显示模块，用于在第一目标内容所在的同一页面中显示第二批注。

在一个可能的实施例中，装置包括：确定模块，用于根据用户对第一目标内容的触控操作确定第一目标内容，其中，触控操作包括对第一目标内容的点击操作或者长按操作；获取模块，用于获取用户输入的对第一目标内容的第一批注。

在一个可能的实施例中，第二批注还包括第三批注，第三批注为第二设备对第二目标内容的批注，第二目标内容包括第一目标内容的部分或全部内容。

在一个可能的实施例中，确定模块包括：第一确定子模块，用于根据用户对选取内容的触控操作确定选取内容；第二确定子模块，用于根据用户对选取内容的边界的移动操作和预设选取规则，确定第一目标内容。

在一个可能的实施例中，显示模块包括：第三确定子模块，用于根据第二批注的内容以及第一目标内容的位置，确定第二批注的显示位置和显示形式；显示子模块，用于按照显示形式在显示位置显示第二批注。

第四方面，本申请实施例提供了一种显示批注的装置，所述装置应用于服务器中，所述装置包括：第二接收模块，用于接收第一设备发送的对第一目标内容的第一批注；第二发送模块，用于向第一设备发送对第一目标内容的第二批注，以便于第一设备在第一目标内容的同一页面中显示第二批注，其中，第二批注包括第一批注。

第五方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如第一方面或第一方面中任一的显示批注的方法。

第六方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行如第二方面或第二方面中任一的显示批注的方法。

第七方面，本申请提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当所述电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行第一方面或第一方面的任一可选的实现方式所述的方法。

第八方面，本申请提供一种电子设备，包括：处理器、存储器和总线，所述存储器存储有所述处理器可执行的机器可读指令，当所述电子设备运行时，所述处理器与所述存储器之间通过总线通信，所述机器可读指令被所述处理器执行时执行第二方面或第二方面的任一可选的实现方式所述的方法。

为使本申请实施例所要实现的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本申请实施例可应用的一种实施场景的示意图；

图2示出了本申请实施例提供的一种显示批注的方法的流程图；

图3示出了本申请实施例提供的一种显示批注的方法的具体流程图；

图4示出了本申请实施例中的步骤s310的流程图；

图5示出了本申请实施例中的步骤s330的流程图；

图6示出了本申请实施例提供的一种显示批注的装置的结构框图；

图7示出了本申请实施例提供的另一种显示批注的装置的结构框图；

图8示出了本申请实施例提供的一种装置的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

现有的批注的显示方式是将批注的文本内容进行标记，后续用户想要查看标记的文本内容(即文字)的相关批注时，需要点击带有标记的文本内容才可显示相关的批注。也就是说，现有技术中无法在显示有文本内容的同一页面中显示其相关的批注，后续若用户想要查看标记的文本内容的相关批注，用户则需要点击标记的文本内容后，该终端弹出记录有相关批注的新的页面才可查看，从而造成了批注的展示效率比较低和用户阅读体验较差的问题。

基于此，本申请实施例巧妙地提出了一种显示批注的方法、装置和计算机可读存储介质，通过第一设备将对第一目标内容的第一批注发送给服务器，服务器将对第一目标内容的第二批注发送给第一设备，其中，第二批注包括第一批注。随后，第一设备在第一目标内容所在的同一页面中显示第二批注，从而用户能够直接在第一目标内容的页面中查看第二批注，从而避免了现有技术中存在的批注的展示效率比较低和用户阅读体验较差的问题。

请参见图1，图1示出了本申请实施例可应用的一种实施场景100的示意图。具体地，该实施场景100包括服务器110、网络120、第一设备130和第二设备140中的一种或多种。

在一些实施例中，服务器110可以是单个服务器，也可以是服务器组。服务器组可以是集中式的，也可以是分布式的(例如，服务器110可以是分布式系统)。在一些实施例中，服务器110相对于终端，可以是本地的、也可以是远程的。例如，服务器110可以经由网络120访问存储在第一设备130、第二设备140、或其任意组合中的信息和/或数据。作为另一示例，服务器110可以直接连接到第一设备130和第二设备140中至少一个，以访问存储的信息和/或数据。在一些实施例中，服务器110可以在云平台上实现。

在一些实施例中，服务器110可以包括处理器。处理器可以处理与服务请求有关的信息和/或数据，以执行本申请中描述的一个或多个功能。例如，处理器可以从第一设备130获取第一设备130发送的对第一目标内容的第一批注。在一些实施例中，处理器可以包括一个或多个处理核(例如，单核处理器(s)或多核处理器(s))。

网络120可以用于信息和/或数据的交换。在一些实施例中，实施场景100的一个组件或多个组件(例如，第一设备130等)可以向其他组件发送信息或者数据。例如，服务器110可以经由网络120向第一设备130发送对第一目标内容的第二批注。在一些实施例中，网络120可以是任何类型的有线或者无线网络，或者是他们的结合。例如，网络120可以包括有线或无线网络接入点，例如基站和/或网络交换节点，实施场景100的一个组件或者多个组件可以通过该接入点连接到网络120以交换数据和/或信息。

在一些实施例中，第一设备130或者第二设备140可以包括移动设备、平板电脑、或者膝上型计算机等。

在本申请实施例中，当用户对第一设备130的应用程序的当前显示页面中的第一目标内容进行批注时，第一设备130将用户对第一目标内容的第一批注发送给服务器110。由于除了第一设备130，还可能会存在其他的用户对第一目标内容进行批注。例如，当其他的用户对第二设备140的应用程序的显示页面中的同一第一目标内容进行批注时，第二设备140也可以将其他用户对第一目标内容的第三批注发送给服务器110。因此，为了实现同步，服务器110可以将对第一目标内容的第二批注发送给第一设备130，其中，第二批注可以包括第一批注和第三批注。随后，第一设备130在第一目标内容所在的同一页面中显示第二批注，即在同一页面中可以同时显示有第一目标内容和第二批注。

需要说明的是，本发明实施例提供的一种显示批注的方法和装置还可以进一步拓展到其他合适的实施场景中，而不限于图1所示的实施场景100。虽然图1的实施场景100中仅示出了1个服务器和2个终端，但本领域的技术人员应当理解，在实际应用的过程中，该实施场景100可以包括更多或者更少的终端、服务器，本申请实施例并不局限于此。

图2示出了本申请实施例提供的一种显示批注的方法的流程图，如图2所示的方法包括：

步骤s210，第一设备根据用户对第一目标内容的触控操作确定第一目标内容。其中，触控操作包括对第一目标内容的点击操作或者长按操作。

应理解，第一目标内容是从第一设备的应用程序的显示页面(或者是当前显示屏显示的内容)中选择出的目标内容。其中，第一目标内容可以为文字(包括正文和标题)，也可以为图片，也可为视频。也就是说，第一目标内容的具体类型可以根据实际需求来进行设置，只要保证选取的第一目标内容符合预设选取规则即可，本申请实施例并不局限于此。

还应理解，预设选取规则为用户选取第一目标内容的规则。也就是说，预设选取规则为用户移动选取内容的边界的过程中的约束条件。以及，预设选取规则可以根据实际需求来进行设置，本申请实施例并不局限于此。例如，预设选取规则可以为第一目标内容不能跨行，也可以为第一目标内容不能跨过特殊字符(例如，标点)，也可以为第一目标内容不能超过预设的长度(例如，预设的长度可以为预设的字数)，其中，预设的长度和特殊字符均可以根据实际需求来进行设置。

还应理解，这里仅是为了区分用户在第一目标内之前的选取的内容和第一目标内容，所以引入了选取内容和第一目标内容的两个概念。因此，选取内容可以看做是确定第一目标内容之前的用户选取的内容。当然在不对选取内容进行调整的情况下，选取内容也可看作第一目标内容。换句话说，选取内容可以为用户想要选取的第一目标内容，也可以是多于或者少于第一目标内容的内容。

还应理解，触控操作除了包括点击操作或者长按操作，还可包括其他的操作，本申请实施例并不局限于此。例如，触控操作还可以为拖拉操作，从而通过对用户点击的选取的内容的左边界或者右边界进行拖拉操作，能够实现对第一目标内容的选取。

具体地，当用户想要对第一目标内容进行批注时，用户可先通过对第一设备的触控操作来进行第一目标内容的选取。也就是说，在用户对第一设备的应用程序的显示页面中的内容进行触控操作时，第一设备可通过接收与触控操作相关的指令来实现第一目标内容的选取。

应理解，第一设备根据用户对第一目标内容的触控操作确定第一目标内容的方式可根据实际需求来进行设置，本申请实施例并不局限于此。

可选地，当用户可以对第一设备的应用程序的显示页面中的部分内容为长按操作时，第一设备通过长按操作对应的输入指令，确定进入第一目标内容的选取模式，从而第一设备将用户长按区域的选取内容进行标识，还可以输出批注选择项。也就是说，第一设备根据用户对第一设备的应用程序的显示页面中的显示内容的触控操作来选取可进行批注的选取内容，其中，选取内容为第一设备的应用程序的页面显示内容中的部分内容或者全部内容。此外，选取内容可以是基于用户的长按操作选取的内容，也可以是用户点击自动生成的第一目标内容。

后续，在第一设备通过长按操作选取到选取内容的情况下，第一设备可以输出选取项。以及，在第一设备输出批注选取项的情况下，若当前的选取内容与用户想要选取的第一目标内容不相符，用户可以通过移动选取内容的边界(例如，左边界和右边界)的方式来调整选取内容，从而使得第一设备确定第一目标内容。也就是说，第一目标内容可以包括用户长按区域的内容，也可以与调整用户长按区域后的区域所包含内容一致，也可以为选取内容，也可以与调整选取内容后的区域所包含的内容一致。

此外，在用户调整选取内容的过程中，选取内容的调整需要符合预设选取规则。也就是说，第一设备根据用户对选取内容的边界的移动操作和预设选取规则，来确定第一目标内容。

其中，第一设备可以通过设置不符合预设选取规则的内容无法选中的方式来实现。例如，在预设选取规则为第一目标内容不能跨行的情况下，用户将只能选取某一行的全部或者部分的内容。在用户选取到该行的内容的情况下，用户无法选取到该行的相邻行的内容。

可选地，当用户对第一设备的应用程序的页面显示内容具有触控操作时，第一设备可以将点击操作对应的输入指令和自动生成第一目标内容的指令进行匹配。其中，自动生成第一目标内的指令为第一设备中预先存储的自动生成第一目标内容的指令，从而第一设备能够根据自动生成第一目标内容的指令来自动选取第一目标内容。在用户的触控操作为点击操作的情况下，第一设备可以确定点击操作对应的输入指令和自动生成第一目标内容的指令匹配成功。

随后，第一设备可以根据用户的点击区域来自动生成第一目标内容，其中，第一目标内容是包含有用户点击的点击区域的内容。以及，自动生成的第一目标内容也可以是符合预设选取规则的。

例如，在第一设备的应用程序的页面的显示有“我去吃饭了，你去吗”的内容，以及预设选取规则为第一目标内容不能跨过标点，当用户的点击区域为“你”的情况下，且第一设备确定用户的操作为点击操作，则第一设备确定自动生成第一目标内容。当第一设备在自动选取第一目标内容的过程中，由于预设选取规则为第一目标内容不能跨过标点，则第一设备自动生成的第一目标内容为“你去吗”。

另外，在第一设备自动生成第一目标内容后，第一设备可以自动弹出批注输入界面，也可以输出批注选择项。其中，批注选择项可以看作批注输入界面的调取项，当用户点击批注选择项的情况下，第一设备可以弹出批注输入界面。

其中，无论是在批注输入界面的情况下，还是在输出批注选择项的情况下，若当前自动生成的第一目标内容与用户想要选取的目标内容不相符，用户可以通过移动当前的第一目标内容的边界来选取用户想要的第一目标内容。

此外，在用户调整选取当前的第一目标内容的过程中，第一目标内容的调整也需要符合预设选取规则。

步骤s220，第一设备获取用户输入的对第一目标内容的第一批注。

具体地，在第一设备确定第一目标内容后，第一设备可以通过用户对批注选择项的操作指令来调取批注输入界面，从而用户可以在批注输入界面中输入对第一目标内容的第一批注。

应理解，虽然上面示出了通过对批注选择项的操作来调取批注输入界面的方式，但本领域的技术人员应当理解，在通过用户的点击操作来自动生成第一目标内容的情况下，第一设备可以直接弹出批注输入界面，从而用户无需通过对批注选择项的操作来调取批注输入界面。

步骤s230，第一设备向服务器发送对第一目标内容的第一批注。

具体地，第一设备可以将第一目标内容和第一批注发送给服务器，也可将第一目标内容的位置(例如，第一目标内容所属的文章以及该文章中的第几段的第几句话)和第一批注发送给服务器，也可以将应用程序的标识、第一目标内容和第一批注发送给服务器，也可以将应用程序的标识、第一目标内容的位置和第一批注发送给服务器。也就是说，第一设备向服务器发送对第一目标内容的第一批注的方式可根据实际需求来进行设置，只要能够保证服务器接收到第一批注后，服务器能够确定第一批注是关于第一目标内容的批注即可，本申请实施例并不局限于此。

步骤s240，服务器接收第一设备发送的对第一目标内容的第一批注。

具体地，由于应用程序可以运行在多个不同的设备上，所以，在用户通过第一设备对第一目标内容进行批注的时间点，也可能存在其他的用户通过除第一设备之外的其他设备也在对第一目标内容进行批注。因此，服务器除了可以接收第一设备发送的对第一目标内容的第一批注之外，服务器还可以接收除第一设备之外的其他设备发送的对第一目标内容的第三批注。

因此，服务器可以汇总在同一时间点第一设备发送的第一批注以及其他设备发送的第三批注，并将汇总后的第一批注和第三批注确定为第二批注。也就是说，第二批注除了第一批注，还可以包括第三批注，第三批注为第二设备对第二目标内容的批注，第二目标内容包括第一目标内容的全部内容，其中，这里的第二目标内容是与第一目标内容是相同的。

另外，虽然上面示出了其他的用户对第一目标内容进行批注的情况，但是，其他用户也可通过第一设备之外的其他设备来对包含有第一目标内容的部分内容的第二目标内容来进行批注。也就是说，第二目标内容可以是第一目标内容的一部分，也可以是第二目标内容与第一目标内容中存在重合的内容。

从而，在其他设备将对第二目标内容的第三批注发送到服务器后，服务器可基于在同一时间点接收到的第一设备发送的第一批注以及其他设备发送的第三批注，来确定第二批注。其中，第二批注可以包括第三批注，第三批注为第二设备对第二目标内容的批注，第二目标内容包括第一目标内容的部分内容。

换句话说，服务器可以将第一目标内容和第二目标内容整合为一个目标内容，以及还将第一批注和第三批注整合为一个批注，后续在第一目标内容和第二目标内容的所在的同一页面中同时显示第一批注和第三批注。以及，在用户点击这个合并的目标内容的情况下，第一设备可以显示不同的用户的批注内容。

例如，在应用程序的页面中显示有“我去吃饭了，你去吗”的内容的情况下，一用户a可以通过第一设备对“吃饭”进行批注，且服务器接收到第一设备发送的第一批注为“吃啥饭”。另一用户b可以通过第二设备对“我去吃饭了”进行批注，且服务器接收到第二设备发送的第三批注为“你吃的啥饭”。后续，服务器在接收到第一批注和第三批注后，可以将第一目标内容“吃饭”和第二目标内容“我去吃饭了”进行合并，以得到合并后的目标内容为“我去吃饭了”，并将第一批注“吃啥饭”和第三批注“你吃的啥饭”进行合并，以得到合并后的第二批注为“你吃的啥饭”。后续，某一用户在点击标记有“我去吃饭了”的时候，某一设备可以弹出二级页面，二级页面至少显示有用户a的第一批注为“吃啥饭”以及用户b的第三批注为“你吃的啥饭”。

步骤s250，服务器向第一设备发送对第一目标内容的第二批注。

具体地，服务器可以将第一目标内容和第二批注发送给第一设备，也可将第一目标内容的位置和第二批注发送给第一设备，也可以将应用程序的标识、第一目标内容和第二批注发送给第一设备，也可以将应用程序的标识、第一目标内容的位置和第二批注发送给第一设备。

也就是说，服务器向第一设备发送对第一目标内容的第二批注可根据实际需求来进行设置，只要能够保证第一设备接收到第二批注后，第一设备能够确定第二批注是关于第一目标内容的批注即可，本申请实施例并不局限于此。

步骤s260，第一设备在第一目标内容所在的同一页面中显示第二批注。

具体地，由于不同型号的第一设备的显示屏大小可能是不一样的，所以，在第一设备接收到服务器发送的第二批注后，第一设备可以确定第一目标内容在当前显示屏中的位置。其中，第一目标内容的位置可以为第一目标内容所位于当前第一设备的显示屏中的二维坐标，也可以是第一目标内容所位于当前第一设备的显示屏中显示的第几段第几句话，本申请实施例并不局限于此。

在第一设备在确定第一目标内容的位置后，第一设备根据第二批注的内容以及第一目标内容的位置，来确定第二批注的显示位置和显示形式，以及第一设备按照显示形式在显示位置显示第二批注。

为了便于理解本申请实施例，下面对第一设备根据第二批注的内容以及第一目标内容的位置，来确定第二批注的显示位置和显示形式，以及第一设备按照显示形式在显示位置显示第二批注的方案进行描述。

第一设备在确定第一目标内容的位置后，第一设备可以计算显示第二批注的区域的位置和大小。随后，在第一设备对第二批注进行格式(例如，字体类型和字体大小)设置后，第一设备可以通过显示第二批注的区域的位置和大小，来确定显示第二批注的区域能否完全显示第二批注。若显示第二批注的区域能够完全显示第二批注，则第一设备将第二批注显示在第二批注的显示区域中。若显示第二批注的区域不能够完全显示第二批注的情况下，第一设备可以根据第二批注的显示区域的大小，来对第二批注进行调整。

应理解，第一设备对第二批注的调整可以根据实际需求来进行设置，本申请实施例并不局限于此。例如，第一设备可以调整第二批注的格式。再例如，第一设备可以对第二批注进行删节处理，其中，删节是指删去可有可无的文字或比较次要的部分。再例如，在第一设备确定第一目标内容的批注中已经存在与第二批注相同的批注时，第一设备可以在第一目标内容的批注的右上角添加角标(例如，+1)。

此外，为了区分批注后的第一目标内容和其他未批注的内容，第一设备可以为第一目标内容添加标识(例如，下划线)。

例如，第一设备可以根据第一目标内容的位置，来计算当前页面中显示第一目标内的下划线的区域的大小。在第一设备确定显示下划线的区域的大小后，第一设备可以设置下划线的样式(例如，线的粗细)。最后，第一设备将下划线显示在下划线的显示区域中，且下划线的显示区域与第一目标内容处于同一页面。

应理解，除了上面的下划线的方式，第一目标内容的标识还可以根据实际需求来进行设置，本申请实施例并不局限于此。例如，标识还可为改变第一目标内容的颜色。

另外，上面虽然示出了第一设备显示第二批注的过程，但是在第一设备显示第二批注的过程中，第一设备可预先确定第一目标内容是否已经存在有之前的批注。

若第一设备确定第一批注为第一目标内容的新批注，即第一目标内容之前没有任何的批注内容，则第一设备可按照上面的方法在第一目标内容所在的同一页面中显示第二批注。

若第一设备确定第一目标内容已经存在之前的批注，则第一设备可以通过第一目标内容的之前的批注的属性信息来确定是否将第二批注显示在第一目标内容所在的同一页面中。其中，第一目标内容的之前的批注的属性信息包括但不限于：之前批注的点赞数、之前批注的发表时间。

应理解，之前的批注的属性信息可以根据实际需求来进行设置，本申请实施例并不局限于此。

还应理解，第一设备可以通过第一目标内容的之前的批注的属性信息来确定是否将第二批注显示在第一目标内容所在的同一页面中的具体实现方式可以根据实际需求来进行设置，本申请实施例并不局限于此。

为了便于理解本申请实施例，下面通过具体的实施例来对第一设备可以通过第一目标内容的之前的批注的属性信息来确定是否将第二批注显示在第一目标内容所在的同一页面中的步骤进行描述。

第一设备可以预先确定当前时间与之前批注的发表时间之间的时间差是否处于预设时间范围内。若时间差处于预设时间范围内，则第一设备确定之前的批注是有效的。若时间差处于预设时间范围之外，则第一设备确定之前的批注是无效的，则第一设备在第一目标内容所在的同一页面中显示第二批注。也就是说，每个批注都是具有时效性的。

此外，在时间差处于预设时间范围内的情况下，第一设备可以再通过确定之前的批注的点赞数来确定如何显示。若之前的批注的点赞数都小于2，则第一设备在第一目标内容所在的同一页面中显示第二批注。若之前的批注的点赞数大于等于2，则第二批注的点赞是最少的，则第一设备在第一目标内容所在的同一页面中显示之前的点赞数最高的批注。

应理解，预设时间范围可以根据实际需求来进行设置，本申请实施例并不局限于此。

另外，在第一目标内容所在的同一页面中没有显示第二批注的情况下，第一设备可以将第二批注放到能够显示有预设数量的批注的二级页面中，其中，二级页面可以为用户点击第一目标内容弹出的新的页面，在该新的页面中显示有预设数量的批注。其中，预设数量可根据实际需求来进行设置，本申请实施例并不局限于此。

应理解，在第一目标内容的批注的个数较多的情况下，这里的二级页面仍然无法将第一目标内容的全部批注全部显示，从而可设置三级页面的方式来实现。其中，三级页面可以看作用户在点击二级页面的展开选项后，第一设备弹出的显示有第一目标内容对应的所有批注的页面，二级页面可显示有点赞数较多(或者点赞数超过阈值)的批注。

此外，虽然上面记载了第一设备显示第二批注的步骤，但是在某一页面显示有较多批注的情况下，用户为了提高自己的阅读体验，用户可以通过对第一设备的预设操作来将全部的批注进行隐藏。

应理解，这里的预设操作可根据实际需求来进行设置，本申请实施例对此不做限定。

例如，在预设操作为摇一摇的情况下，第一设备可以通过获取摇一摇对应的操作指令来将第一设备的当前页面中的所有批注进行隐藏，即此时第一设备中只存在目标内容的下划线。后续，用户可通过点击目标内容或者再次摇一摇的方式来查看目标内容相关的批注。

另外，在用户通过第一设备发送第一批注后，用户还可通过第一设备将自身之前发表过的批注进行删除。

还应理解，虽然上面步骤s210至步骤s260示出了第二批注的显示过程，但是本领域的技术人员应当理解，在用户没有通过第一设备发表批注的情况下，用户可以通过刷新当前页面(例如，将当前页面进行下拉)的方式来获取其他用户发表的批注，本申请实施例并不局限于此。

因此，本申请实施例通过第一设备将对第一目标内容的第一批注发送给服务器，服务器将对第一目标内容的第二批注发送给第一设备，其中，第二批注包括第一批注，随后第一设备在第一目标内容所在的同一页面中显示第二批注，从而用户能够直接在第一目标内容的页面中查看第二批注，从而避免了现有技术中存在的批注的显示效率比较低和用户阅读体验较差的问题。

为了便于理解本申请实施例，下面通过具体的实施例来对显示批注的方法进行描述。

请参见图3，图3示出了本申请实施例提供的一种显示批注的方法的具体流程图，如图3所示的方法包括：

步骤s310，第一设备确定第一目标内容。

具体地，如图4所示，图4示出了本申请实施例中的步骤s310的流程图，如图4所示的步骤s310的方法包括：

步骤s411，用户交互行为。也就是说，第一设备根据用户的触控操作来获取触控操作的相关指令。

步骤s412，确定当前是否是选择模式。其中，选择模式可以是指用户已经选取了第一目标内容，也可以是指用户已经选取应用程序的页面中显示的选取内容，即选取模式表明用户已经选取了内容，这里的内容可以为用户想要选取的第一目标内容，也可以是多于或者少于第一目标内容的内容。在第一设备确定当前模式为选择模式的情况下，则执行步骤s413。在第一设备确定当前模式不是选择模式的情况下，则执行步骤s417。

步骤s413，确定用户是否在更改选区，其中，更改选区也可以成为更改选取内容。其中，第一设备可以通过判断用户是否对选取的内容的边界进行拖拉操作(或者移动操作)来确定用户是否在更改选区。若第一设备确定用户没有在更改选区，则执行步骤s414。若第一设备确定用户在更改选区，则步骤s415。

步骤s414，退出选择模式。也就是说，在确定用户没有更改选区的情况下，第一设备则退出选取模式。

步骤s415，根据预设选取规则，来计算新选区。也就是说，第一设备根据用户对选取内容的移动操作和预设选取规则，来确定用户移动操作后的选取内容。

步骤s416，更改选取内容。也就是说，第一设备可以通过用户的拖拉操作来调整选取内容。例如，在应用程序显示有“我去吃饭了，你去吗”的内容的情况下，步骤s414中的选取内容可以为“吃”，则通过步骤s415和步骤s416，可以将选取内容调整为“去吃饭”。

步骤s417，确定用户是否是长按操作。在确定用户是长按操作的情况下，则执行步骤s418。在确定用户不是长按操作的情况下，则步骤s423。

步骤s418，进入选择模式。

步骤s419，根据预设选取规则生成选区。也就是说，用户可以通过移动选取内容的边界，来选取选区。

步骤s420，确定用户是否继续拖动。在确定用户继续拖动的情况下，则执行步骤s421。在确定用户没有继续拖动的情况下，则执行步骤s426。

步骤s421，根据预设选取规则计算新选区。

步骤s422，更改选区内容。在执行完步骤s422后，可以返回步骤s420。

步骤s423，确定点击区域是否绑定有交互行为。其中，这里的绑定有交互行为可以理解成是否具有链接。例如，链接可以是邮件的链接，也可以是网页的链接，本申请实施例并不局限于此。

在确定点击区域绑定有交互行为的情况下，则执行步骤s424。在确定点击区域没有绑定交互行为的情况下，则执行步骤s425。

步骤s424，触发绑定的交互行为。例如，在绑定的交互行为网页的链接的情况下，当用户点击这个链接的情况下，则第一设备打开网页。

步骤s425，触发快速批注行为。也就是说，用户可以通过点击的触控操作来实现第一目标内容(或者是选取内容)的自动选取。

步骤s426，交互结束。其中，这里的交互结束可以是步骤s310的结束，也可以是步骤s320的开始，也可以是退出批注的模式。

步骤s320，第一设备获取第一批注。

步骤s320的过程可参见图2中的步骤s220的步骤的相关描述在此不再描述。

步骤s330，第一设备显示第二批注。

具体地，如图5所示，图5示出了本申请实施例中的步骤s330的流程图，如图5所示的步骤s330的方法包括：

步骤s511，从服务器获取第二批注。

步骤s512，确定第一目标内容的位置。

步骤s513，绘制第二批注。

步骤s514，根据第一目标内容的位置，确定显示第二批注的区域的位置和大小。

步骤s515，设置第二批注的样式。

步骤s516，根据显示第二批注的区域的位置和大小，对第二批注进行删节或者添加角标等处理。

步骤s517，绘制第二批注。

步骤s518，根据第一目标内容的位置，来确定第一目标内容的下划线的显示区域的位置和大小。

步骤s519，设置下划线的样式。

步骤s520，绘制下划线。

步骤s521，将绘制事务提交。也就是说，这里可将步骤s517和步骤s520两个步骤并行实现，即在绘制第二批注的过程中，也可进行下划线的绘制。

步骤s522，绘制完成。

如图3所示，在执行步骤s330的过程中，也可执行步骤s340。当然可以在步骤s330执行完后，再执行步骤s340以及步骤s310。

步骤s340，基于批注内容进行交互。其中。基于批注内容进行交互包括不同的用户可以对同一第一目标内容进行批注、第二批注的显示、批注的删除。

应理解，基于批注内容进行交互的交互种类还可根据实际需求来进行设置，本申请实施例并不局限于此。

还应理解，上述显示批注的方法仅是示例性的，本领域技术人员根据上述的方法可以进行各种变形。

请参见图6，图6示出了本申请实施例提供的一种显示批注的装置600的结构示意图，应理解，该装置600与上述图2至图5的方法实施例中的第一设备侧对应，能够执行上述方法实施例第一设备侧涉及的各个步骤，该装置600具体的功能可以参见上文中的描述，为避免重复，此处适当省略详细描述。装置600包括至少一个能以软件或固件(firmware)的形式存储于存储器中或固化在装置600的操作系统(operatingsystem，os)中的软件功能模块。具体地，该装置600包括：

第一发送模块610，用于向服务器发送对第一目标内容的第一批注；第一接收模块620，用于接收服务器发送的对第一目标内容的第二批注，其中，第二批注包括第一批注；显示模块630，用于在第一目标内容所在的同一页面中显示第二批注。

在一个可能的实施例中，装置600包括：确定模块(未示出)，用于根据用户对第一目标内容的触控操作确定第一目标内容，其中，触控操作包括对第一目标内容的点击操作或者长按操作；获取模块(未示出)，用于获取用户输入的对第一目标内容的第一批注。

在一个可能的实施例中，第二批注还包括第三批注，第三批注为第二设备对第二目标内容的批注，第二目标内容包括第一目标内容的部分或全部内容。

在一个可能的实施例中，确定模块包括：第一确定子模块(未示出)，用于根据用户对选取内容的触控操作确定选取内容；第二确定子模块(未示出)，用于根据用户对选取内容的边界的移动操作和预设选取规则，确定第一目标内容。

在一个可能的实施例中，显示模块630包括：第三确定子模块(未示出)，用于根据第二批注的内容以及第一目标内容的位置，确定第二批注的显示位置和显示形式；显示子模块(未示出)，用于按照显示形式在显示位置显示第二批注。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置的具体工作过程，可以参考前述方法中的对应过程，在此不再过多赘述。

请参见图7，图7示出了本申请实施例提供的另一种显示批注的装置700的结构示意图，应理解，该装置700与上述图2至图5的方法实施例中的服务器侧对应，能够执行上述方法实施例服务器侧涉及的各个步骤，该装置700具体的功能可以参见上文中的描述，为避免重复，此处适当省略详细描述。装置700包括至少一个能以软件或固件(firmware)的形式存储于存储器中或固化在装置700的操作系统(operatingsystem，os)中的软件功能模块。具体地，该装置700包括：

第二接收模块710，用于接收第一设备发送的对第一目标内容的第一批注；第二发送模块720，用于向第一设备发送对第一目标内容的第二批注，以便于第一设备在第一目标内容的同一页面中显示第二批注，其中，第二批注包括第一批注。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的装置的具体工作过程，可以参考前述方法中的对应过程，在此不再过多赘述。

本申请还提供一种装置，该装置可设置在服务器中，也可设置在第一设备中，也可设置在除第一设备之外的其他设备中。

图8示出了本申请实施例提供的一种装置800的结构示意图。如图8所示，装置800可以包括处理器810、通信接口820、存储器830和至少一个通信总线840。其中，通信总线840用于实现这些组件直接的连接通信。其中，本申请实施例中设备的通信接口820用于与其他节点设备进行信令或数据的通信。处理器810可以是一种集成电路芯片，具有信号的处理能力。上述的处理器810可以是通用处理器，包括中央处理器(centralprocessingunit，简称cpu)、网络处理器(networkprocessor，简称np)等；还可以是数字信号处理器(dsp)、专用集成电路(asic)、现成可编程门阵列(fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器810也可以是任何常规的处理器等。

存储器830可以是，但不限于，随机存取存储器(randomaccessmemory，ram)，只读存储器(readonlymemory，rom)，可编程只读存储器(programmableread-onlymemory，prom)，可擦除只读存储器(erasableprogrammableread-onlymemory，eprom)，电可擦除只读存储器(electricerasableprogrammableread-onlymemory，eeprom)等。存储器830中存储有计算机可读取指令，当所述计算机可读取指令由所述处理器810执行时，装置800可以执行上述图2至图5方法实施例中对应装置侧的各个步骤。例如，在装置800设置在第一设备中的情况下，存储器830中存储有计算机可读取指令，当所述计算机可读取指令由所述处理器810执行时，装置800可以执行上述图2至图5方法实施例中第一设备侧的各个步骤。

装置800还可以包括存储控制器、输入输出单元、音频单元、显示单元。

所述存储器830、存储控制器、处理器810、外设接口、输入输出单元、音频单元、显示单元各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通信总线840实现电性连接。所述处理器810用于执行存储器830中存储的可执行模块，例如装置800包括的软件功能模块或计算机程序。

输入输出单元用于提供给用户输入数据实现用户与所述服务器(或本地终端)的交互。所述输入输出单元可以是，但不限于，鼠标和键盘等。

音频单元向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。

显示单元在所述电子设备与用户之间提供一个交互界面(例如用户操作界面)或用于显示图像数据给用户参考。在本实施例中，所述显示单元可以是液晶显示器或触控显示器。若为触控显示器，其可为支持单点和多点触控操作的电容式触控屏或电阻式触控屏等。支持单点和多点触控操作是指触控显示器能感应到来自该触控显示器上一个或多个位置处同时产生的触控操作，并将该感应到的触控操作交由处理器进行计算和处理。

输入输出单元用于提供给用户输入数据实现用户与处理终端的交互。所述输入输出单元可以是，但不限于，鼠标和键盘等。

可以理解，图8所示的结构仅为示意，所述装置800还可包括比图8中所示更多或者更少的组件，或者具有与图8所示不同的配置。图8中所示的各组件可以采用硬件、软件或其组合实现。

本申请提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行图2至图5中的第一设备侧的任一可选的实现方式所述的方法。

本申请提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序，该计算机程序被处理器运行时执行图2至图5中的服务器侧的任一可选的实现方式所述的方法。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统的具体工作过程，可以参考前述方法中的对应过程，在此不再过多赘述。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本申请的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本申请的优选实施例而已，并不用于限制本申请，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应所述以权利要求的保护范围为准。