[发明专利]基于WEB交互的TIP显示内容处理方法、装置及电子设备

说明书

本发明实施例中提供了一种基于WEB交互的TIP显示内容处理方法、装置及电子设备，属于数据处理技术领域，该方法包括：包括获取TIP提示框的整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容；基于所述整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容确定所述TIP提示框每行分布的字符；判断在每行字符中的始末字符是否存在不饱满占位字符；若存在，则计算所述不饱满占位符导致的空白宽度W2，并使用Canvas工具重绘所述TIP提示框，使所述显示内容在W‑W11‑W12‑W2的宽度范围内重新显示。通过本申请的处理方案，使TIP提示框的文字排列更加合理。

技术领域

本发明涉及数据处理技术领域，尤其涉及一种基于WEB交互的TIP显示内容处理方法、装置及电子设备。

背景技术

随着技术的发展，基于Web进行信息传播得到了越了越多的应用。在通过浏览器进行信息传输之后，通常会采用提示框的方式对一些实时的或必要的进行TIP弹窗提示。提示框中显示内容可以是用户在屏幕中的输入框中输入关键字后，系统会根据所述关键字预判用户可能的目标内容，并将该目标内容以提示框显示内容的方式显示给用户，这样，使得用户可以在输入少量的文字就可以得到所需结果，进而有效地节约用户的时间。由于用户会经常输入不同的内容，为了使向用户推荐的内容更加准确或有效，一般会将多个显示内容推送给用户。

现有技术的中提示框通常显示在屏幕的角落位置(例如，右下角)，受制于提示框面积较小的限制，提示框中每行显示的字符个数通常较少，当提示框的起始或末尾中出现了较窄的字符后，通常会导致提示框的显示内容看起来排版不整齐。例如，中文字符中偏左的符号“，；】》。、！)”在显示内容被渲染过程中偏左，有大部分空白区域，导致如果这些符号出现在末尾，使得当前行的可视空白区域增加，通过计算，每个字符可以节约至少1/2控件。同理中文字符中偏右的符号“【《(”则属于左侧有1/2控件剩余的符号，所以这些符号出现在左边开头时，左侧会有更多的剩余空间。

显示内容通常是自动显示，针对复杂的显示内容需要整齐的显示方式，若通过手工的方式进行调整，则通常需要多次操作才能完成，步骤繁琐，且实时性较差，影响显示内容的用户体验。

发明内容

有鉴于此，本发明实施例提供一种基于WEB交互的TIP显示内容处理方法、装置及电子设备，至少部分解决现有技术中存在的问题。

第一方面，本发明实施例提供了一种基于WEB交互的TIP显示内容处理方法，包括：

获取TIP提示框的整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容；

基于所述整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容确定所述TIP提示框每行分布的字符；

判断在每行字符中的始末字符是否存在不饱满占位字符；

若存在，则计算所述不饱满占位符导致的空白宽度W2，并使用Canvas工具重绘所述TIP提示框，使所述显示内容在W-W11-W12-W2的宽度范围内重新显示。

根据本发明实施例的一种具体实现方式，所述获取TIP提示框的整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容，包括：

获取所述TIP显示内容的显示时间；

在所述显示内容之前，提前获取所述TIP显示内容的CSS代码；

在CSS代码中读取所述显示内容的Margin属性，基于所述Margin属性确定所述TIP提示框的整体宽度W、第一边缘宽度W11及第二边缘宽度W12。

根据本发明实施例的一种具体实现方式，所述基于所述Margin属性确定所述TIP提示框的整体宽度W、第一边缘宽度W11及第二边缘宽度W12，包括：