[發明專利]一種網頁頁面轉換后顯示方法和裝置

有效

• 申請號: 201710322026.1
• 申請日: 2017-05-09
• 公開（公告）號: CN107066618B
• 公開（公告）日: 2020-06-05
• 發明（設計）人: 馮凱;朱留鋒;榮強;田淑寧
• 申請（專利權）人: 燈塔財經信息有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 深圳市六加知識產權代理有限公司 44372
• 代理人: 嚴泉玉

本發明涉及網頁顯示技術領域，提供了一種網頁頁面轉換后顯示方法和裝置。其中方法包括：在獲取打開網頁鏈接指令后，根據網頁內容拉取頁面結點數據，根據所述結點數據類型，得到布局文件；根據對應所述網頁鏈接的格式內容，轉換得到樣式文件；調用顯示窗口對象的內容加載函數，并以所述布局文件作為所述內容加載函數的加載對象；所述結點數據在加載完所述布局文件和樣式文件后，以對應的格式和位置將相應內容顯示在窗口中。本發明實施例提供的方法，通過結點數據，展示不同的終端界面結構，使得頁面可以以原生的方式展示在客戶端中。界面為原生終端體驗，性能和效果比HTML5頁面打開方式強數倍。

【技術領域】

本發明涉及網頁顯示技術領域，特別是涉及一種網頁頁面轉換后顯示方法和裝置。

【背景技術】

在Android中，一般網頁的打開都是將網頁以webview的形式展示在終端中，這樣的話終端webview需要初始化、頁面需要加載，打開速度會很慢。而且頁面性能和效果也會受到webview限制，甚至開發者還需要為頁面的展示做很多適配性工作。

上述基于webview實現的，頁面內容在各種終端上面展示的效果差，頁面打開會有一個加載的過程，用戶體驗差。頁面內容需要在各種終端上面做適配，才能在終端上面展示完美，增加了編程的負擔。

鑒于此，克服該現有技術所存在的缺陷是本技術領域亟待解決的問題。

【發明內容】

本發明要解決的技術問題基于webview實現的，頁面內容在各種終端上面展示的效果差，頁面打開會有一個加載的過程，用戶體驗差。頁面內容需要在各種終端上面做適配，才能在終端上面展示完美，增加了編程的負擔。

本發明采用如下技術方案：

本發明第一方面提供了一種網頁頁面轉換后顯示方法，在獲取打開網頁鏈接指令后，根據網頁內容拉取頁面結點數據，方法包括：

根據所述結點數據類型，得到布局文件；

根據對應所述網頁鏈接的格式內容，轉換得到樣式文件；

調用顯示窗口對象的內容加載函數，并以所述布局文件作為所述內容加載函數的加載對象；其中，樣式文件在內容加載函數加載所述布局文件的過程中被調用；

所述結點數據在加載完所述布局文件和樣式文件后，以對應的格式和位置將相應內容顯示在窗口中。

優選的，所述根據網頁內容拉取頁面結點數據，具體包括：

將網頁內容中記載的一個或者多個對象，以JSON語言轉換為結點數據；其中，網頁內容中記載的對象類型包括：文本類型、圖片類型、視頻類型和Flash類型中的一種或者多種；

其中，以JSON語言轉換得到的每一個結點數據的屬性為JSON語言中的對象類型。

優選的，所述根據所述結點數據類型，得到布局文件，具體包括：

加載用于生成布局文件的執行程序；

通過加載的所述執行程序遍歷各結點數據，并根據各結點數據所包含的對象類型，調用布局庫中相應參數生成布局代碼；

在遍歷完從網頁中拉取的所有結點數據后，生成布局文件。

優選的，在微信小程序中，所述布局文件為xml語言描述的文件；在Android系統中，所述布局文件為Android控件布局描述方式實現。

優選的，在承載所述網頁鏈接的平臺為android系統時，所述根據對應所述網頁鏈接的格式內容，轉換得到樣式文件，具體包括：

解析所述格式內容得到以各結點數據為描述對象的一項或者多項格式內容；