提示框的显示方法、装置及电子设备与流程

本技术涉及计算机，具体而言，涉及一种提示框的显示方法、装置及电子设备。

背景技术：

1、目前，在浏览器网页中展示提示框是非常常见的，例如，在网页元素不能完全展示其内容或需要对网页元素进行特别说明时，都需要用到提示框，当鼠标指针在浏览器网页中滑过时可以进行文字的提示或者展示出页面上仅有部分文字时的完整内容，既节约空间又能使得用户得到完整的信息，使用程度较高。

2、现有技术在浏览器网页中展示提示框时，通常根据页面元素的位置确定提示框的位置。但是，若页面元素的内边距(即页面元素中的文字内容与页面元素的边界之间的距离)较大，根据页面元素的位置确定提示框的位置容易导致展示的提示框与页面元素中的文字内容之间的距离较远，从而导致浏览器页面中的提示框的显示位置不佳，进而导致浏览器页面与用户的交互效率较差的问题。

3、针对上述的问题，目前尚未提出有效的解决方案。

技术实现思路

1、本技术提供了一种提示框的显示方法、装置及电子设备，以至少解决现有技术中由于浏览器页面中的提示框的显示位置不佳，导致浏览器页面与用户的交互效率较差的技术问题。

2、根据本技术的一个方面，提供了一种提示框的显示方法，包括：获取第一页面元素对应的目标文字节点，其中，所述第一页面元素为浏览器页面中鼠标指针滑过的页面元素，所述目标文字节点用于在所述浏览器页面中展示所述第一页面元素对应的部分文字内容；依据所述目标文字节点生成范围块，其中，所述范围块用于确定所述目标文字节点在所述浏览器页面中的位置信息；确定所述范围块对应的m个顶点的坐标信息，其中，m为正整数；在所述目标文字节点未被所述浏览器页面中的第二页面元素所遮挡的情况下，依据所述m个顶点的坐标信息在所述浏览器页面中显示目标提示框，其中，所述第二页面元素为固定在所述浏览器页面的最上层的页面元素，所述目标提示框用于展示所述第一页面元素对应的全部文字内容。

3、可选地，依据所述目标文字节点生成范围块，包括：创建初始范围块；将所述目标文字节点添加至所述初始范围块中，生成所述范围块。

4、可选地，在所述目标文字节点未被所述浏览器页面中的第二页面元素所遮挡的情况下，依据所述m个顶点的坐标信息在所述浏览器页面中显示目标提示框之前，所述方法还包括：从所述m个顶点的坐标信息中确定第一位置坐标和第二位置坐标，其中，所述第一位置坐标为位于所述范围块左上方的顶点所对应的坐标，所述第二位置坐标为位于所述范围块左下方的顶点所对应的坐标；依据所述第一位置坐标和所述第二位置坐标获取第一元素以及第二元素，其中，所述第一元素为位于所述第一位置坐标的页面元素，所述第二元素为位于所述第二位置坐标的页面元素；检测所述第一元素和所述第二元素是否均为所述第一页面元素；在所述第一元素和所述第二元素均为所述第一页面元素的情况下，确定所述目标文字节点未被所述浏览器页面中的第二页面元素所遮挡。

5、进一步地，在检测所述第一元素和所述第二元素是否均为所述第一页面元素之后，所述方法还包括：在所述第一元素和/或所述第二元素为其他页面元素的情况下，确定所述目标文字节点被所述浏览器页面中的第二页面元素所遮挡，其中，所述其他页面元素为所述浏览器页面中除所述第一页面元素之外的其他元素；获取所述鼠标指针在所述浏览器页面中的位置信息；基于所述位置信息在所述浏览器页面中显示所述目标提示框。

6、可选地，依据所述m个顶点的坐标信息在所述浏览器页面中显示目标提示框，包括：依据所述第一页面元素对应的全部文字内容确定所述目标提示框的尺寸；基于所述目标提示框的尺寸以及所述第一位置坐标确定所述目标提示框对应的n个顶点的坐标信息，其中，n为正整数；基于所述目标提示框对应的n个顶点的坐标信息在所述浏览器页面中显示所述目标提示框。

