[發明專利]一種頁面展示方法及裝置

在審

• 申請號: 201610353753.X
• 申請日: 2016-05-25
• 公開（公告）號: CN107436867A
• 公開（公告）日: 2017-12-05
• 發明（設計）人: 尹彥明
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京同達信恒知識產權代理有限公司11291
• 代理人: 任嘉文

技術領域

本申請涉及計算機技術領域，尤其涉及一種頁面展示方法及裝置。

背景技術

在基于系統平臺的應用開發中，混合模式應用(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。

與上述方法相對應地，本申請實施例提供的一種頁面展示裝置，包括：

獲取單元，用于獲取待展示的頁面，所述頁面包含至少一個元素；

變更單元，用于當滿足預設的第一觸發條件時，將所述頁面中位置類型為第一屬性值的元素的位置類型變更為第二屬性值；

展示單元，用于展示元素位置類型的屬性值變更后的頁面。

可選地，所述第一觸發條件包括：輸入焦點事件被激活。

可選地，所述變更單元還用于：將所述元素的定位屬性變更為用于表示與相鄰元素之間的相對位置的定位屬性。