[发明专利]网页输入框组件显示的优化方法、装置和电子设备

说明书

本发明提供了一种网页输入框组件显示的优化方法、装置和电子设备，涉及组件显示技术领域，包括：获取初始网页视图的尺寸以及软键盘的尺寸，初始网页视图的尺寸为第一高度；通过应用程序编程接口将初始网页视图的尺寸进行调节，生成待输入状态的网页视图；待输入状态的网页视图包括软键盘和至少一个网页输入框组件；判断软键盘与至少一个网页输入框组件是否重叠，如果是，则将初始网页视图的尺寸设置为第二高度，第二高度小于第一高度。通过上述方法可以完整显示网页输入框组件，避免被软键盘遮挡，达到了提高用户体验的技术效果。

技术领域

本发明涉及组件显示技术领域，尤其是涉及一种网页输入框组件显示的优化方法、装置和电子设备。

背景技术

Uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。uni-app应用中，安卓APP在使用其网络视图webview组件时，在特定情况下webview中的网页输入框组件(input，textarea等)聚焦后被软键盘覆盖，软键盘无法顶起聚焦的表单元素，这种情况下虽然也能正常输入文字，但无法知道输入的文字内容，导致用户体验极差。也有是说，现有技术中，网页输入框组件显示时存在易被软键盘遮挡、信息显示不完整的问题。

发明内容

本发明的目的在于提供一种网页输入框组件显示的优化方法、装置和电子设备，以缓解现有技术中存在的网页输入框组件显示时存在易被软键盘遮挡、信息显示不完整的技术问题。

为了实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供了一种网页输入框组件显示的优化方法，包括：获取初始网页视图的尺寸以及软键盘的尺寸；上述初始网页视图包括至少一个网页输入框组件；上述初始网页视图的尺寸为第一高度；

通过应用程序编程接口将上述初始网页视图的尺寸进行调节，生成待输入状态的网页视图；上述待输入状态的网页视图包括上述软键盘和上述至少一个网页输入框组件；

判断上述软键盘与上述至少一个网页输入框组件是否重叠，如果是，则将上述初始网页视图的尺寸设置为第二高度；上述第二高度小于上述第一高度。

在一些可能的实施方式中，上述方法还包括：判断上述软键盘与上述至少一个网页输入框组件是否重叠，如果否，则将上述待输入状态的网页视图进行显示。

在一些可能的实施方式中，上述方法还包括：将上述第二高度作为上述初始网页视图的尺寸进行调节，生成新的待输入状态的网页视图；上述新的待输入状态的网页视图包括上述软键盘和上述至少一个网页输入框组件。

在一些可能的实施方式中，上述方法还包括：判断上述软键盘与上述至少一个网页输入框组件是否重叠；

如果否，则将上述新的待输入状态的网页视图进行显示。

在一些可能的实施方式中，上述方法还包括：设置定时器，并在上述定时器设置的时间之后，判断上述软键盘与上述至少一个网页输入框组件是否重叠；

如果否，则将上述新的待输入状态的网页视图进行显示。

在一些可能的实施方式中，上述网页输入框组件显示的优化方法用于加载了安卓系统的电子设备。

第二方面，本发明实施例提供了一种网页输入框组件显示的优化装置，上述装置包括：

尺寸获取模块，用于获取初始网页视图的尺寸以及软键盘的尺寸；上述初始网页视图包括至少一个网页输入框组件；上述初始网页视图的尺寸为第一高度；

调节模块，用于通过应用程序编程接口将上述初始网页视图的尺寸进行调节，生成待输入状态的网页视图；上述待输入状态的网页视图包括上述软键盘和上述至少一个网页输入框组件；