[發明專利]屏幕多頁自適應展示方法、存儲介質及電子設備

在審

• 申請號: 202210157586.7
• 申請日: 2022-02-21
• 公開（公告）號: CN114676367A
• 公開（公告）日: 2022-06-28
• 發明（設計）人: 黃超
• 申請（專利權）人: 哪吒港航智慧科技（上海）有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957
• 代理公司: 上海光華專利事務所(普通合伙) 31219
• 代理人: 徐秀秀

本發明提供一種屏幕多頁自適應展示方法、存儲介質及電子設備，所述屏幕多頁自適應展示方法包括：獲取劃分的屏幕數量；根據設備顯示面板尺寸和所述屏幕數量，確定網頁瀏覽控件的縮放比例；按照所述縮放比例，加載與所述屏幕數量相同的網頁瀏覽控件；利用所述網頁瀏覽控件將待顯示的網頁進行定向跳轉，以多頁面方式呈現網頁內容。本發明可以針對客戶端顯示器各種分辨率進行適配，在減少開發人員編寫各種適配代碼所需的時間的同時，還可以保證所有頁面與設計展示效果的一致。

技術領域

本發明屬于網頁設計的技術領域，涉及一種頁面展示方法，特別是涉及一種屏幕多頁自適應展示方法、存儲介質及電子設備。

背景技術

在網頁瀏覽過程中，有時用戶需要對照瀏覽兩個網頁的信息，用戶可以拖動需對照瀏覽的網頁標簽，在新窗口中顯示。這種方法是使用兩個不同的窗口來對照，需要手動調整兩個窗口的大小及相對位置。

現有的網站項目為了自適應不同分辨率的屏幕，在開發過程中，采用響應式媒體查詢方式根據每一種分辨率來開發相應的適配代碼。該方式存在以下兩個問題：一是客戶端機器的分辨率多種多樣，開發中需要使用窮舉法進行不同分辨率的適配，不僅增加了工作量，且無法做到全覆蓋，勢必會造成在部分客戶端上展示效果失真。二是部分復雜頁面即使使用響應式的方式開發，但由于頁面內容太多，客戶端分辨率太低已超過媒體查詢極限，也會造成展示效果的差異。

因此，如何提供一種屏幕多頁自適應展示方法、存儲介質及電子設備，以解決現有技術無法在網頁多頁面顯示時，對任意客戶端的屏幕分辨率進行自適應等缺陷，成為本領域技術人員亟待解決的技術問題。

發明內容

鑒于以上所述現有技術的缺點，本發明的目的在于提供一種屏幕多頁自適應展示方法、存儲介質及電子設備，用于解決現有技術無法在網頁多頁面顯示時，對任意客戶端的屏幕分辨率進行自適應的問題。

為實現上述目的及其他相關目的，本發明一方面提供一種屏幕多頁自適應展示方法，所述屏幕多頁自適應展示方法包括：獲取劃分的屏幕數量；根據設備顯示面板尺寸和所述屏幕數量，確定網頁瀏覽控件的縮放比例；按照所述縮放比例，加載與所述屏幕數量相同的網頁瀏覽控件；利用所述網頁瀏覽控件將待顯示的網頁進行定向跳轉，以多頁面方式呈現網頁內容。

于本發明的一實施例中，所述獲取劃分的屏幕數量的步驟包括：根據用戶的網頁瀏覽需求確定所要劃分的屏幕數量。

于本發明的一實施例中，所述根據設備顯示面板尺寸和所述屏幕數量，確定網頁瀏覽控件的縮放比例的步驟，包括：獲取所述網頁瀏覽控件的寬度；設置網頁標準顯示分辨率寬；獲取所述網頁瀏覽控件的內核縮放比例；根據所述網頁瀏覽控件的寬度、所述網頁標準顯示分辨率寬和所述內核縮放比例確定所述縮放比例。

于本發明的一實施例中，所述根據所述網頁瀏覽控件的寬度、所述網頁標準顯示分辨率寬和所述內核縮放比例確定所述縮放比例的步驟，包括：將所述網頁瀏覽控件的寬度與所述網頁標準顯示分辨率寬的比值進行對數計算后所得的結果作為第一參數；將所述內核縮放比例進行對數計算后所得的結果作為第二參數；令所述第一參數與所述第二參數的比值作為所述縮放比例。

于本發明的一實施例中，所述按照所述縮放比例，加載與所述屏幕數量相同的網頁瀏覽控件的步驟，包括：獲取與多頁面展示對應的可執行文件的運行指令；根據所述運行指令，加載與所述屏幕數量相同的網頁瀏覽控件。

于本發明的一實施例中，所述根據所述運行指令，加載與所述屏幕數量相同的網頁瀏覽控件的步驟，包括：若所述屏幕數量為N，則確定網頁多頁面方式為N個頁面；加載N個所述網頁瀏覽控件。

于本發明的一實施例中，所述利用所述網頁瀏覽控件將待顯示的網頁進行定向跳轉，以多頁面方式呈現網頁內容的步驟，包括：以所述縮放比例為入參，調用縮放函數；運行所述縮放函數，利用加載的網頁瀏覽控件將待顯示的網頁進行定向跳轉，以多頁面方式呈現網頁內容。