[發明專利]頁面展示方法、裝置、電子設備及存儲介質

在審

• 申請號: 202010817555.0
• 申請日: 2020-08-14
• 公開（公告）號: CN112015485A
• 公開（公告）日: 2020-12-01
• 發明（設計）人: 尚國睿
• 申請（專利權）人: 北京達佳互聯信息技術有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445
• 代理公司: 北京同達信恒知識產權代理有限公司 11291
• 代理人: 張愷寧

1.一種頁面展示方法，其特征在于，包括：

在接收到對待展示的超文本標記語言頁面的訪問請求后，從內容分發網絡獲取所述超文本標記語言頁面的層疊樣式表文件；

根據從所述內容分發網絡獲取到的所述超文本標記語言頁面對應的靜態資源集合中的各個靜態資源的地址信息，從所述內容分發網絡獲取各個靜態資源的資源文件；

根據獲取到的各個資源文件對應的地址信息，從獲取到的各個資源文件中選取與所述層疊樣式表文件中需要展示的靜態資源的地址信息相同的資源文件；

基于獲取到需要展示的靜態資源的資源文件以及所述層疊樣式表文件中與需要展示的靜態資源相關的展示信息，展示包含需要展示的靜態資源的超文本標記語言頁面。

2.如權利要求1所述的方法，其特征在于，在所述根據從所述內容分發網絡獲取到的所述超文本標記語言頁面對應的靜態資源集合中的各個靜態資源的地址信息，從所述內容分發網絡獲取各個靜態資源的資源文件之前，還包括：

從所述內容分發網絡中獲取所述超文本標記語言頁面的腳本語言文件；

所述根據從所述內容分發網絡獲取到的所述超文本標記語言頁面對應的靜態資源集合中的各個靜態資源的地址信息，從所述內容分發網絡獲取各個靜態資源的資源文件，具體包括：

根據所述靜態資源集合中的各個靜態資源的地址信息，以及所述腳本語言文件中用于獲取靜態資源的加載信息，從所述內容分發網絡獲取各個靜態資源的資源文件。

3.一種頁面展示方法，其特征在于，包括：

在接收到終端設備發送的對待展示的超文本標記語言頁面的訪問請求后，獲取與所述超文本標記語言頁面對應的靜態資源集合；

將所述靜態資源集合發送給所述終端設備，以使所述終端設備根據所述靜態資源集合中的各個靜態資源的地址信息，從所述內容分發網絡獲取各個靜態資源的資源文件后，根據所述資源文件展示所述超文本標記語言頁面。

4.一種頁面展示方法，其特征在于，包括：

遍歷待展示的超文本標記語言頁面的層疊樣式表文件，獲取所述層疊樣式表文件包含的各個靜態資源的地址信息；

通過webpack對獲取到的各個靜態資源的地址信息進行打包，生成所述超文本標記語言頁面對應的靜態資源集合，并將所述靜態資源集合上傳至內容分發網絡，以使終端設備從所述內容分發網絡獲取所述靜態資源集合后，根據所述靜態資源集合中的各個靜態資源的地址信息，從所述內容分發網絡獲取各個靜態資源的資源文件，并根據所述資源文件展示所述超文本標記語言頁面。

5.一種頁面展示系統，其特征在于，包括：終端設備，內容分發網絡以及頁面服務器；

所述終端設備，用于在接收到對待展示的超文本標記語言頁面的訪問請求后，從內容分發網絡獲取所述超文本標記語言頁面的層疊樣式表文件；根據從所述內容分發網絡獲取到的所述超文本標記語言頁面對應的靜態資源集合中的各個靜態資源的地址信息，從所述內容分發網絡獲取各個靜態資源的資源文件；根據獲取到的各個資源文件對應的地址信息，從獲取到的各個資源文件中選取與所述層疊樣式表文件中需要展示的靜態資源的地址信息相同的資源文件；基于獲取到需要展示的靜態資源的資源文件以及所述層疊樣式表文件中與需要展示的靜態資源相關的展示信息，展示包含需要展示的靜態資源的超文本標記語言頁面；

所述內容分發網絡，用于在接收到所述終端設備發送的對待展示的超文本標記語言頁面的訪問請求后，獲取與所述超文本標記語言頁面對應的靜態資源集合；將所述靜態資源集合發送給所述終端設備；

所述頁面服務器，用于遍歷待展示的超文本標記語言頁面的層疊樣式表文件，獲取所述層疊樣式表文件包含的各個靜態資源的地址信息；通過webpack對獲取到的各個靜態資源的地址信息進行打包，生成所述超文本標記語言頁面對應的靜態資源集合，并將所述靜態資源集合上傳至內容分發網絡。