一种WebApp界面的显示方法及终端设备技术

本发明专利技术实施例提供一种WebApp界面的显示方法及终端设备，涉及通信技术领域，能够解决用户使用终端设备访问WebApp的过程中WebApp界面发生闪烁的问题，可以提高用户的体验。该方法应用于终端设备，终端设备当前处于竖屏显示状态，且显示第一WebApp界面，该第一WebApp界面包括第一布局的第一内容，该方法包括：接收用户在第一WebApp界面上的第一操作，该第一操作用于指示终端设备显示第一控件；响应于第一操作，在第一WebApp界面的第一区域显示第一控件，且该第一WebApp界面中的第一内容保持第一布局。

A display method and terminal device for WebApp interface

An embodiment of the invention provides a display method of WebApp interface and a terminal device, which involves the field of communication technology, which can solve the problem of flickering in the WebApp interface during the user's access to WebApp by the terminal device, and can improve the user's experience. The method is applied to the terminal device. The terminal device is currently in a vertical screen display state and displays the first WebApp interface. The first WebApp interface includes the first content of the first layout, which includes receiving the first operation on the first WebApp interface by the user, which acts on indicating the terminal device to display the first control; In response to the first operation, a first control is displayed in the first area of the first WebApp interface, and the first content in the first WebApp interface maintains a first layout.

【技术实现步骤摘要】
一种WebApp界面的显示方法及终端设备
本专利技术实施例涉及通信
，尤其涉及一种WebApp界面的显示方法及终端设备。
技术介绍
随着计算机网络技术的快速发展，通过网页应用WebApp用户可以实现业务访问。WebApp是基于网页技术开发而实现特定功能的应用，运行于网络和标准浏览器上，其既具有App(应用)的特性，也有Web(网页)的特性)。目前，使用终端显示WebApp界面的过程中，终端接收用户的第一操作(例如扫描二维码等)之后，终端可以显示一个WebApp界面，并且用户可以点击该WebApp界面上的输入框，以调出输入法软键盘，在该输入框内输入文字。需要指出，由于终端的显示屏的显示状态分为横屏显示状态和竖屏显示状态，上述WebApp界面包括的内容的布局也因显示屏的显示状态不同而不同。然而，在某些应用场景下，当终端处于竖屏显示状态，上述用户点击竖屏显示状态的WebApp界面(将竖屏显示状态对应的WebApp界面称为WebApp界面1)上的输入框之后，终端显示WebApp界面2和软键盘，其中，WebApp界面2的内容与WebApp界面1的内容相同，不同的是，由于显示软键盘会占据该终端显示屏的显示界面的一部分，则显示内容在WebApp界面1的内容布局与在WebApp界面2的内容布局不同。如图1中的(a)为WebApp界面1的显示效果，如图1中的(b)为点击WebApp界面1上输入框之后，显示的WebApp界面2和软键盘的显示效果，可见，用户点击WebApp界面1上的输入框之后，终端的WebApp界面会发生切换，即由WebApp界面1切换为WebApp界面2。另外，在软键盘消失时，WebApp界面也会发生切换，即由WebApp界面2切换为WebApp界面1。如此，在WebApp界面切换时，WebApp界面显示内容的内容布局发生改变，可能会造成视觉上的闪烁，导致用户的体验较差。
技术实现思路
本专利技术的实施例提供一种WebApp界面的显示方法及终端设备，能够解决用户使用终端设备访问WebApp的过程中WebApp界面发生闪烁的问题，可以提高用户的体验。为达到上述目的，本专利技术的实施例采用如下技术方案：第一方面，本专利技术实施例提供了一种WebApp界面的显示方法，应用于终端设备，所述终端设备处于竖屏显示状态，且显示第一WebApp界面，第一WebApp界面包括第一布局的第一内容，该方法包括：接收用户在第一WebApp界面上的第一操作，该第一操作用于指示终端设备显示第一控件；响应于第一操作，在第一WebApp界面的第一区域显示第一控件，且第一WebApp界面中的第一内容保持第一布局。本专利技术实施例提供的WebApp界面的显示方法，在终端设备处于竖屏显示状态时，并且该终端设备显示第一WebApp界面，该第一WebApp界面包括第一布局的第一内容，该终端设备接收用户在第一WebApp界面上的第一操作之后，由于响应于该第一操作，可以在第一WebApp界面的第一区域显示第一控件，且该第一WebApp界面中的第一内容保持第一布局，即终端设备响应于第一操作显示第一控件时，第一WebApp界面的布局不会发生变化，如此，能够解决用户使用终端设备访问WebApp的过程中WebApp界面发生闪烁的问题，可以提高用户的体验。第二方面，本专利技术实施例提供了一种WebApp界面的显示方法，应用于终端设备，该终端设备当前处于竖屏显示状态，且显示第一WebApp界面，该第一WebApp界面包括第一布局的第一内容，该第一WebApp界面当前的宽度和高度分别为第一宽度值、第一高度值，该方法包括：监听第一WebApp界面的显示尺寸是否变化，该显示尺寸包括第一WebApp界面的宽度和高度；若第一WebApp界面的宽度不变，第一WebApp界面的高度小于第一高度值，则确定在该第一WebApp界面的第一区域显示第一控件，且第一WebApp界面中的第一内容保持上述第一布局。本专利技术实施例提供的WebApp界面的显示方法，在终端设备处于竖屏显示状态时，并且该终端设备显示第一WebApp界面，该第一WebApp界面包括第一布局的第一内容，该第一WebApp界面当前的宽度和高度分别为第一宽度值、第一高度值，由于当终端设备监听到第一WebApp界面的显示尺寸发生变化时，具体的，当第一WebApp界面的宽度不变，第一WebApp界面的高度小于第一高度值，确定在该第一WebApp界面的第一区域显示第一控件，且第一WebApp界面中的第一内容保持上述第一布局，即终端设备可以确定在显示第一控件时，第一WebApp界面的布局不会发生变化，如此，能够解决用户使用终端设备访问WebApp的过程中WebApp界面发生闪烁的问题，可以提高用户的体验。第三方面，本专利技术实施例提供了一种终端设备，该终端设备当处于竖屏显示状态，且显示第一WebApp界面，该第一WebApp界面包括第一布局的第一内容，该终端设备包括接收模块和显示模块。接收模块，用于接收用户在第一WebApp界面上的第一操作，该第一操作用于指示终端设备显示第一控件；显示模块，用于响应于接收模块接收的第一操作，在第一WebApp界面的第一区域显示第一控件，且第一WebApp界面中的第一内容保持第一布局。第四方面，本专利技术实施例提供了一种终端设备，该终端设备当前处于竖屏显示状态，且显示第一WebApp界面，该第一WebApp界面包括第一布局的第一内容，该第一WebApp界面当前的宽度和高度分别为第一宽度值、第一高度值，该终端设备包括监听模块和确定模块，其中，监听模块，用于监听第一WebApp界面的显示尺寸是否变化，该显示尺寸包括第一WebApp界面的宽度和高度；确定模块，用于若第一WebApp界面的宽度不变，第一WebApp界面的高度小于第一高度值，则确定在该第一WebApp界面的第一区域显示第一控件，且第一WebApp界面中的第一内容保持第一布局。第五方面，本专利技术实施例提供了一种终端设备，该终端设备包括：处理器、存储器、显示器、通信接口和通信总线；处理器与存储器、显示器、通信接口通过通信总线连接，存储器用于存储计算机执行指令，当终端设备运行时，处理器执行存储器存储的计算机执行指令，以使终端执行上述第一方面或者第二方面所述的WebApp界面的显示方法。第六方面，本专利技术实施例提供了一种计算机可读存储介质，该计算机可读存储介质上存储计算机程序，该计算机程序被处理器执行时实现如上述第一方面或第二方面中的WebApp界面的显示方法。附图说明图1为本专利技术实施例提供的一种WebApp界面的示意图；图2为本专利技术实施例提供的一种WebApp界面的显示方法示意图一；图3为本专利技术实施例提供的一种WebApp界面的显示方法应用的界面示意图一；图4为本专利技术实施例提供的一种WebApp界面的显示方法应用的界面示意图二；图5为本专利技术实施例提供的一种WebApp界面的显示方法应用的界面示意图三；图6为本专利技术实施例提供的一种WebApp界面的显示方法示意图二；图7为本专利技术实施例提供的一种WebApp界面的显示方法应用的界面示意图四；图8为本专利技术实施例提供的一种WebApp界面的显示方法应用的界面示意图五；图9为本专利技术实施例提供的一种WebApp界面的显示方法示意本文档来自技高网...

