頁(yè)面加載方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體而言，涉及一種頁(yè)面加載方法和裝置。
【背景技術(shù)】
[0002]目前，網(wǎng)頁(yè)中可以加入視頻、圖像、音頻等元素，不但內(nèi)容十分豐富，而質(zhì)量也越來(lái)越高，用戶可以直接在網(wǎng)頁(yè)中觀看影片、圖片，可以在網(wǎng)頁(yè)中收聽(tīng)音樂(lè)等，為用戶提高了使用體驗(yàn)。
[0003]但網(wǎng)頁(yè)中包含的大量元素，也使得網(wǎng)頁(yè)加載的過(guò)程中比較緩慢，網(wǎng)頁(yè)加載緩慢會(huì)造成網(wǎng)頁(yè)的顯示也比較慢，這就使得用戶需要等待較長(zhǎng)的時(shí)間才能觀看網(wǎng)頁(yè)。

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

[0004]鑒于上述問(wèn)題，提出了本發(fā)明以便提供一種克服上述問(wèn)題或者至少部分地解決上述問(wèn)題的頁(yè)面加載方法和裝置。
[0005]依據(jù)本發(fā)明的一個(gè)方面，提供了一種頁(yè)面加載方法，待加載的頁(yè)面中包含結(jié)構(gòu)代碼、腳本代碼，所述腳本代碼中包含用于在所述頁(yè)面上展現(xiàn)的第一文件的信息，所述方法包括:加載所述結(jié)構(gòu)代碼；在所述結(jié)構(gòu)代碼加載完成后加載所述腳本代碼，并在加載所述腳本代碼時(shí)，根據(jù)所述腳本代碼中包含的所述第一文件的信息，加載所述第一文件以在所述頁(yè)面上展現(xiàn)。
[0006]可選地，前述的頁(yè)面加載方法，所述結(jié)構(gòu)代碼中包含與所述第一文件相對(duì)應(yīng)的第二文件的信息，所述第二文件的體積小于所述第一文件；加載所述結(jié)構(gòu)代碼，還包括:在所述加載所述結(jié)構(gòu)代碼時(shí)，根據(jù)所述第二文件的信息加載所述第二文件以在所述頁(yè)面上展現(xiàn)；加載所述第一文件以在所述頁(yè)面上展現(xiàn)，還包括:使用所述第一文件替換所述頁(yè)面上展現(xiàn)的所述第二文件。
[0007]可選地，前述的頁(yè)面加載方法，所述第一文件的數(shù)量為多個(gè)，所述第二文件的數(shù)量為一個(gè)。
[0008]可選地，前述的頁(yè)面加載方法，所述第一文件、所述第二文件均為圖片，且所述第二文件為I像素。
[0009]可選地，前述的頁(yè)面加載方法，加載所述第一文件以在所述頁(yè)面上展現(xiàn)，具體包括:
[0010]在所述第一文件為多個(gè)圖片時(shí)，對(duì)所述多個(gè)圖片進(jìn)行縮放以在所述頁(yè)面上呈瀑布流方式顯示。
[0011]可選地，前述的頁(yè)面加載方法，對(duì)所述多個(gè)圖片進(jìn)行縮放以在所述頁(yè)面上呈瀑布流方式顯示，具體包括:按所述頁(yè)面的寬度、預(yù)設(shè)的所述多個(gè)圖片在所述頁(yè)面上排列的列數(shù)，計(jì)算縮放后的所述多個(gè)圖片的寬度；按所述寬度對(duì)所述多個(gè)圖片進(jìn)行縮放，并顯示在所述頁(yè)面上。
[0012]可選地，前述的頁(yè)面加載方法，在所述第一文件為圖片時(shí)，所述第一文件的信息為圖片鏈接。
[0013]可選地，前述的頁(yè)面加載方法，所述圖片鏈接中包含動(dòng)態(tài)參數(shù)，所述腳本代碼用于控制動(dòng)態(tài)參數(shù)的值變化；根據(jù)所述腳本代碼中包含的所述第一文件的信息，加載所述第一文件以在所述頁(yè)面上展現(xiàn)，具體包括:在加載所述腳本代碼時(shí)，根據(jù)所述腳本代碼計(jì)算所述動(dòng)態(tài)參數(shù)的當(dāng)前值；將所述當(dāng)前值代入所述圖片鏈接后，根據(jù)所述圖片鏈接獲取圖片進(jìn)行加載。
[0014]依據(jù)本發(fā)明的另一方面，還提供了一種頁(yè)面加載裝置，待加載的頁(yè)面中包含結(jié)構(gòu)代碼、腳本代碼，所述腳本代碼中包含用于在所述頁(yè)面上展現(xiàn)的第一文件的信息，所述裝置包括:結(jié)構(gòu)代碼加載模塊，用于加載所述結(jié)構(gòu)代碼；腳本代碼加載模塊，用于在所述結(jié)構(gòu)代碼加載完成后加載所述腳本代碼，并在加載所述腳本代碼時(shí)，根據(jù)所述腳本代碼中包含的所述第一文件的信息，加載所述第一文件以在所述頁(yè)面上展現(xiàn)。
[0015]可選地，前述的頁(yè)面加載裝置，所述結(jié)構(gòu)代碼中包含與所述第一文件相對(duì)應(yīng)的第二文件的信息，所述第二文件的體積小于所述第一文件；所述結(jié)構(gòu)代碼加載模塊還在所述加載所述結(jié)構(gòu)代碼時(shí)，根據(jù)所述第二文件的信息加載所述第二文件以在所述頁(yè)面上展現(xiàn)；所述裝置還包括:替換模塊，使用所述第一文件替換所述頁(yè)面上展現(xiàn)的所述第二文件。
[0016]可選地，前述的頁(yè)面加載裝置，所述第一文件的數(shù)量為多個(gè)，所述第二文件的數(shù)量為一個(gè)。
[0017]可選地，前述的頁(yè)面加載裝置，所述第一文件、所述第二文件均為圖片，且所述第二文件為I像素。
[0018]可選地，前述的頁(yè)面加載裝置，所述腳本代碼加載模塊在所述第一文件為多個(gè)圖片時(shí)，對(duì)所述多個(gè)圖片進(jìn)行縮放以在所述頁(yè)面上呈瀑布流方式顯示。
[0019]可選地，前述的頁(yè)面加載裝置，所述腳本代碼加載模塊包括:寬度計(jì)算模塊，用于按所述頁(yè)面的寬度、預(yù)設(shè)的所述多個(gè)圖片在所述頁(yè)面上排列的列數(shù)，計(jì)算縮放后的所述多個(gè)圖片的寬度；圖片縮放模塊，用于按所述寬度對(duì)所述多個(gè)圖片進(jìn)行縮放，并顯示在所述頁(yè)面上。
[0020]可選地，前述的頁(yè)面加載裝置，在所述第一文件為圖片時(shí)，所述第一文件的信息為圖片鏈接。
[0021]可選地，前述的頁(yè)面加載裝置，所述圖片鏈接中包含動(dòng)態(tài)參數(shù)，所述腳本代碼用于控制動(dòng)態(tài)參數(shù)的值變化；所述腳本代碼加載模塊在加載所述腳本代碼時(shí)，根據(jù)所述腳本代碼計(jì)算所述動(dòng)態(tài)參數(shù)的當(dāng)前值；將所述當(dāng)前值代入所述圖片鏈接后，根據(jù)所述圖片鏈接獲取圖片進(jìn)行加載。
[0022]根據(jù)以上的技術(shù)方案，本發(fā)明的頁(yè)面加載方法和裝置，至少具有以下優(yōu)點(diǎn):
[0023]對(duì)于網(wǎng)頁(yè)加載過(guò)程來(lái)說(shuō)，首先加載網(wǎng)頁(yè)的結(jié)構(gòu)代碼，在網(wǎng)頁(yè)的結(jié)構(gòu)代碼加載完成后再加載網(wǎng)頁(yè)的腳本代碼；在現(xiàn)有的網(wǎng)頁(yè)結(jié)構(gòu)中，網(wǎng)頁(yè)中使用的文件的信息都是記錄在網(wǎng)頁(yè)的結(jié)構(gòu)代碼中，這就造成網(wǎng)頁(yè)的結(jié)構(gòu)代碼加載緩慢，這就導(dǎo)致根據(jù)結(jié)構(gòu)代碼顯示網(wǎng)頁(yè)的結(jié)構(gòu)也變得緩慢；根據(jù)本發(fā)明的技術(shù)方案，由于文件信息記錄在腳本代碼中，所以結(jié)構(gòu)代碼的加載速度較快，則網(wǎng)頁(yè)的結(jié)構(gòu)也可以更快地顯示給用戶，使用戶可以更早地觀看到網(wǎng)頁(yè)。
[0024]上述說(shuō)明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說(shuō)明書(shū)的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的【具體實(shí)施方式】。
【附圖說(shuō)明】
[0025]通過(guò)閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中:
[0026]圖1示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的頁(yè)面加載方法的流程圖；
[0027]圖2示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的頁(yè)面加載方法的流程圖；
[0028]圖3示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的頁(yè)面加載方法的流程圖；
[0029]圖4示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的頁(yè)面加載裝置的框圖；
[0030]圖5示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的頁(yè)面加載裝置的框圖；
[0031]圖6示出了根據(jù)本發(fā)明的一個(gè)實(shí)施例的頁(yè)面加載裝置的框圖。
【具體實(shí)施方式】
[0032]下面將參照附圖更詳細(xì)地描述本公開(kāi)的示例性實(shí)施例。雖然附圖中顯示了本公開(kāi)的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開(kāi)而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開(kāi)，并且能夠?qū)⒈竟_(kāi)的范圍完整的傳達(dá)給