[發明專利]網頁自適應方法及相關產品

在審

• 申請號: 202011292323.4
• 申請日: 2020-11-18
• 公開（公告）號: CN112395033A
• 公開（公告）日: 2021-02-23
• 發明（設計）人: 童潔
• 申請（專利權）人: 中國平安人壽保險股份有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/957
• 代理公司: 廣州三環專利商標代理有限公司 44202
• 代理人: 熊永強

本申請實施例提供了一種網頁自適應方法及相關產品，方法包括：電子設備獲取屏幕當前顯示的屏幕信息；電子設備獲取待顯示的第一頁面內容中的至少一個元素模塊，并確定至少一個元素模塊中每個元素模塊的模塊特征，其中，模塊特征包括用于表示當前模塊的元素屬性與其他模塊的元素屬性之間是否存在重復性，接著電子設備根據所述屏幕信息和每個元素模塊的模塊特征，然后對第一頁面內容進行自適應調整，并顯示調整后的所述第一頁面內容；可見，通過上述方法，有利于滿足用戶使用過程中多樣化的網頁自適應需求，從而有利于提高網頁自適應的高效性和便捷性。

技術領域

本申請涉及電子設備技術領域，具體涉及一種網頁自適應方法及相關產品。

背景技術

網頁中常會布置多種網頁元素，如圖片、視頻、文本等，網頁元素本身會隨著網頁的縮放按照相同的網頁顯示比例進行縮放，縮放過程即為網頁的自適應；但當網頁元素具有某種特定屬性，如邊框時，則該網頁元素的邊框無法一直隨著網頁的縮放按照相同的網頁顯示比例進行縮放，網頁元素某些屬性在縮放到一定程度后將無法再被縮放，例如圖片邊框。目前網頁自適應的適配方式主要是使用百分比，當網頁縮放時，由于按照網頁顯示比例縮放，而邊框不再隨網頁縮放而縮放，這就使得不再縮放的邊框所在的行需要的父容器寬度大于該父容器的實際寬度，這種情況下，該行最右側的網頁元素會移動到下一行中。這就造成了網頁布局的變化，使得網頁無法正常顯示，因此該適配方式不能使用具有絕對寬度的元素。

網頁的自適應在管理系統中占有非常重要的地位，它能夠給用戶提供良好的視覺體驗和操作體驗。目前市面上的網頁自適應方案，無法照顧到更多用戶的愛好及使用習慣。

發明內容

本申請實施例提供了一種網頁自適應方法及相關產品，以期提高網頁自適應的高效性和便捷性。

第一方面，本申請實施例提供一種網頁自適應方法，所述方法包括：

獲取屏幕當前顯示的屏幕信息；

獲取待顯示的第一頁面內容中的至少一個元素模塊，并確定所述至少一個元素模塊中每個元素模塊的模塊特征，其中，所述模塊特征包括用于表示當前模塊的元素屬性與其他模塊的元素屬性之間是否存在重復性；

根據所述屏幕信息和所述每個元素模塊的模塊特征，對所述第一頁面內容進行自適應調整，并顯示調整后的所述第一頁面內容。

第二方面，本申請實施例提供一種網頁自適應裝置，所述網頁自適應裝置包括處理單元、通信單元和存儲單元，其中，

所述處理單元，用于獲取屏幕當前顯示的屏幕信息；以及用于獲取待顯示的第一頁面內容中的至少一個元素模塊，并確定所述至少一個元素模塊中每個元素模塊的模塊特征，其中，所述模塊特征包括用于表示當前模塊的元素屬性與其他模塊的元素屬性之間是否存在重復性；以及用于根據所述屏幕信息和所述每個元素模塊的模塊特征，對所述第一頁面內容進行自適應調整，并顯示調整后的所述第一頁面內容。

第三方面，本申請實施例提供一種電子設備，包括處理器、存儲器、通信接口以及一個或多個程序，其中，上述一個或多個程序被存儲在上述存儲器中，并且被配置由上述處理器執行，上述程序包括用于執行本申請實施例第一方面任一方法中的步驟的指令。

第四方面，本申請實施例提供了一種計算機可讀存儲介質，其中，上述計算機可讀存儲介質存儲用于電子數據交換的計算機程序，其中，上述計算機程序使得計算機執行如本申請實施例第二方面任一方法中所描述的部分或全部步驟。

第五方面，本申請實施例提供了一種計算機程序產品，其中，上述計算機程序產品包括存儲了計算機程序的非瞬時性計算機可讀存儲介質，上述計算機程序可操作來使計算機執行如本申請實施例第二方面任一方法中所描述的部分或全部步驟。該計算機程序產品可以為一個軟件安裝包。