TWI598752B - Method and device for page snapshots - Google Patents
Method and device for page snapshots Download PDFInfo
- Publication number
- TWI598752B TWI598752B TW102133551A TW102133551A TWI598752B TW I598752 B TWI598752 B TW I598752B TW 102133551 A TW102133551 A TW 102133551A TW 102133551 A TW102133551 A TW 102133551A TW I598752 B TWI598752 B TW I598752B
- Authority
- TW
- Taiwan
- Prior art keywords
- page
- resource
- snapshot
- rendering
- attribute
- Prior art date
Links
- 238000000034 method Methods 0.000 title claims description 64
- 238000011068 loading method Methods 0.000 claims description 87
- 238000009877 rendering Methods 0.000 claims description 75
- 230000001960 triggered effect Effects 0.000 claims description 24
- 230000003111 delayed effect Effects 0.000 claims description 23
- 238000005516 engineering process Methods 0.000 description 14
- 230000006870 function Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 6
- 101100534231 Xenopus laevis src-b gene Proteins 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 238000001514 detection method Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000011084 recovery Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Document Processing Apparatus (AREA)
Description
本發明涉及網頁頁面技術領域,尤其涉及一種基於頁面反延遲載入進行頁面快照的方法和裝置。
隨著網際網路的發展,用戶對於網站的外觀要求越來越高,每個頁面中的資源越來越多,頁面也隨之越來越大,當用戶網路狀況不好時,頁面載入速度變慢,從而會導致用戶體驗不佳,而且會造成網站伺服器負載過大的問題。
為了解決這個問題,前端的開發人員在存有大量頁面資源的頁面中採用延遲載入技術,透過在頁面載入過程中使用了延遲載入的技術最佳化用戶體驗。
延遲載入(lazy load)也稱懶載入,是為了避免一些無謂的性能開銷而提出的,所謂延遲載入就是當在真正需要資料的時候,才真正執行資料載入操作,當調用延遲載入方法載入物件時,返回的是代理物件,等到真正用到該物件的內容時才發出資料庫操作語句。例如:在瀏覽頁面時,只有當瀏覽到接近圖片附近的位置,圖片才開始載
入,未瀏覽到的圖片用空白頁或其他元素代替。
但是在利用延遲載入技術最佳化用戶體驗的過程中,特別是在需要對頁面進行快照時,延遲載入技術對頁面快照產生干擾,會出現如圖1所示的採用延遲載入技術的頁面快照示意圖,可以看到延遲載入技術使得在對頁面進行快照時,未能獲得載入完全的頁面或頁面資源(比如圖片),因此,影響了頁面快照的效果。
之所以會出現延遲載入技術影響頁面快照效果的問題是在於:頁面快照是在搜尋引擎在收錄頁面時,對頁面進行抓取並備份,存儲在伺服器快取記憶體裏,但是在抓取過程中,由於包含大量資源的頁面採用延遲載入技術,頁面未完全載入完畢,就對頁面進行了快照並儲存。當用戶在搜尋引擎中點擊“頁面快照”鏈結時,搜尋引擎將當時抓取並儲存的頁面內容展現出來,呈現在用戶面前的是包含空白內容的頁面。從而影響了頁面快照這一應用的用戶體驗。也即是說,在一些頁面應用中,使用了延遲載入技術的頁面載入導致了這些頁面應用效果差用戶體驗差的結果,因此針對使用了延遲載入技術的頁面載入,需要提供一種方法來消除延遲載入的影響從而實現對頁面資源的完整快照。
本發明的主要目的在於提供一種進行頁面快照的方法和裝置,以解決現有技術存在的對包含大量頁面資源的頁
面採用延遲載入技術而導致的頁面快照應用受到干擾,導致頁面快照品質下降的問題。
為了解決上述技術問題,本發明的目的是透過以下技術手段實現的:
本發明提供了一種進行頁面快照的方法,包括以下步驟:載入頁面,並對所述頁面進行渲染;執行頁面快照反干擾步驟,其中,所述頁面快照反干擾步驟包括:透過遍歷所述頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源,及修改查找到的所述頁面資源的屬性,並觸發所述頁面資源的渲染;以及對完成所述頁面資源的渲染後的頁面進行頁面快照。
較佳地,在根據本發明所述的方法中,還可以包括:檢測在頁面渲染過程中觸發的預定事件,所述預定事件包括:頁面初始化佈局完成事件及頁面載入完成事件中的至少一個;以及當檢測到所述預定事件時,觸發所述頁面快照反干擾步驟的執行。
較佳地,在根據本發明所述的方法中,所述透過遍歷所述頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源的步驟,包括:遍歷所述頁面中的頁面資源,並形成頁面資源列表;依序獲取所述頁面資源列表中的每一個頁面資源,並查詢所述頁面資源的屬性。
較佳地,在根據本發明所述方法中,所述修改查找到的所述頁面資源的屬性,並觸發所述頁面資源的渲染的步驟,包括:找出包含延遲載入屬性的頁面資源,根據所述
頁面資源的src屬性獲取所述頁面資源的真實地址,從所述真實地址獲取所述頁面資源以實現對原先被延遲載入的頁面資源的渲染。
較佳地,在根據本發明所述的方法中,還可以包括:在頁面渲染過程中檢測到最後一個觸發的預定事件之後,則每隔一個預設時間段,觸發一次所述頁面快照反干擾步驟的執行,直至頁面渲染完成。
較佳地,在根據本發明所述的方法中,所述頁面資源是圖片。
本發明還提供了一種進行頁面快照的裝置,包括:渲染模組,用於載入頁面,並對所述頁面進行渲染;反干擾執行模組,用於執行頁面快照反干擾操作,其中,所述頁面快照反干擾操作包括:透過遍歷所述頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源,及修改查找到的所述頁面資源的屬性,並觸發所述頁面資源的渲染;以及快照模組,用於對完成所述頁面資源的渲染後的頁面進行頁面快照。
較佳地,在根據本發明所述的裝置中,還可以包括:檢測模組,用於檢測在頁面渲染過程中觸發的預定事件,所述預定事件包括:頁面初始化佈局完成事件及頁面載入完成事件中的至少一個;以及第一觸發模組,用於當檢測到所述預定事件時,觸發所述頁面快照反干擾操作的執行。
較佳地,在根據本發明所述的裝置中,所述反干擾執
行模組包括:列表形成模組,用於遍歷所述頁面中的頁面資源,並形成頁面資源列表;屬性查詢模組,用於依序獲取所述頁面資源列表中的每一個頁面資源,並查詢所述頁面資源的屬性。
較佳地,在根據本發明所述的裝置中,所述反干擾執行模組包括:執行子模組,用於找出包含延遲載入屬性的頁面資源,根據所述頁面資源的src屬性獲取所述頁面資源的真實地址,從所述真實地址獲取所述頁面資源以實現對原先被延遲載入的頁面資源的渲染。
較佳地,根據本發明所述的裝置,還可以包括:第二觸發模組,用於在頁面渲染過程中檢測到最後一個觸發的預定事件之後,則每隔一個預設時間段,觸發一次所述頁面快照反干擾操作的執行,直至頁面渲染完成。
較佳地,根據本發明所述的裝置,其中,所述頁面資源是圖片。
與現有技術相比,根據本發明的技術手段具有以下優點:在進行頁面快照時,對採用延遲載入技術的頁面資源,利用所觸發的預定事件,觸發頁面快照反干擾步驟的執行,使頁面中的被延遲載入資源消除延遲載入從而自動地實現這些資源的正常渲染,進而實現了頁面快照過程中的反干擾技術,提高了頁面快照品質。
400‧‧‧進行頁面快照的裝置
401‧‧‧渲染模組
402‧‧‧反干擾執行模組
403‧‧‧快照模組
404‧‧‧檢測模組
405‧‧‧第一觸發模組
406‧‧‧第二觸發模組
501‧‧‧列表形成模組
502‧‧‧屬性查詢模組
503‧‧‧執行子模組
此處所說明的圖式用來提供對本發明的進一步理解,
構成本發明的一部分,本發明的示意性實施例及其說明用於解釋本發明,並不構成對本發明的不當限定。在圖式中:圖1是現有技術的採用延遲載入技術的頁面快照示意圖;圖2是本發明實施例的進行頁面快照的方法的流程圖;圖3是本發明實施例的頁面快照反干擾步驟的具體執行步驟的流程圖;圖4是本發明實施例的進行頁面快照的裝置的模組圖;圖5是本發明實施例的反干擾執行模組402的單元模組圖;以及圖6是本發明實施例的採用頁面反延遲載入的頁面快照示意圖。
本發明的主要思想在於,載入頁面,並對所述頁面進行渲染;執行頁面快照反干擾步驟,其中,所述頁面快照反干擾步驟包括:透過遍歷所述頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源,及修改查找到的所述頁面資源的屬性,並觸發所述頁面資源的渲染;以及對完成所述頁面資源的渲染後的頁面進行頁面快照。
為使本發明的目的、技術手段和優點更加清楚,以下
結合圖式及具體實施例,對本發明作進一步地詳細說明。
根據本發明的實施例,提供了一種進行頁面快照的方法。
參考圖2,圖2是本發明實施例的進行頁面快照的方法的流程圖。
在步驟S201處,載入頁面,並對所述頁面進行渲染。
例如,當伺服器採集了大量頁面資訊時,會利用頁面快照技術,在特定時刻對特定網站的特定頁面進行頁面快照,或者,在搜尋結果頁,資料分析等特定場景中同樣可以對頁面進行快照。
應當注意,對頁面快照的應用並不限於這裏列舉的實施例中的應用,也可以使用其他本領域已知或未來開發的任意合適的應用場景。上述頁面可以包括:網站中新增的頁面、更新的頁面等等。在進行頁面快照之前,對該頁面進行載入,同時開始對該頁面進行頁面渲染,待該頁面中的頁面資源全部渲染成功時,對該特定頁面執行頁面快照。
如果在頁面中採用了頁面延遲載入技術,會導致該頁面中的頁面資源被延遲載入。例如,在頁面的延遲載入時,將該頁面資源替換為替換資源,更具體地,頁面資源可以是原圖片,替換資源可以是空白圖片,也即是將頁面中的原圖片替換為空白圖片,由空白圖片參加頁面渲染,當頁面捲軸靠近空白圖片時才載入該原圖片,完成該原圖
片的渲染。其中,所述空白圖片可以是預定的小資料的圖片。該延遲載入技術可導致在進行頁面快照時頁面中的被延遲載入的頁面資源(如,捲軸未靠近被延遲載入的圖片)沒有完成渲染。
在步驟S202處,執行頁面快照反干擾步驟。所述頁面快照反干擾步驟可以包括:透過遍歷所述頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源,及修改查找到的所述頁面資源的屬性,並觸發所述頁面資源的渲染。
具體而言,所述頁面快照反干擾步驟可以透過一個反延遲載入函數來執行。
該頁面快照反干擾步驟(反延遲載入函數)的具體執行步驟如圖3所示。
在步驟S301處,當載入一個頁面時,遍歷所述頁面中的頁面資源,並形成頁面資源列表。
在步驟S302處,依序獲取所述頁面資源列表中的每一個頁面資源,並查詢所述頁面資源的屬性,判斷在該頁面資源的屬性中是否存在頁面資源(被延遲載入的頁面資源)的延遲載入屬性。
在本實施例中,所述頁面資源可以是圖片。例如,在利用延遲載入技術渲染頁面時,頁面中所有<img>標簽的語句中的src屬性都進行了修改,例如將語句<imgsrc=”./ture/path/of/image.jpg”>修改為語句<imgsrc=”./empty.jpg”src2=”./ture/path/of/image.jpg”>,將src
存放的原圖片的真實位址替換為替換圖片的位址,並將原圖片的真實位址存放在其他屬性中,如存放在src2屬性中,其中,所述替換圖片可以是空白圖片,如,一張預設的小資料的圖片。因此,如果判斷頁面資源的具有按預定規則設置的可替換的src屬性資訊,則可以認為該頁面資源具有延遲載入屬性。
若某圖片存在延遲載入屬性,則繼續到步驟S303。若不存在圖片延遲載入屬性,則獲取下一張圖片,判斷所述下一張圖片是否包含圖片延遲載入屬性,直至將所述圖片列表中的圖片的屬性都判斷完畢。
在步驟S303處,找出包含延遲載入屬性的頁面資源,根據所述頁面資源的src屬性獲取所述頁面資源的真實地址,從所述真實地址獲取所述頁面資源以實現對原先被延遲載入的頁面資源的渲染。即,找出包含圖片延遲載入屬性的所述圖片,執行所述圖片替換的恢復過程。
例如,某頁面資源的<img>標簽資訊為<imgsrc=”./empty.jpg”src2=”./ture/path/of/image.jpg”>,根據<img>標簽資訊,該頁面資源具有可替換的src屬性資訊,為所找出的包含延遲載入屬性的頁面資源。將該頁面資源的<img>標簽資訊修改為語句<imgsrc=”./ture/path/of/image.jpg”>,即,將src屬性中存放的空白圖片的位址替換為src2屬性中存放的原圖片的真實位址,從而實現了將替換圖片(空白圖片)恢復為原圖片的過程,並在頁面渲染過程中完成對原圖片的渲染。
在一種實施例中,可以檢測在頁面渲染過程中觸發的預定事件,當檢測到所述預定事件時,觸發所述頁面快照反干擾步驟(反延遲載入函數)的執行。
在頁面渲染過程中透過觸發信號的概念來獲取頁面載入的特定階段,該觸發信號是指當特定事件被觸發時所發出的特定信號,預先將所述反延遲載入函數(頁面快照反干擾步驟)綁定在所述觸發信號上,這樣,當檢測到與所述反延遲載入函數相關的觸發信號時,就可以觸發該反延遲載入函數的執行。所述與反延遲載入函數相關的觸發信號可以是如下中的一個或多個:頁面初始化佈局完成信號、頁面載入完成信號等等。
基於所述頁面渲染中的特定事件發生的先後順序,可以預設一個或多個所述特定事件,作為頁面載入的特定階段,其中,所述特定事件可以包括:頁面初始化佈局完成事件、頁面載入完成事件等等。由於所述觸發信號是當特定事件發生時被觸發的特定信號,即,當特定事件發生時,會觸發所述觸發信號,從而每一個特定事件都會對應一個觸發信號,例如:按照所述事件發生的先後順序,預設兩個特定事件,分別為第一事件和第二事件。例如,第一事件可以是頁面初始化佈局完成事件,第二事件可以是頁面載入完成事件。相應地,與所述第一事件相對應的信號為頁面初始化佈局完成信號,可以稱之為第一信號,與所述第二事件相對應的信號為頁面載入完成信號,可以稱之為第二信號。當檢測到任一所述觸發信號(第一信號或
第二信號)時,則執行所述頁面快照反干擾步驟,用以實現對原先被延遲載入的頁面資源的渲染。
在本發明中,以第一事件和第二事件作為特定事件,相應地,將第一事件發生時被觸發的信號定義為第一信號並且將第二事件發生時被觸發的信號定義為第二信號,並將反延遲載入函數與第一信號或第二信號進行綁定。
當檢測到第一信號時,表示頁面初始化佈局完成,超文本標記語言(HTML)結構已經渲染至瀏覽器中,但頁面資源尚未開始載入,在此時,由於一個反延遲載入函數與第一信號綁定,因此將在這個時刻執行所述頁面快照反干擾步驟,其目的在於渲染原先被延遲載入的頁面資源。
當檢測到第二信號時,表示頁面資源載入完成,但是可能出現由於網路回應過慢導致的部分頁面資源未渲染完成或者頁面資源載入失敗的現象發生。所以當檢測到第二信號後,頁面渲染過程會出現多種情況,如頁面資源渲染完成,或頁面資源載入完成但頁面資源渲染未完成,或頁面資源載入完成但頁面資源渲染失敗,或頁面資源載入失敗等等。當頁面資源載入失敗時,由於該頁面資源採用了頁面延遲載入技術,頁面捲軸若未在該載入失敗的頁面資源的附近時,該頁面中的頁面資源依舊為替換資源,導致該頁面不能正常載入。所以,當檢測到第二信號時,可以再次執行所述頁面快照反干擾步驟,避免頁面資源載入失敗造成的頁面資源不能再次載入的問題,利用該次執行的頁面快照反干擾步驟將替換資源恢復為原頁面資源,並渲
染被延遲載入的原頁面資源。
在另一種實施例中,從最後一個觸發信號到頁面渲染完成可以存在時間差,稱為等待時間,在等待時間內完成對頁面中的頁面資源的渲染。可以在該等待時間期間以預設時間間隔來繼續多次觸發頁面快照反干擾步驟,以渲染原先被延遲載入的頁面資源。
所述頁面渲染過程處於所述等待時間內,載入完成的頁面資源也可能出現渲染失敗的情況,如,所述載入完成的頁面資源,在進入等待時間後,由於網路因素,造成頁面資源不能完成渲染,從而導致渲染失敗。所以,預設一個預設時間段,在頁面渲染過程中檢測到最後一個觸發的預定事件(如,第二事件)之後,則每隔一個預設時間段,觸發一次所述頁面快照反干擾步驟(反延遲載入函數)的執行,直至頁面渲染完成,例如:在等待時間,以單位時間(1秒)為間隔,每隔1秒觸發一次頁面快照反干擾步驟的執行,以減少頁面資源載入失敗或頁面資源渲染失敗造成的頁面不能正常顯示的問題。換言之,在等待時間內,每隔一個預設時間段,執行一次所述頁面快照反干擾步驟,用於防止圖片渲染失敗的情況發生。
應當注意,頁面快照反干擾步驟可以只執行一次,也可以執行多次,可以按照需要來進行設定。
在步驟S203處,當所述頁面渲染完成時,對完成所述頁面資源的渲染後的頁面進行頁面快照。該頁面渲染完成表示需要進行頁面快照的所述頁面的頁面資源顯示正
常,此時對該頁面進行頁面快照,可以得到完整的頁面內容。在對所述頁面進行頁面快照之後,還可以儲存所述頁面的頁面快照。
本發明的頁面快照可以在特定環境中執行,例如,利用用戶圖形介面作為快照環境,利用瀏覽器渲染所述頁面,利用截圖工具對該所述頁面截圖,最終將所述頁面作為圖片進行儲存,以此完成頁面快照過程。
所述瀏覽器和截圖工具可以利用現有技術中的開發工具進行開發,如:C語言、C++語言,獲得一個可程式化的瀏覽器和一個可程式化的螢幕擷取工具,來實現對頁面渲染和螢幕擷取過程的控制。
本發明還提供了一種進行頁面快照的裝置400,如圖4所示為本發明實施例的進行頁面快照的裝置400的模組圖。
根據本發明的該裝置400可以包括渲染模組401、反干擾執行模組402和快照模組403。
渲染模組401,用於載入頁面,並對所述頁面進行渲染。
反干擾執行模組402,用於執行頁面快照反干擾操作。
其中,所述頁面快照反干擾操作包括:透過遍歷所述頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源,及修改查找到的所述頁面資源的屬性,並觸發所述頁面資源的渲染。進一步地,所述頁面資源可以是圖片。
如圖5所示所述反干擾執行模組402還可以包括列表形成模組501、屬性查詢模組502、執行子模組503。
所述頁面快照反干擾操作的具體執行過程為:列表形成模組501遍歷所述頁面中的頁面資源,並形成頁面資源列表;屬性查詢模組502依序獲取所述頁面資源列表中的每一個頁面資源,並查詢所述頁面資源的屬性;執行子模組503找出包含延遲載入屬性的頁面資源,根據所述頁面資源的src屬性獲取所述頁面資源的真實地址,從所述真實地址獲取所述頁面資源以實現對原先被延遲載入的頁面資源的渲染。
本發明所述的裝置400還可以包括檢測模組404、第一觸發模組405。
其中,所述檢測模組404,用於檢測在頁面渲染過程中觸發的預定事件。
具體而言,基於所述頁面渲染中的事件發生的先後順序,預設一個或多個所述特定事件,作為頁面渲染中的特定階段,其中,所述特定事件可以包括:頁面初始化佈局完成事件、頁面載入完成事件中的至少一個。當觸發所述特定事件時,會發出所述觸發信號,由於該觸發信號可以與頁面快照反干擾操作存在綁定關係,所以第一觸發模組405可以用於當檢測到所述預定事件時,觸發所述頁面快照反干擾操作的執行,執行該頁面快照反干擾操作的目的是,渲染原先被延遲載入的頁面資源。
例如,按照頁面渲染過程中的事件發生的先後順序,
預設第一事件和第二事件作為特定事件。例如,第一事件可以是頁面初始化佈局完成事件,第二事件可以是頁面載入完成事件。當觸發第一事件時會發出一個第一信號(初始化完成信號),當觸發第二事件時會發出第二信號(載入完成信號),將所述第一信號與第二信號與頁面快照反干擾操作進行綁定。當檢測到第一信號或第二信號時,觸發所述頁面快照反干擾操作的執行,從而自動地渲染原先被延遲載入的頁面資源。
在所述第二信號(最後一個觸發的所述特定事件)與頁面渲染完成之間可以存在一個等待時間,在等待時間內,將頁面中的頁面資源渲染完成。
在一種實施例中,本發明所述的裝置400還可以包括第二觸發模組406,用於在頁面渲染過程中檢測到最後一個觸發的預定事件之後,則每隔一個預設時間段,觸發一次所述頁面快照反干擾步驟的執行,直至頁面渲染完成。
本發明所述裝置的快照模組403,用於當所述頁面渲染完成時,對完成所述頁面資源的渲染後的頁面進行頁面快照。
由於圖4、圖5所描述的本發明的裝置所包括的各個模組的具體實施方式與本發明的方法中的步驟的具體實施方式是相對應的,由於已經對圖2和圖3進行了詳細的描述,所以為了不模糊本發明,在此不再對各個模組的具體細節進行描述。
如圖6所示是本發明實施例的採用反頁面延遲載入的
頁面快照示意圖。可以看到在採用反頁面延遲載入的頁面快照中,頁面中的圖片全部正常顯示,沒有發生資訊缺失的情況,從而實現了頁面快照過程中的反干擾技術,提高了頁面快照品質。
如上所述,針對使用了延遲載入技術的頁面,透過利用本發明的反延遲載入的方法和裝置,能夠自動地載入所述使用了延遲載入技術的頁面。利用本發明的該方法,使得頁面快照等頁面應用的效果提高、用戶體驗也隨之提高。
本說明書中的各個實施例一般採用遞進的方式描述,每個實施例重點說明的都是與其他實施例的不同之處,各個實施例之間相同相似的部分互相參見即可。
本發明可以在由電腦執行的電腦可執行指令的一般上下文中描述,例如程式模組或單元。一般地,程式模組或單元可以包括執行特定任務或實現特定抽象資料類型的常式、程式、物件、元件、資料結構等等。一般來說,程式模組或單元可以由軟體、硬體或兩者的結合來實現。也可以在分散式計算環境中實踐本發明,在這些分散式計算環境中,由透過通信網路而被連接的遠端處理設備來執行任務。在分散式計算環境中,程式模組或單元可以位於包括存儲設備在內的本地和遠端電腦存儲介質中。
最後,還需要說明的是,術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含,從而使得包括一系列要素的過程、方法、商品或者設備不僅包括那些要
素,而且還包括沒有明確列出的其他要素,或者是還包括為這種過程、方法、商品或者設備所固有的要素。在沒有更多限制的情況下,由語句“包括一個......”限定的要素,並不排除在包括所述要素的過程、方法、商品或者設備中還存在另外的相同要素。
本領域內的技術人員應明白,本發明的實施例可提供為方法、系統、或電腦程式產品。因此,本發明可採用完全硬體實施例、完全軟體實施例、或結合軟體和硬體方面的實施例的形式。而且,本發明可採用在一個或多個其中包含有電腦可用程式碼的電腦可用存儲介質(包括但不限於磁碟儲存器、CD-ROM、光學儲存器等)上實施的電腦程式產品的形式。
本文中應用了具體個例對本發明的原理及實施方式進行了闡述,以上實施例的說明只是用於幫助理解本發明的方法及其主要思想;同時,對於本領域中具有通常知識者,依據本發明的思想,在實施方式及應用範圍上均會有改變之處,綜上所述,本說明書內容不應理解為對本發明的限制。
Claims (10)
- 一種進行頁面快照的方法,其特徵在於,包括:載入頁面,並對該頁面進行渲染;執行頁面快照反干擾步驟,其中,該頁面快照反干擾步驟包括:透過遍歷該頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源,及修改查找到的該頁面資源的屬性,並觸發該頁面資源的渲染,其中,該修改查找到的該頁面資源的屬性,並觸發該頁面資源的渲染的步驟,包括:找出包含延遲載入屬性的頁面資源;獲取該頁面資源的真實地址;從該真實地址獲取該頁面資源以實現對原先被延遲載入的頁面資源的渲染;以及對完成該頁面資源的渲染後的頁面進行頁面快照。
- 根據申請專利範圍第1項所述的方法,其中,還包括:檢測在頁面渲染過程中觸發的預定事件,該預定事件包括:頁面初始化佈局完成事件及頁面載入完成事件中的至少一個;以及當檢測到該預定事件時,觸發該頁面快照反干擾步驟的執行。
- 根據申請專利範圍第1項所述的方法,其中,該透過遍歷該頁面中的頁面資源屬性,來查找具有延遲載入 屬性的頁面資源的步驟,包括:遍歷該頁面中的頁面資源,並形成頁面資源列表;依序獲取該頁面資源列表中的每一個頁面資源,並查詢該頁面資源的屬性。
- 根據申請專利範圍第1-3項中任一項所述的方法,其中,還包括:在頁面渲染過程中檢測到最後一個觸發的預定事件之後,則每隔一個預設時間段,觸發一次該頁面快照反干擾步驟的執行,直至頁面渲染完成。
- 根據申請專利範圍第1-3項中任一項所述的方法,其中,該頁面資源是圖片。
- 一種進行頁面快照的裝置,其特徵在於,包括:渲染模組,用於載入頁面,並對該頁面進行渲染;反干擾執行模組,用於執行頁面快照反干擾操作,其中,該頁面快照反干擾操作包括:透過遍歷該頁面中的頁面資源屬性,來查找具有延遲載入屬性的頁面資源,及修改查找到的該頁面資源的屬性,並觸發該頁面資源的渲染;以及快照模組,用於對完成該頁面資源的渲染後的頁面進行頁面快照,其中,該反干擾執行模組包括:執行子模組,用於找出包含延遲載入屬性的頁面資源,根據該頁面資源的src屬性獲取該頁面資源的真實 地址,從該真實地址獲取該頁面資源以實現對原先被延遲載入的頁面資源的渲染。
- 根據申請專利範圍第6項所述的裝置,其中,還包括:檢測模組,用於檢測在頁面渲染過程中觸發的預定事件,該預定事件包括:頁面初始化佈局完成事件及頁面載入完成事件中的至少一個;以及第一觸發模組,用於當檢測到該預定事件時,觸發該頁面快照反干擾操作的執行。
- 根據申請專利範圍第6項所述的裝置,其中,該反干擾執行模組包括:列表形成模組,用於遍歷該頁面中的頁面資源,並形成頁面資源列表;屬性查詢模組,用於依序獲取該頁面資源列表中的每一個頁面資源,並查詢該頁面資源的屬性。
- 根據申請專利範圍第7及8項中任一項所述的裝置,其中,還包括:第二觸發模組,用於在頁面渲染過程中檢測到最後一個觸發的預定事件之後,則每隔一個預設時間段,觸發一次該頁面快照反干擾操作的執行,直至頁面渲染完成。
- 根據申請專利範圍第6-8項中任一項所述的裝置,其中,該頁面資源是圖片。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310115882.1A CN104102643B (zh) | 2013-04-03 | 2013-04-03 | 一种进行页面快照的方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
TW201439794A TW201439794A (zh) | 2014-10-16 |
TWI598752B true TWI598752B (zh) | 2017-09-11 |
Family
ID=51655378
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
TW102133551A TWI598752B (zh) | 2013-04-03 | 2013-09-16 | Method and device for page snapshots |
Country Status (7)
Country | Link |
---|---|
US (1) | US20140304588A1 (zh) |
EP (1) | EP2981907A2 (zh) |
JP (1) | JP6129402B2 (zh) |
CN (1) | CN104102643B (zh) |
HK (1) | HK1201611A1 (zh) |
TW (1) | TWI598752B (zh) |
WO (1) | WO2014165410A2 (zh) |
Families Citing this family (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9690764B1 (en) * | 2014-12-12 | 2017-06-27 | Amazon Technologies, Inc. | Delivery and display of page previews using shadow DOM |
TW201624253A (zh) | 2014-12-31 | 2016-07-01 | 萬國商業機器公司 | 在一圖形使用者介面上顯示關於一子層級新分頁之父層級分頁的網頁資訊的方法、電腦程式產品與電腦系統 |
WO2016153081A1 (en) * | 2015-03-20 | 2016-09-29 | Lg Electronics Inc. | Electronic device and method for controlling the same |
CN106155510B (zh) * | 2015-04-07 | 2019-11-19 | 中兴通讯股份有限公司 | 截屏方法及装置 |
CN106649299B (zh) * | 2015-07-28 | 2020-09-15 | 阿里巴巴集团控股有限公司 | 一种网页区块懒加载的方法和装置 |
US10447761B2 (en) * | 2015-07-31 | 2019-10-15 | Page Vault Inc. | Method and system for capturing web content from a web server as a set of images |
CN106354873B (zh) * | 2015-09-22 | 2019-12-20 | 广州神马移动信息科技有限公司 | 网页加载方法、装置及系统 |
US10417113B1 (en) | 2016-03-10 | 2019-09-17 | Amdocs Development Limited | System, method, and computer program for web testing and automation offline storage and analysis |
US10250715B2 (en) * | 2016-06-30 | 2019-04-02 | Salesforce.Com, Inc. | Dynamic adjustment of boxcarring of action requests from component-driven cloud applications |
CN107577712B (zh) * | 2017-08-01 | 2019-03-15 | 武汉斗鱼网络科技有限公司 | 一种加载页面的方法、装置及计算机设备 |
US20190180484A1 (en) * | 2017-12-11 | 2019-06-13 | Capital One Services, Llc | Systems and methods for digital content delivery over a network |
CN109739598B (zh) * | 2018-12-24 | 2022-06-24 | Oppo广东移动通信有限公司 | 一种终端亮屏方法及装置、设备和存储介质 |
US11200294B2 (en) * | 2019-03-20 | 2021-12-14 | Hisense Visual Technology Co., Ltd. | Page updating method and display device |
CA3166008A1 (en) * | 2020-02-11 | 2021-08-19 | Michael Ryan Rand | Simulations based on capturing and organizing visuals and dynamics of software products |
CN114817807A (zh) * | 2022-04-27 | 2022-07-29 | 中国建设银行股份有限公司 | 页面处理方法、装置、设备、可读存储介质和产品 |
CN114943048A (zh) * | 2022-07-11 | 2022-08-26 | 维沃移动通信有限公司 | 网页加载方法、网页加载装置、电子设备和存储介质 |
US11790031B1 (en) * | 2022-10-31 | 2023-10-17 | Content Square SAS | Website change detection |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6526424B2 (en) * | 1997-09-29 | 2003-02-25 | Fujitsu Limited | Browser image display bookmark system |
US6271840B1 (en) * | 1998-09-24 | 2001-08-07 | James Lee Finseth | Graphical search engine visual index |
US9032067B2 (en) * | 2010-03-12 | 2015-05-12 | Fujitsu Limited | Determining differences in an event-driven application accessed in different client-tier environments |
-
2013
- 2013-04-03 CN CN201310115882.1A patent/CN104102643B/zh active Active
- 2013-09-16 TW TW102133551A patent/TWI598752B/zh active
-
2014
- 2014-03-27 US US14/227,568 patent/US20140304588A1/en not_active Abandoned
- 2014-03-28 EP EP14779551.2A patent/EP2981907A2/en not_active Withdrawn
- 2014-03-28 JP JP2016506340A patent/JP6129402B2/ja active Active
- 2014-03-28 WO PCT/US2014/032244 patent/WO2014165410A2/en active Application Filing
-
2015
- 2015-02-28 HK HK15102030.1A patent/HK1201611A1/zh unknown
Non-Patent Citations (1)
Title |
---|
Crawling AJAX-Based Web Applications through Dynamic Analysis of User Interface State Changes, ACM Transactions on the Web, Vol. 6, No. 1, Article 3, 2012/03/01, https://www.ece.ubc.ca/~amesbah/docs/tweb-final.pdf * |
Also Published As
Publication number | Publication date |
---|---|
WO2014165410A2 (en) | 2014-10-09 |
CN104102643B (zh) | 2017-09-22 |
EP2981907A2 (en) | 2016-02-10 |
HK1201611A1 (zh) | 2015-09-04 |
JP2016517108A (ja) | 2016-06-09 |
TW201439794A (zh) | 2014-10-16 |
CN104102643A (zh) | 2014-10-15 |
US20140304588A1 (en) | 2014-10-09 |
JP6129402B2 (ja) | 2017-05-17 |
WO2014165410A3 (en) | 2015-05-07 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
TWI598752B (zh) | Method and device for page snapshots | |
US10642608B2 (en) | Associating a visualization of user interface with source code | |
US9436772B2 (en) | Appending a uniform resource identifier (URI) fragment identifier to a uniform resource locator (URL) | |
CN105786352A (zh) | 快速定位页面内容的方法、装置及移动终端 | |
US11924296B2 (en) | System and method for the capture of mobile behavior, usage, or content exposure | |
US10739935B2 (en) | Review of previously displayed content | |
US20110126113A1 (en) | Displaying content on multiple web pages | |
US9588945B2 (en) | Comparing webpage elements having asynchronous functionality | |
WO2016033765A1 (zh) | 网页自动化测试方法及装置 | |
WO2017148349A1 (zh) | 一种浏览网页中缩略图的方法及装置 | |
US20180059887A1 (en) | Direct navigation to modal dialogs | |
US10162473B2 (en) | Integrating browser navigation between multiple browsing contexts | |
CN107391534A (zh) | 页面显示、页面文件返回方法及装置、计算机存储介质 | |
US10599750B2 (en) | Capturing an application state in a conversation | |
US20140067854A1 (en) | Crawling of generated server-side content | |
CN110708270B (zh) | 异常链接检测方法以及装置 | |
US8775924B1 (en) | Processing web pages based on content quality | |
US10845953B1 (en) | Identifying actionable content for navigation | |
US20180088771A1 (en) | System and method for replaying a recorded pointer trajectory | |
US11790152B2 (en) | Presenting web content based on rules | |
CN116264626A (zh) | 基于浏览器的视频显示方法、电子设备和可读存储介质 | |
US20190250967A1 (en) | Method and system for opening a data object |