[发明专利]一种页面展示方法及装置

说明书

技术领域

本申请涉及计算机技术领域，尤其涉及一种页面展示方法及装置。

背景技术

在基于系统平台的应用开发中，混合模式应用(hybrid app)是介于网页应用(web-app)、本地应用(native-app)这两者之间的应用(app)，兼具native-app良好用户交互体验的优势和web-app跨平台开发的优势，已经成为一种趋势和潮流。在hybrid app这种开发模式中，通常采用网络视图(webview)控件展示网页内容，可以将webview视为一种浏览器。那么，webview自身的一些缺陷，就成为了开发过程中阻碍，例如，通过IOS系统的webview展示网页内容时，当网页中的元素的位置(position)类型为固定的(fixed)时，该元素在网页展示窗口的展示位置是固定不变的，如图1所示，元素12的展示位置相对于网页展示窗口11的位置是固定不变的。但是，当遇到屏幕键盘展开时，fixed类型的元素在网页展示窗口的展示位置会发生变化，参见图2，元素12在网页展示窗口11的展示位置相比图1发生了变化，变化后的元素12在网页展示窗口11的展示位置，有可能被展开的屏幕键盘区域13遮挡，也有可能遮挡屏幕键盘区域13，当然，也有可能不与屏幕键盘区域13重叠，但无论哪种情况，当遇到屏幕键盘展开时，fixed类型的元素在网页展示窗口的展示位置都会发生变化。

发明内容

本申请实施例提供了一种页面展示方法及装置，用以通过变更元素位置类型的属性值，从而保证元素的展示位置保持不变。

本申请实施例提供的一种页面展示方法，包括：

获取待展示的页面，所述页面包含至少一个元素；

当满足预设的第一触发条件时，将所述页面中位置类型为第一属性值的元素的位置类型变更为第二属性值；

展示元素位置类型的属性值变更后的页面。

通过该方法，当满足预设的第一触发条件时，将页面中位置类型为第一属性值的元素的位置类型变更为第二属性值，展示元素位置类型的属性值变更后的页面，从而通过变更元素位置类型的属性值，保证了元素的展示位置保持不变。例如，当满足屏幕键盘展开的触发条件时，确定需要通过网络视图展示的网页中的position的取值为fixed的元素，并将所述元素的position的取值变更为relative，从而可以避免fixed的元素在屏幕键盘展开的情况下的位置偏离，因此在通过网络视图展示网页内容时，即使屏幕键盘展开，也可以保持网页上position的取值为fixed的元素的展示位置不变，从而相比现有技术可以提高通过网络视图展示网页的效果，避免与键盘展示区域重叠，以及避免用户视觉上的错乱，提高用户感受。

可选地，所述第一触发条件包括：输入焦点事件被激活。

可选地，该方法还包括：将所述元素的定位属性变更为用于表示与相邻元素之间的相对位置的定位属性。例如，当所述元素的定位属性是用于规定元素的上外边距的top时，将所述元素的定位属性变更为用于规定元素的上内边距的padding-top。

可选地，该方法还包括：当满足预设的第二触发条件时，将所述元素的位置类型变更为第一属性值。例如，当满足屏幕键盘收起的触发条件时，确定需要通过网络视图展示的网页中的position的取值为relative的元素；将所述元素的position的取值变更为fixed。

从而可以在屏幕键盘收起的情况下，恢复通过网络视图展示网页上浮动元素的展示效果。

可选地，所述第二触发条件包括：失去焦点事件被激活。

可选地，该方法还包括：将所述元素的定位属性变更为用于表示在页面展示窗口上的固定位置的定位属性。例如，当需要通过网络视图展示的网页中的position的取值为relative的元素的定位属性是用于规定元素的上内边距的padding-top时，将该取值为relative的元素的定位属性变更为用于规定元素的上外边距的top。

与上述方法相对应地，本申请实施例提供的一种页面展示装置，包括：

获取单元，用于获取待展示的页面，所述页面包含至少一个元素；

变更单元，用于当满足预设的第一触发条件时，将所述页面中位置类型为第一属性值的元素的位置类型变更为第二属性值；

展示单元，用于展示元素位置类型的属性值变更后的页面。

可选地，所述第一触发条件包括：输入焦点事件被激活。

可选地，所述变更单元还用于：将所述元素的定位属性变更为用于表示与相邻元素之间的相对位置的定位属性。