動態頁面加載方法和裝置制造方法及圖紙

本發明專利技術提供了一種動態頁面加載方法，所述方法包括：通過動態頁面訪問的觸發請求獲取頁面文件；解析所述頁面文件得到所述動態頁面對應的標簽和描述所述標簽的樣式描述信息，根據所述標簽進行動態頁面繪制，以進行所述標簽分別對應的遮罩元素和動畫元素的顯示；在所述遮罩元素和動畫元素上執行對應的樣式描述信息，以得到動態頁面。此外，還提供了一種與該方法匹配的動態頁面加載裝置。上述動態頁面加載方法和裝置占用較少傳輸資源和系統資源，以實現動態頁面的快速加載。

Dynamic page loading method and device

The present invention provides a dynamic page loading method, the method comprises the following steps: trigger request access through the dynamic page access page file; parsing the page file to obtain the dynamic page corresponding to the label and describe the tag style description information, according to the label for dynamic page rendering, mask elements and animation the corresponding element respectively to perform the label display; the style description information in the mask elements and animation elements, in order to get the dynamic page. In addition, a dynamic page loading device matched with the method is also provided. The dynamic page loading method and device occupy less transmission resources and system resources, so as to realize fast loading of dynamic pages.

【技術實現步驟摘要】
動態頁面加載方法和裝置
本專利技術涉及互聯網應用
，特別涉及一種動態頁面加載方法和裝置。
技術介紹
隨著互聯網的發展，各類終端得到廣泛普及，人們獲取信息的工具并不在僅限于臺式電腦、筆記本電話等設備，而越來越多地依賴于智能手機、平板電腦等移動終端。各種通過互聯網獲取得到的頁面作為信息的載體，也隨之越來越多地被各種移動終端加載，以通過加載頁面為人們提供所需要的信息。然而，如若此頁面為動態頁面，該動態頁面大都是通過一定的插件實現其動態效果的，因此往往需要占用較多的傳輸資源和移動終端中的系統資源，由此造成移動終端中動態頁面的加載非常困難，極大地影響了動態頁面的實現。
技術實現思路
基于此，有必要提供一種動態頁面加載方法，所述方法占用較少傳輸資源和系統資源，以實現動態頁面的快速加載。另外，還有必要提供一種動態頁面加載裝置，所述裝置占用較少傳輸資源和系統資源，以實現動態頁面的快速加載。為解決上述技術問題，將采用如下技術方案：一種動態頁面加載方法，包括：通過動態頁面訪問的觸發請求獲取頁面文件；解析所述頁面文件得到所述動態頁面對應的標簽和描述所述標簽的樣式描述信息，根據所述標簽進行動態頁面繪制，以進行所述標簽分別對應的遮罩元素和動畫元素的顯示；在所述遮罩元素和動畫元素上執行對應的樣式描述信息，以得到動態頁面。一種動態頁面加載裝置，包括：請求發起模塊，用于通過動態頁面訪問的觸發請求獲取頁面文件；解析模塊，用于解析所述頁面文件得到所述動態頁面對應的標簽和描述所述標簽的樣式描述信息；頁面繪制模塊，用于根據所述標簽進行動態頁面繪制，以進行所述標簽分別對應的遮罩元素和動畫元素的顯示；效果實現模塊，用于在所述遮罩元素和動畫元素上執行對應的樣式描述信息，以得到動態頁面。由上述技術方案可知，通過用戶觸發的動態頁面訪問，將觸發請求獲取此動態頁面相應的頁面文件，解析頁面文件得到動態頁面對應的標簽和描述標簽的樣式描述信息，根據標簽進行動態頁面繪制，以進行遮罩元素和動畫元素的顯示，該遮罩元素和動畫元素相配合，用以實現頁面中的動態效果，將對應的樣式描述信息分別應用到顯示的遮罩元素和動畫元素上，以在顯示的遮罩元素和動畫元素上執行對應的樣式描述信息，得到動態頁面，在此動態頁面的加載過程中，并不需要通過一定的插件即可實現動態效果，所占用的傳輸資源和系統資源較小，對于移動設備的動態頁面加載而言，極大地提高了加載速度和性能，優化了移動端頁面中動態效果的實現。附圖說明圖1是本專利技術實施例提供的一種終端設備的結構示意圖；圖2是一個實施例中動態頁面加載方法的流程圖；圖3是圖2中解析頁面文件得到動態頁面對應的標簽和描述標簽的樣式描述信息的方法流程圖；圖4是圖2中根據標簽進行動態頁面繪制，以進行標簽分別對應的遮罩元素和動畫元素的顯示的方法流程圖；圖5是一個實施例中動態頁面加載的動態頁面示意圖；圖6是一個實施例中動態頁面加載裝置的結構示意圖；圖7是圖6中解析模塊的結構示意圖；圖8是圖6中頁面繪制模塊的結構示意圖。具體實施方式體現本專利技術特征與優點的典型實施方式將在以下的說明中詳細敘述。應理解的是本專利技術能夠在不同的實施方式上具有各種的變化，其皆不脫離本專利技術的范圍，且其中的說明及圖示在本質上是當作說明之用，而非用以限制本專利技術。如前所述的，各種頁面訪問的實現越來越多地發生于移動終端，與之相對應的，移動端頁面的實現也將成為開發所需要考慮的重要方面，任一頁面訪問的實現都需要充分考慮移動終端中的實現。而現有動態頁面的實現存在著占用較多傳輸資源和系統資源的缺陷，無法實現動態頁面的快速加載。相比各種電腦設備，對于動態頁面的加載而言移動終端存在著諸多限制，例如，其處理性能較差，瀏覽器或者請求進行頁面訪問的應用所具備的解析性能較差等。由此將導致現有的動態頁面在移動終端的實現存在著各種困難，缺乏通用性。因此，為確保動態頁面在移動終端中的實現，特提出了一種動態頁面加載方法，該動態頁面加載方法由計算機程序實現，與之相對應的，所構建的實現動態頁面加載的裝置則被存儲于帶有屏幕的終端設備中，以在終端設備中運行，進而實現動態頁面的加載。需要說明的是，該終端設備包括但并不僅限于移動終端。圖1示出了本專利技術實施例提供的一種終端設備的結構。該終端設備100只是一個適用本專利技術的示例，不能認為是提供了對本專利技術的使用范圍的任何限制。該終端設備100也不能解釋為需要依賴于或具有圖示的示例性的終端設備100中的一個或者多個部件的組合。如圖1所示，終端設備100包括處理器110、存儲器120和系統總線130。包括存儲器120和處理器110在內的各種部件將連接到系統總線130上。處理器110是一個用于通過計算機系統中基本的算術和邏輯運算來執行計算機程序指令的硬件。存儲器120是一個用于臨時或永久性存儲計算機程序或數據的物理設備。其中，存儲器120中存儲了程序指令；處理器110將執行存儲器120中的程序指令，偵聽輸入的各種操作，并對偵聽得到的操作進行響應。終端設備100還包括各種輸入接口170、輸入裝置140，以實現各種操作的輸入。其中，該輸入裝置140可以是觸摸屏幕、按鍵、鍵盤和鼠標等至少一種。終端設備100還包括存儲設備180，存儲設備180可以從多種計算機可讀存儲介質中選擇，計算機可讀存儲介質是指可以進行訪問的任何可利用的介質，包括移動的和固定的兩種介質。例如，計算機可讀存儲介質，包括但不限于閃速存儲器(微型SD卡)、CD-ROM、數字通用光盤(DVD)或其它光盤、磁帶盒、磁帶存儲或其它存儲設備、或者可用于存儲所需信息并可訪問的任何其它介質。如上面所詳細描述的，適用本專利技術的終端設備100將執行實現動態頁面加載的指定操作，即通過處理器110運行存儲器120中的程序指令的形式執行該指定操作，以實現動態頁面的加載。此外，通過硬件電路或者硬件電路結合軟件指令也能同樣實現本專利技術，因此，實現本專利技術并不限于任何特定硬件電路、軟件以及兩者的組合。在一個實施例中，具體的，動態頁面加載方法如圖2所示，包括：步驟210，通過動態頁面訪問的觸發請求獲取頁面文件。動態頁面的訪問是在用戶側觸發的，其可通過用戶側的瀏覽器或者運行的其它應用觸發。具體的，通過瀏覽器中進行的網頁地址跳轉觸發，或者運行的應用中通過動態頁面的跳轉觸發的。例如，社交應用中，通過用戶所進行的二維碼掃描進行頁面跳轉，以觸發動態頁面的訪問。該動態頁面可以是當前所期望訪問的任意具備動態效果的頁面，在觸發進行動態頁面的訪問之后，將向遠端發起請求，以獲取得到返回的頁面文件。所得到的頁面文件是與請求訪問的動態頁面相對應的，其作為動態頁面中內容的載體，用以實現動態頁面在用戶側的內容顯示。步驟230，解析頁面文件得到動態頁面對應的標簽和描述標簽的樣式描述信息。由頁面文件可得到至少兩個標簽以及每一標簽對應的樣式描述信息，樣式描述信息用以進行標簽的描述。由頁面文件所解析得到的標簽將分別對應于動態頁面中包含的元素，相應的樣式描述信息被應用于對應的元素上，以為元素實現一定的顯示效果。進一步的，頁面文件的解析將是由瀏覽器內核所實現的。移動終端等終端設備中，瀏覽器和應用均內置了瀏覽器內核，所需要進行的動態頁面訪問只需要觸發運行該瀏覽器內核即可進行動態頁面的加載。步驟25本文檔來自技高網...

