【技术实现步骤摘要】
基于WEB交互的TIP显示内容处理方法、装置及电子设备
本专利技术涉及数据处理
，尤其涉及一种基于WEB交互的TIP显示内容处理方法、装置及电子设备。
技术介绍
随着技术的发展，基于Web进行信息传播得到了越了越多的应用。在通过浏览器进行信息传输之后，通常会采用提示框的方式对一些实时的或必要的进行TIP弹窗提示。提示框中显示内容可以是用户在屏幕中的输入框中输入关键字后，系统会根据所述关键字预判用户可能的目标内容，并将该目标内容以提示框显示内容的方式显示给用户，这样，使得用户可以在输入少量的文字就可以得到所需结果，进而有效地节约用户的时间。由于用户会经常输入不同的内容，为了使向用户推荐的内容更加准确或有效，一般会将多个显示内容推送给给用户。现有技术的中提示框通常显示在屏幕的角落位置(例如，右下角)，受制于提示框面积较小的限制，提示框中每行显示的字符个数通常较少，当提示框的起始或末尾中出现了较窄的字符后，通常会导致提示框的显示内容看起来排版不整齐。例如，中文字符中偏左的符号“，；】》。、！)”在显示内容被渲染过程中偏左，有大部分空白区域，导致如果这些符号出现在末...
【技术保护点】
1.一种基于WEB交互的TIP显示内容处理方法，其特征在于，包括：获取TIP提示框的整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容；基于所述整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容确定所述TIP提示框每行分布的字符数N；判断在每行字符中的始末字符是否存在不饱满占位字符；若存在，则计算所述不饱满占位符导致的空白宽度W2，当W2与W‑W11‑W12的比值超过第一阈值时，将W2/N作为新增字间距分配到具有不饱满占位字符的字符行，在W‑W11‑W12的宽度范围内重绘所述显示内容。
【技术特征摘要】
1.一种基于WEB交互的TIP显示内容处理方法，其特征在于，包括：获取TIP提示框的整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容；基于所述整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容确定所述TIP提示框每行分布的字符数N；判断在每行字符中的始末字符是否存在不饱满占位字符；若存在，则计算所述不饱满占位符导致的空白宽度W2，当W2与W-W11-W12的比值超过第一阈值时，将W2/N作为新增字间距分配到具有不饱满占位字符的字符行，在W-W11-W12的宽度范围内重绘所述显示内容。2.根据权利要求1所述的方法，其特征在于，所述获取TIP提示框的整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容，包括：获取所述TIP显示内容的显示时间；在所述显示内容之前，提前获取所述TIP显示内容的CSS代码；在CSS代码中读取所述显示内容的Margin属性，基于所述Margin属性确定所述TIP提示框的整体宽度W、第一边缘宽度W11及第二边缘宽度W12。3.根据权利要求2所述的方法，其特征在于，所述基于所述Margin属性确定所述TIP提示框的整体宽度W、第一边缘宽度W11及第二边缘宽度W12，包括：判断所述CSS代码是否存在padding层；若存在，则进一步读取所述padding层的属性设置；基于所述padding层的属性设置及所述Margin属性，确定第一边缘宽度W11及第二边缘宽度W12。4.根据权利要求1所述的方法，其特征在于，所述基于所述整体宽度W、第一边缘宽度W11、第二边缘宽度W12及提示框中的显示内容确定所述TIP提示框每行分布的字符数N，包括：从CSS代码中获取所述显示内容中每个字符的宽度；从所述显示内容的Margin属性获取显示内容的对齐方式；按照所述对齐方式及每个字符的宽度计算W-W11-W12的宽度范围应当分布的字符个数；基于计算的每行的字符个数，依序确定所述TIP提示框每行分布的字符，进而确定每行分布的字符数N。5.根据权利要求1所述的方法，其特征在于，所述判断在每行字符中的始末字符是否存在不饱满占位字符，包括：获取所述TIP提示框每行分布的字符及所述显示内容的Margin属性；在所述Margin属性左对齐的情况下，进一步判断所述显示内容中每行的末字符中是否存在半占位字符；若存在，则认定该行字符中的末字符为不饱满占位字符。6.根据权利要求5所述的方法，其特征在...
【专利技术属性】
技术研发人员：姚成昊，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。