頁面加載方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計(jì)算機(jī)領(lǐng)域，具體而言，涉及一種頁面加載方法和裝置。
【背景技術(shù)】
[0002]在現(xiàn)有技術(shù)中，頁面的加載通常可以通過在待展示頁面中加載頁面元素來完成的，例如，可以先獲取待展示頁面的頁面框架，然后該頁面框架中加載頁面元素，以完成頁面的加載。
[0003]其中，作為一種可行的解決方案，頁面元素在待展示頁面中的加載可以是逐一完成的，其中，如果待加載的頁面元素有N個(gè)，則該N個(gè)待加載的頁面元素將會(huì)按照預(yù)設(shè)的邏輯逐一地加載到待展示頁面中，這種方式也可以視為是單線程的處理方式。
[0004]作為另一種可行的解決方案，還可以采用多線程的處理方式同時(shí)加載上述N個(gè)頁面元素，其中，可以為每一待加載的頁面元素創(chuàng)建一個(gè)加載任務(wù)，并同時(shí)執(zhí)行多個(gè)加載任務(wù)。
[0005]與單線程的方式相比，多線程的方式顯然提高了加載速度，然而由于同時(shí)執(zhí)行的多個(gè)加載任務(wù)可能會(huì)申請(qǐng)相同的資源，比如服務(wù)于在本地與外部之間進(jìn)行交互的I/o資源，因此在同時(shí)執(zhí)行的加載任務(wù)較多而資源不足的情形下，在多個(gè)加載任務(wù)相互之間就會(huì)出現(xiàn)對(duì)資源的競(jìng)爭(zhēng)，進(jìn)而競(jìng)爭(zhēng)到資源的加載任務(wù)可以加載對(duì)應(yīng)的頁面元素，未競(jìng)爭(zhēng)到資源的加載任務(wù)則無法繼續(xù)執(zhí)行，從而導(dǎo)致其所對(duì)應(yīng)的頁面元素?zé)o法及時(shí)加載到待展示頁面中。在上述場(chǎng)景下，如果該無法及時(shí)加載的頁面元素在可視區(qū)域或設(shè)定展示區(qū)域內(nèi)，則實(shí)時(shí)呈現(xiàn)給用戶的可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的待展示頁面將會(huì)在較長(zhǎng)的一段時(shí)間內(nèi)不完整，這就影響了用戶的體驗(yàn)。
[0006]針對(duì)上述的問題，目前尚未提出有效的解決方案。

【發(fā)明內(nèi)容】