7、可选地，基于所述目标提示框对应的n个顶点的坐标信息在所述浏览器页面中显示所述目标提示框，包括：依据所述n个顶点的坐标信息检测所述n个顶点中的每个顶点是否均位于所述浏览器页面之内；在所述每个顶点中的任意一个顶点位于所述浏览器页面之外的情况下，依据该顶点的位置信息确定所述目标提示框位于所述浏览器页面之外的超出长度；依据所述超出长度对所述n个顶点中的每个顶点的坐标信息进行调整，得到调整后的n个顶点的坐标信息；基于所述调整后的n个顶点的坐标信息在所述浏览器页面中显示所述目标提示框；在所述每个顶点均位于所述浏览器页面之内的情况下，基于所述目标提示框对应的n个顶点的坐标信息在所述浏览器页面中显示所述目标提示框。

8、进一步地，在依据所述m个顶点的坐标信息在所述浏览器页面中显示目标提示框之后，所述方法还包括：检测所述鼠标指针是否处于所述目标提示框之内；在所述鼠标指针处于所述目标提示框之内的情况下，在所述浏览器页面中始终显示所述目标提示框；在所述鼠标指针未处于所述目标提示框之内的情况下，停止在所述浏览器页面中显示所述目标提示框。

9、进一步地，在所述鼠标指针处于所述目标提示框之内的情况下，在所述浏览器页面中始终显示所述目标提示框之后，所述方法还包括：响应于复制操作指令，选中所述目标提示框中的文字内容信息，并对所述文字内容信息进行复制，其中，所述复制操作指令为所述鼠标指针在所述目标提示框内触发的指令。

10、根据本技术的另一方面，还提供了一种提示框的显示装置，包括：获取模块，用于获取第一页面元素对应的目标文字节点，其中，所述第一页面元素为浏览器页面中鼠标指针滑过的页面元素，所述目标文字节点用于在所述浏览器页面中展示所述第一页面元素对应的部分文字内容；生成模块，用于依据所述目标文字节点生成范围块，其中，所述范围块用于确定所述目标文字节点在所述浏览器页面中的位置信息；确定模块，用于确定所述范围块对应的m个顶点的坐标信息，其中，m为正整数；显示模块，用于在所述目标文字节点未被所述浏览器页面中的第二页面元素所遮挡的情况下，依据所述m个顶点的坐标信息在所述浏览器页面中显示目标提示框，其中，所述第二页面元素为固定在所述浏览器页面的最上层的页面元素，所述目标提示框用于展示所述第一页面元素对应的全部文字内容。

11、根据本技术的另一方面，还提供了一种计算机可读存储介质，计算机可读存储介质中存储有计算机程序，其中，计算机程序被设置为运行时执行上述的提示框的显示方法。

12、根据本技术的另一方面，还提供了一种电子设备，电子设备包括一个或多个处理器；存储器，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器执行时，使得一个或多个处理器实现用于运行程序，其中，程序被设置为运行时执行上述的提示框的显示方法。

13、在本技术中，首先获取第一页面元素对应的目标文字节点，其中，所述第一页面元素为浏览器页面中鼠标指针滑过的页面元素，所述目标文字节点用于在所述浏览器页面中展示所述第一页面元素对应的部分文字内容；然后依据所述目标文字节点生成范围块，其中，所述范围块用于确定所述目标文字节点在所述浏览器页面中的位置信息；并确定所述范围块对应的m个顶点的坐标信息，其中，m为正整数；最后在所述目标文字节点未被所述浏览器页面中的第二页面元素所遮挡的情况下，依据所述m个顶点的坐标信息在所述浏览器页面中显示目标提示框，其中，所述第二页面元素为固定在所述浏览器页面的最上层的页面元素，所述目标提示框用于展示所述第一页面元素对应的全部文字内容。

14、在上述过程中，通过基于第一页面元素在浏览器页面中显示的部分文字内容(即目标文字节点)生成范围块，并确定范围块对应的m个顶点的坐标信息，实现了基于范围块对应的顶点的坐标信息确定目标文字节点在浏览器页面中的位置信息；在目标文字节点未被浏览器页面中的第二页面元素所遮挡的情况下，依据m个顶点的坐标信息在浏览器页面中显示目标提示框，以展示第一页面元素对应的全部文字内容，实现了基于目标文字节点在浏览器页面中的位置信息在浏览器页面中显示目标提示框，避免了根据页面元素的位置确定提示框的位置导致展示的提示框与页面元素中的文字内容之间的距离较远，从而导致浏览器页面中的提示框的显示位置不佳的问题，从而实现了提高浏览器页面与用户的交互效率的技术效果，进而解决了现有技术中由于浏览器页面中的提示框的显示位置不佳，导致浏览器页面与用户的交互效率较差的技术问题。