【技术保护点】
1.一种WebApp界面的显示方法，应用于终端设备，所述终端设备当前处于竖屏显示状态，且显示第一WebApp界面，所述第一WebApp界面包括第一布局的第一内容，其特征在于，所述方法包括：接收用户在所述第一WebApp界面上的第一操作，所述第一操作用于指示所述终端设备显示第一控件；响应于所述第一操作，在所述第一WebApp界面的第一区域显示第一控件，且所述第一WebApp界面中的第一内容保持所述第一布局。

【技术特征摘要】
1.一种WebApp界面的显示方法，应用于终端设备，所述终端设备当前处于竖屏显示状态，且显示第一WebApp界面，所述第一WebApp界面包括第一布局的第一内容，其特征在于，所述方法包括：接收用户在所述第一WebApp界面上的第一操作，所述第一操作用于指示所述终端设备显示第一控件；响应于所述第一操作，在所述第一WebApp界面的第一区域显示第一控件，且所述第一WebApp界面中的第一内容保持所述第一布局。2.根据权利要求1所述的方法，其特征在于，所述第一控件包括软键盘。3.根据权利要求1或2所述的方法，其特征在于，所述第一操作为在所述第一WebApp界面的第三区域上的触屏操作，或者在所述第一WebApp界面的第三区域上的重力操作，或者在所述第一WebApp界面的第三区域上的指纹操作，所述第三区域包括默认选项和操作提示图标。4.根据权利要求1所述的方法，其特征在于，在所述第一WebApp界面的第一区域显示第一控件之后，所述方法还包括：检测到所述终端设备的显示状态由竖屏显示状态变为横屏显示状态；显示第二WebApp界面，以及在所述第二WebApp界面的第二区域显示所述第一控件；其中，所述第二WebApp界面包括与所述第一布局不同的第二布局的第一内容。5.根据权利要求1所述的方法，其特征在于，所述接收用户在所述第一WebApp界面上的第一操作之前，所述方法还包括：接收用户的第三操作，所述第三操作为用户选择需要改变WebApp界面的显示布局的操作。6.一种Webapp界面的显示方法，应用于终端设备，所述终端设备当前处于竖屏显示状态，且显示第一WebApp界面，所述第一WebApp界面包括第一布局的第一内容，所述第一WebApp界面当前的宽度和高度分别...

【专利技术属性】
技术研发人员：黑建业，
申请(专利权)人：青岛海信电器股份有限公司，
类型：发明
国别省市：山东,37