【技術保護點】
一種動態頁面加載方法，其特征在于，包括：通過動態頁面訪問的觸發請求獲取頁面文件；解析所述頁面文件得到所述動態頁面對應的標簽和描述所述標簽的樣式描述信息，根據所述標簽進行動態頁面繪制，以進行所述標簽分別對應的遮罩元素和動畫元素的顯示；在所述遮罩元素和動畫元素上執行對應的樣式描述信息，以得到動態頁面。

【技術特征摘要】
1.一種動態頁面加載方法，其特征在于，包括：通過動態頁面訪問的觸發請求獲取頁面文件；解析所述頁面文件得到所述動態頁面對應的標簽和描述所述標簽的樣式描述信息，根據所述標簽進行動態頁面繪制，以進行所述標簽分別對應的遮罩元素和動畫元素的顯示；在所述遮罩元素和動畫元素上執行對應的樣式描述信息，以得到動態頁面。2.根據權利要求1所述的方法，其特征在于，所述頁面文件包括腳本文件和關聯的CSS文件，所述解析所述頁面文件得到所述動態頁面對應的標簽和描述所述標簽的樣式描述信息的步驟包括：解析所述腳本文件得到所述動態頁面對應的標簽，所述標簽中標示出關聯的CSS文件；根據所述標簽解析關聯的CSS文件得到描述所述標簽的樣式描述信息。3.根據權利要求1所述的方法，其特征在于，所述根據所述標簽進行頁面繪制，以進行所述標簽分別對應的遮罩元素和動畫元素的顯示的步驟包括：根據所述標簽相對屏幕進行元素布局，以得到顯示的元素及其相對屏幕的位置，所述顯示的元素包括遮罩元素和動畫元素；按照所述相對屏幕的位置進行所述元素的顯示，以使所述遮罩元素和動畫元素顯示于屏幕中。4.根據權利要求3所述的方法，其特征在于，所述動畫元素對應的樣式描述信息包括將元素設置為背景的屬性，所述按照所述相對屏幕的位置進行所述元素的顯示，以使所述遮罩元素和動畫元素顯示于屏幕中的步驟包括：按照相對屏幕的位置，在所述屏幕中以所述動畫元素為背景進行所述動畫元素和遮罩元素的顯示，以使屏幕的顯示中所述遮罩元素遮罩下方的動畫元素。5.根據權利要求1所述的方法，其特征在于，所述遮罩元素對應的樣式描述信息為CSS遮罩屬性，所述動畫元素對應的樣式描述信息為動畫屬性，所述在所述遮罩元素和動畫元素上執行對應的樣式描述信息，以得到動態頁面的步驟包括：顯示的所述遮罩元素和動畫元素中，將所述CSS遮罩屬性應用于所述遮罩元素，所述動畫屬性應...

【專利技術屬性】
技術研發人員：陳霖煒，
申請(專利權)人：騰訊科技深圳有限公司，
類型：發明
國別省市：廣東,44