[發明專利]一種基于H5的跨終端自適應顯示的方法及裝置

在審

• 申請號: 202010199211.8
• 申請日: 2020-03-20
• 公開（公告）號: CN111427645A
• 公開（公告）日: 2020-07-17
• 發明（設計）人: 李媛媛
• 申請（專利權）人: 青島聚好聯科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/958
• 代理公司: 北京同達信恒知識產權代理有限公司 11291
• 代理人: 張懷陽

1.一種基于H5的跨終端自適應顯示的方法，其特征在于，包括：

終端在確定APP啟動時將終端的設備信息發送給后臺，所述終端的設備信息包括終端類型，以使所述后臺根據所述終端類型確定所述APP的H5模板；

所述終端解析所述后臺發送的所述APP的H5模板，并根據所述終端的分辨率，確定出所述H5模板所需的CSS文件以及JS文件列表；

所述終端根據所述H5模板所需的CSS文件以及JS文件列表，從所述后臺請求下載所述終端的分辨率對應的CSS文件和所述JS文件列表對應的各JS文件；

所述終端根據所述H5模板以及所述終端的分辨率對應的CSS文件和所述各JS文件，加載所述APP的H5頁面。

2.如權利要求1所述的方法，其特征在于，所述終端的設備信息還包括廠商和型號，以使所述后臺根據所述終端類型、所述廠商和所述型號確定所述APP的H5模板。

3.一種基于H5的跨終端自適應顯示的方法，其特征在于，所述方法包括：

后臺獲取終端發送的設備信息；所述設備信息是所述終端在確定APP啟動時發送的，所述設備信息包括終端類型；

所述后臺根據所述終端類型從模板庫中確定出所述APP對應的H5模板；

所述后臺將所述APP對應的H5模板發送給所述終端，以使所述終端解析所述APP對應H5模板確定出所述H5模板所需的CSS文件以及JS文件列表；

所述后臺在接收到所述終端的下載請求后，將CSS渲染庫和JS腳本庫中所述H5模板所需的CSS文件和JS文件列表中各JS文件發送給所述終端，以使所述終端加載所述APP的H5頁面。

4.如權利要求3所述的方法，其特征在于，所述后臺根據所述終端類型從模板庫中確定出所述APP對應的H5模板，將所述APP對應的H5模板發送給所述終端，包括：

所述后臺根據所述終端類型從模板庫中確定出所述APP對應的H5模板的路由路徑，將所述路由路徑發送給所述終端，以使所述終端根據所述路由路徑下載所述APP對應的H5模板；

所述后臺接收到所述終端下載H5模板的請求時將所述APP對應的H5模板發送給所述終端。

5.如權利要求3或4所述的方法，其特征在于，所述設備信息還包括廠商和型號；

所述后臺根據所述終端類型從模板庫中確定出所述APP對應的H5模板，包括：

所述后臺依次根據所述終端類型、所述廠商和所述型號，從所述模板庫中確定出所述APP對應的H5模板。

6.一種基于H5的跨終端自適應顯示的裝置，其特征在于，包括：

發送單元，用于在確定APP啟動時將終端的設備信息發送給后臺，所述終端的設備信息包括終端類型，以使所述后臺根據所述終端類型確定所述APP的H5模板；

處理單元，用于解析所述后臺發送的所述APP的H5模板，并根據所述終端的分辨率，確定出所述H5模板所需的CSS文件以及JS文件列表；根據所述H5模板所需的CSS文件以及JS文件列表，從所述后臺請求下載所述終端的分辨率對應的CSS文件和所述JS文件列表對應的各JS文件；根據所述H5模板以及所述終端的分辨率對應的CSS文件和所述各JS文件，加載所述APP的H5頁面。

7.如權利要求6所述的裝置，其特征在于，所述終端的設備信息還包括廠商和型號，以使所述后臺根據所述終端類型、所述廠商和所述型號確定所述APP的H5模板。