[0007]本發(fā)明實(shí)施例提供了一種頁面加載方法和裝置，以至少解決現(xiàn)有的頁面加載方案中可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的頁面元素的加載速度較慢的技術(shù)問題。
[0008]根據(jù)本發(fā)明實(shí)施例的一個(gè)方面，提供了一種頁面加載方法，包括:獲取與待展示頁面對(duì)應(yīng)的頁面文件，其中，上述頁面文件用于指示上述待展示頁面中待加載的頁面元素；根據(jù)上述頁面文件在上述待展示頁面中加載第一頁面元素和第二頁面元素，且加載上述第一頁面元素的優(yōu)先級(jí)高于加載上述第二頁面元素的優(yōu)先級(jí)，其中，上述第一頁面元素表示可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的上述待加載的頁面元素，上述第二頁面元素表示可視區(qū)域或設(shè)定展示區(qū)域外的上述待加載的頁面元素；輸出加載后的待展示頁面。
[0009]根據(jù)本發(fā)明實(shí)施例的另一方面，還提供了一種頁面加載裝置，包括:獲取單元，用于獲取與待展示頁面對(duì)應(yīng)的頁面文件，其中，上述頁面文件用于指示上述待展示頁面中待加載的頁面元素；加載單元，用于根據(jù)上述頁面文件在上述待展示頁面中加載第一頁面元素和第二頁面元素，且加載上述第一頁面元素的優(yōu)先級(jí)高于加載上述第二頁面元素的優(yōu)先級(jí)，其中，上述第一頁面元素表示可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的上述待加載的頁面元素，上述第二頁面元素表示可視區(qū)域或設(shè)定展示區(qū)域外的上述待加載的頁面元素；輸出單元，用于輸出加載后的待展示頁面。
[0010]在本發(fā)明實(shí)施例中，可以在類似于多線程的處理方式的基礎(chǔ)上，結(jié)合對(duì)可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的頁面元素與可視區(qū)域或設(shè)定展示區(qū)域外的頁面元素的區(qū)別處理，以達(dá)到優(yōu)先加載可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的待加載的頁面元素的目的，進(jìn)而達(dá)到縮短可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的待展示頁面的加載時(shí)間的效果，從而解決現(xiàn)有的頁面加載方案中可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的頁面元素的加載速度較慢的問題。
【附圖說明】
[0011]此處所說明的附圖用來提供對(duì)本發(fā)明的進(jìn)一步理解，構(gòu)成本申請(qǐng)的一部分，本發(fā)明的示意性實(shí)施例及其說明用于解釋本發(fā)明，并不構(gòu)成對(duì)本發(fā)明的不當(dāng)限定。在附圖中:
[0012]圖1是根據(jù)本發(fā)明實(shí)施例的一種可選的頁面加載方法的示意圖；
[0013]圖2是根據(jù)本發(fā)明實(shí)施例的一種可選的待展示頁面的示意圖；
[0014]圖3是根據(jù)本發(fā)明實(shí)施例的另一種可選的頁面加載方法的示意圖；
[0015]圖4是根據(jù)本發(fā)明實(shí)施例的又一種可選的頁面加載方法的示意圖；
[0016]圖5是根據(jù)本發(fā)明實(shí)施例的另一種可選的待展示頁面的示意圖；
[0017]圖6是根據(jù)本發(fā)明實(shí)施例的又一種可選的待展示頁面的示意圖；
[0018]圖7是根據(jù)本發(fā)明實(shí)施例的又一種可選的頁面加載方法的示意圖；
[0019]圖8是根據(jù)本發(fā)明實(shí)施例的一種可選的頁面加載裝置的示意圖；
[0020]圖9是根據(jù)本發(fā)明實(shí)施例的一種可選的頁面加載的緩存策略的示意圖。
【具體實(shí)施方式】
[0021]為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明方案，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分的實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本發(fā)明保護(hù)的范圍。
[0022]需要說明的是，本發(fā)明的說明書和權(quán)利要求書及上述附圖中的術(shù)語“第一”、“第二”等是用于區(qū)別類似的對(duì)象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本發(fā)明的實(shí)施例能夠以除了在這里圖示或描述的那些以外的順序?qū)嵤?。此外，術(shù)語“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。
[0023]實(shí)施例1
[0024]根據(jù)本發(fā)明實(shí)施例，提供了一種頁面加載方法，如圖1所示，該方法包括:
[0025]S102:獲取與待展示頁面對(duì)應(yīng)的頁面文件，其中，頁面文件用于指示待展示頁面中待加載的頁面元素；
[0026]S104:根據(jù)頁面文件在待展示頁面中加載第一頁面元素和第二頁面元素，且加載第一頁面元素的優(yōu)先級(jí)高于加載第二頁面元素的優(yōu)先級(jí)，其中，第一頁面元素表示可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的待加載的頁面元素，第二頁面元素表示可視區(qū)域或設(shè)定展示區(qū)域外的待加載的頁面元素；
[0027]S106:輸出加載后的待展示頁面。
[0028]應(yīng)當(dāng)理解的是，本發(fā)明所要解決的問題之一是提供一種方法，以便于實(shí)現(xiàn)頁面的加載(load)，其中，該頁面通?？梢员硎居糜谙蛳到y(tǒng)外部的用戶呈現(xiàn)文字、圖形等信息的一種可視化的信息載體，例如，具體地，其可以是在瀏覽器上展示的網(wǎng)頁，也可以是在客戶端上展示的操作界面，等。從技術(shù)角度而言，這種基于功能定義的頁面類型的劃分通常對(duì)應(yīng)于頁面的開發(fā)環(huán)境和工作環(huán)境,例如,在WWW環(huán)境中的頁面即可以稱之為網(wǎng)頁(webpage )等。換而言之，在本發(fā)明實(shí)施例中，上述頁面的表現(xiàn)形式可以有多種，具體地，可以視上述方法的實(shí)施環(huán)境而定，本發(fā)明對(duì)此不作限定。其中，為便于描述，以下將用于在上述加載完成之后實(shí)時(shí)地、或者在某一時(shí)間間隔內(nèi)向系統(tǒng)外部進(jìn)行展示的頁面記為待展示頁面。
[0029]在本發(fā)明實(shí)施例中，頁面的加載可以通過在待展示頁面中加載頁面元素來完成的，例如，在本發(fā)明的一些實(shí)施例中，可以先獲取待展示頁面的頁面框架，然后該頁面框架中加載頁面元素，以完成頁面的加載。其中，該頁面元素可以表示文字、圖片、表格、音頻、視頻等直接呈現(xiàn)在待展示頁面中、用于向用戶傳達(dá)信息的對(duì)象，然而這并非本發(fā)明唯一的實(shí)施方式，例如，其還可以表示上述對(duì)象的位置、尺寸、樣式、渲染效果等同樣需要在待展示頁面中加載的屬性，或者是由上述對(duì)象及屬性封裝而成的組件等，應(yīng)當(dāng)理解的是，這并不影響本發(fā)明技術(shù)方案的實(shí)施及其技術(shù)效果的實(shí)現(xiàn)，本發(fā)明對(duì)此也不作任何限定。為便于描述，以下將待展示頁面中待加載的頁面元素記為待加載的頁面元素。進(jìn)一步可選地，在本發(fā)明實(shí)施例中，為區(qū)分已經(jīng)加載到待展示頁面的頁面元素與待加載的頁面元素，在加載過程中，通?？梢詾樽鳛榧虞d對(duì)象的頁面元素設(shè)置一個(gè)狀態(tài)標(biāo)簽，并且在完成對(duì)該頁面元素的加載時(shí)，將該頁面元素的狀態(tài)標(biāo)簽由待加載狀態(tài)切換至已加載狀態(tài)，進(jìn)而可以在任一時(shí)刻采用本發(fā)明實(shí)施例提供的頁面加載方法對(duì)標(biāo)記為待加載狀態(tài)的頁面元素進(jìn)行加載。
[0030]進(jìn)一步地，為實(shí)現(xiàn)對(duì)頁面元素的加載，作為一種可行的解決方案，頁面元素在待展示頁面中的加載可以是逐一完成的，其中，如果待加載的頁面元素有N個(gè)，則該N個(gè)待加載的頁面元素將會(huì)按照預(yù)設(shè)的邏輯逐一地加載到待展示頁面中，這種方式也可以視為是單線程的處理方式。作為另一種可行的解決方案，還可以采用多線程的處理方式同時(shí)加載上述N個(gè)頁面元素，其中，可以為每一待加載的頁面元素創(chuàng)建一個(gè)加載任務(wù)，并同時(shí)執(zhí)行多個(gè)加載任務(wù)。與單線程的方式相比，多線程的方式顯然提高了加載速度，然而由于同時(shí)執(zhí)行的多個(gè)加載任務(wù)可能會(huì)申請(qǐng)相同的資源，比如服務(wù)于在本地與外部之間進(jìn)行交互的I/O資源，因此在同時(shí)執(zhí)行的加載任務(wù)較多而資源不足的情形下，在多個(gè)加載任務(wù)相互之間就會(huì)出現(xiàn)對(duì)資源的競(jìng)爭(zhēng)，進(jìn)而競(jìng)爭(zhēng)到資源的加載任務(wù)可以加載對(duì)應(yīng)的頁面元素，未競(jìng)爭(zhēng)到資源的加載任務(wù)則無法繼續(xù)執(zhí)行，從而導(dǎo)致其所對(duì)應(yīng)的頁面元素?zé)o法及時(shí)加載到待展示頁面中。在上述場(chǎng)景下，如果該無法及時(shí)加載的頁面元素在可視區(qū)域或設(shè)定展示區(qū)域內(nèi)，則實(shí)時(shí)呈現(xiàn)給用戶的可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的待展示頁面將會(huì)在較長(zhǎng)的一段時(shí)間內(nèi)不完整，這就影響了用戶的體驗(yàn)。
[0031]為解決這一問題，在本發(fā)明實(shí)施例中，可以在類似于上述多線程的處理方式的基礎(chǔ)上，結(jié)合對(duì)可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的頁面元素與可視區(qū)域或設(shè)定展示區(qū)域外的頁面元素的區(qū)別處理，以達(dá)到優(yōu)先加載可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的待加載的頁面元素的目的，進(jìn)而達(dá)到縮短可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的待展示頁面的加載時(shí)間的效果，從而解決現(xiàn)有的頁面加載方案中可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的頁面元素的加載速度較慢的問題。除此之外，通過本發(fā)明實(shí)施例中對(duì)加載可視區(qū)域或設(shè)定展示區(qū)域內(nèi)的頁面元素與加載可視區(qū)域或設(shè)定展示區(qū)域外的頁面元素的不同優(yōu)先級(jí)的設(shè)置，還可以克服二者之間在競(jìng)爭(zhēng)資源時(shí)可能出現(xiàn)的死鎖現(xiàn)象，從而提高了系統(tǒng)的工作效率。
[0032]以下將結(jié)合附圖及實(shí)施例對(duì)本發(fā)明技術(shù)方案進(jìn)行詳細(xì)描述。
[0033]根據(jù)本發(fā)明實(shí)施例提供的頁面加載方法，在步驟S102中，可以獲取與待展示頁面對(duì)應(yīng)的頁面文件，其中，該頁面文件用于指示待展示頁面中待加載的頁面元素。
[0034]具體地，在本發(fā)明的一些實(shí)施例中，該頁面文件可以表示上述的頁面框架，進(jìn)而在該頁面框架中可以記錄有用于指示待加載的頁面元素的標(biāo)識(shí)，例如，在一個(gè)實(shí)施例中，該頁面文件可以是與作為待展示頁面的網(wǎng)頁相對(duì)應(yīng)的超文本標(biāo)記語言html (HyperTextMark-up Language )文件,若該網(wǎng)頁存在待加載的頁面元素如圖片，貝U可以在html文件中添加“〈img src=”圖片路徑”/>”語句，以指示加載由“圖片路徑”所指示的圖片。
[0035]當(dāng)然，這只是一種示例，在本發(fā)明實(shí)施例中，待加載的頁面元素并不限于圖片，從而頁面文件中用于指示待加載的頁面元素的標(biāo)識(shí)也并不限于上述語句，此外，上述頁面文件也并不限于html文件,還可以是動(dòng)態(tài)服務(wù)器頁面asp (Active Server Page)腳本、Java服務(wù)器頁面jsp (Java Server Page)腳本、或超文本預(yù)處理器php (HypertextPreprocessor)腳本等具備平臺(tái)無關(guān)性的頁面文件。事實(shí)上，在本發(fā)明實(shí)施例中，頁面文件甚至可以不限于是超媒體文檔或者是采用標(biāo)準(zhǔn)通用標(biāo)記語言所形成的文檔，其還可以是能夠被用于頁面加載的加載器所識(shí)別的其他可行的文件，例如與互聯(lián)網(wǎng)服務(wù)的提供方自行開發(fā)的語言環(huán)境相適配的頁面文件等，本發(fā)明對(duì)此不作限定。
[0036]除此之外，本發(fā)明并不會(huì)限定上述頁面文件的來源。例如，在本發(fā)明的一些實(shí)施例中，該頁面文件可以獲取自外部如Web服務(wù)器，進(jìn)而上述方法可以實(shí)施于運(yùn)行在客戶端上的應(yīng)用如瀏覽器等，以服務(wù)于對(duì)網(wǎng)頁的加載，而在本發(fā)明的另一些實(shí)施例中，該頁面文件也可以獲取自本地，比如可以由上述應(yīng)用根據(jù)設(shè)計(jì)需要在客戶端的本地拼裝出頁面文件，等，具體地，可以根據(jù)本發(fā)明的實(shí)施環(huán)境