本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體涉及一種瀏覽器目標(biāo)頁(yè)面整屏切換顯示的方法及系統(tǒng)。
背景技術(shù)：
隨著互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，瀏覽器的應(yīng)用也是越來(lái)越廣，很多終端設(shè)備如pc、手機(jī)、智能電視、電子顯示屏等，都有采用瀏覽器作為內(nèi)容展示的工具載體，現(xiàn)在用戶不僅僅滿足于豐富多彩的網(wǎng)頁(yè)內(nèi)容，而且對(duì)內(nèi)容的展現(xiàn)效果要求也越來(lái)越高，特別是在智能電視、電子顯示屏等設(shè)備的應(yīng)用上。
傳統(tǒng)的瀏覽器網(wǎng)頁(yè)切換方式，先加載部分頁(yè)面，刷新頁(yè)面，顯示此部分頁(yè)面的內(nèi)容，然后需要不斷加載、刷新和顯示頁(yè)面，直至整個(gè)頁(yè)面全部顯示出來(lái)。
上述網(wǎng)頁(yè)切換過(guò)程中，部分內(nèi)容先顯示出來(lái)，呈現(xiàn)給用戶的內(nèi)容不統(tǒng)一協(xié)調(diào)，而且需要頻繁的刷新繪制已加載的頁(yè)面內(nèi)容，頻繁刷新不僅會(huì)降低用戶體驗(yàn)，而且也會(huì)耗費(fèi)時(shí)間，影響頁(yè)面整體顯示的效率。
技術(shù)實(shí)現(xiàn)要素：
針對(duì)現(xiàn)有技術(shù)中存在的缺陷，本發(fā)明的目的在于提供一種瀏覽器目標(biāo)頁(yè)面整屏切換顯示的方法，頁(yè)面整體顯示效率高，用戶體驗(yàn)較好。
為達(dá)到以上目的，本發(fā)明采取的技術(shù)方案是：
一種瀏覽器目標(biāo)頁(yè)面整屏切換顯示的方法，其特征在于：瀏覽器訪問(wèn)服務(wù)器，加載整個(gè)目標(biāo)頁(yè)面后，得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)，根據(jù)全部用戶界面圖形數(shù)據(jù)繪制出整個(gè)目標(biāo)頁(yè)面的用戶界面圖形，將瀏覽器的當(dāng)前頁(yè)面切換為目標(biāo)頁(yè)面，完成切換顯示。
在上述技術(shù)方案的基礎(chǔ)上，瀏覽器訪問(wèn)服務(wù)器，加載整個(gè)目標(biāo)頁(yè)面后，得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)具體包括：目標(biāo)頁(yè)面包括預(yù)先設(shè)定的若干部分，瀏覽器分批加載目標(biāo)頁(yè)面的所有部分，同時(shí)，分批請(qǐng)求已加載部分的目標(biāo)頁(yè)面資源，分批解析渲染已獲得的目標(biāo)頁(yè)面資源，最終得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)。
在上述技術(shù)方案的基礎(chǔ)上，瀏覽器訪問(wèn)服務(wù)器，加載整個(gè)目標(biāo)頁(yè)面后，得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)還包括：瀏覽器先設(shè)置頁(yè)面加載狀態(tài)標(biāo)識(shí)的初始值為1，在目標(biāo)頁(yè)面全部加載完成后，瀏覽器改變頁(yè)面加載狀態(tài)標(biāo)識(shí)的值為2。
在上述技術(shù)方案的基礎(chǔ)上，當(dāng)頁(yè)面加載狀態(tài)標(biāo)識(shí)的值變?yōu)?，根據(jù)全部用戶界面圖形數(shù)據(jù)繪制出整個(gè)目標(biāo)頁(yè)面的用戶界面圖形。
在上述技術(shù)方案的基礎(chǔ)上，所述解析渲染的步驟包括：解析目標(biāo)頁(yè)面資源超文本標(biāo)記語(yǔ)言代碼，創(chuàng)建文檔對(duì)象模型dom樹(shù)；解析網(wǎng)頁(yè)層疊樣式表代碼，得到dom樹(shù)每個(gè)節(jié)點(diǎn)對(duì)應(yīng)的樣式數(shù)據(jù)；在dom樹(shù)的每個(gè)節(jié)點(diǎn)上填充對(duì)應(yīng)的樣式數(shù)據(jù)，構(gòu)建渲染樹(shù)，得到用戶界面圖形數(shù)據(jù)。
本發(fā)明還提供了一種瀏覽器目標(biāo)頁(yè)面整屏切換顯示的系統(tǒng)，包括：
加載模塊，其用于加載目標(biāo)頁(yè)面，并請(qǐng)求目標(biāo)頁(yè)面資源；
解析模塊，其用于解析渲染目標(biāo)頁(yè)面資源，并得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)；
圖形繪制模塊，其用于在解析模塊得到目標(biāo)頁(yè)面的全部用戶界面數(shù)據(jù)后，根據(jù)用戶圖形數(shù)據(jù)繪制出目標(biāo)頁(yè)面的用戶圖形；
處理模塊，其用于將瀏覽器的當(dāng)前頁(yè)面切換為目標(biāo)頁(yè)面。
在上述技術(shù)方案的基礎(chǔ)上，所述加載模塊還用于設(shè)置頁(yè)面加載狀態(tài)標(biāo)識(shí)的初始值及改變頁(yè)面加載狀態(tài)標(biāo)識(shí)的值。
在上述技術(shù)方案的基礎(chǔ)上，當(dāng)解析模塊得到用戶界面圖形數(shù)據(jù)后，通知圖形繪制模塊，圖形繪制模塊對(duì)所述通知事件進(jìn)行監(jiān)聽(tīng)。
在上述技術(shù)方案的基礎(chǔ)上，當(dāng)加載模塊加載完成整個(gè)目標(biāo)頁(yè)面后，通知圖形繪制模塊，圖形繪制模塊對(duì)所述通知事件進(jìn)行監(jiān)聽(tīng)。
與現(xiàn)有技術(shù)相比，本發(fā)明的優(yōu)點(diǎn)在于：
本發(fā)明的瀏覽器目標(biāo)頁(yè)面整屏切換顯示的方法，先加載目標(biāo)頁(yè)面，得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)后，再刷新當(dāng)前頁(yè)面，一次刷新即可顯示整個(gè)目標(biāo)頁(yè)面的內(nèi)容，頁(yè)面整體顯示效率高，而且呈現(xiàn)給用戶的內(nèi)容是整個(gè)頁(yè)面的內(nèi)容，無(wú)需對(duì)目標(biāo)頁(yè)面進(jìn)行頻繁刷新，用戶體驗(yàn)較好。
附圖說(shuō)明
圖1為本發(fā)明實(shí)施例中瀏覽器網(wǎng)頁(yè)整屏切換顯示的流程圖；
圖2為本發(fā)明實(shí)施例中解析渲染的流程圖。
具體實(shí)施方式
以下結(jié)合附圖及實(shí)施例對(duì)本發(fā)明作進(jìn)一步詳細(xì)說(shuō)明。
參見(jiàn)圖1所示，本發(fā)明實(shí)施例提供一種瀏覽器目標(biāo)頁(yè)面整屏切換顯示的方法，包括如下步驟：
s1：瀏覽器訪問(wèn)服務(wù)器，加載整個(gè)目標(biāo)頁(yè)面后，得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)；
s2：根據(jù)全部用戶界面圖形數(shù)據(jù)繪制出整個(gè)目標(biāo)頁(yè)面的用戶界面圖形，將瀏覽器的當(dāng)前頁(yè)面切換為目標(biāo)頁(yè)面，完成切換顯示。
上述步驟s1具體包括兩部分，第一部分為：目標(biāo)頁(yè)面包括預(yù)先設(shè)定的若干部分，瀏覽器訪問(wèn)服務(wù)器，瀏覽器分批加載目標(biāo)頁(yè)面的所有部分，同時(shí)，分批請(qǐng)求已加載部分的目標(biāo)頁(yè)面資源，分批解析渲染已獲得的目標(biāo)頁(yè)面資源，最終得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)；另一部分為：瀏覽器先設(shè)置頁(yè)面加載狀態(tài)標(biāo)識(shí)的初始值為1，在目標(biāo)頁(yè)面全部加載完成后，瀏覽器改變頁(yè)面加載狀態(tài)標(biāo)識(shí)的值為2。
當(dāng)頁(yè)面加載狀態(tài)標(biāo)識(shí)的值變?yōu)?，表明目標(biāo)頁(yè)面全部加載完成，得到的是全部的用戶界面圖形數(shù)據(jù)，再根據(jù)全部用戶界面圖形數(shù)據(jù)繪制出整個(gè)目標(biāo)頁(yè)面的用戶界面圖形，將瀏覽器的當(dāng)前頁(yè)面切換為目標(biāo)頁(yè)面，完成切換顯示。
上述解析渲染的步驟包括：
s1.1：解析目標(biāo)頁(yè)面資源超文本標(biāo)記語(yǔ)言代碼，創(chuàng)建文檔對(duì)象模型dom樹(shù)；
s1.2：解析網(wǎng)頁(yè)層疊樣式表代碼，得到dom樹(shù)每個(gè)節(jié)點(diǎn)對(duì)應(yīng)的樣式數(shù)據(jù)；
s1.3：在dom樹(shù)的每個(gè)節(jié)點(diǎn)上填充對(duì)應(yīng)的樣式數(shù)據(jù)，構(gòu)建渲染樹(shù)，得到用戶界面圖形數(shù)據(jù)。
上述目標(biāo)網(wǎng)頁(yè)資源包括超文本標(biāo)記語(yǔ)言、腳本、樣式和圖片。
本發(fā)明的瀏覽器目標(biāo)頁(yè)面整屏切換顯示的方法，先加載目標(biāo)頁(yè)面，并對(duì)其解析渲染，得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)后，再刷新當(dāng)前頁(yè)面，一次刷新即可顯示整個(gè)目標(biāo)頁(yè)面的內(nèi)容，頁(yè)面整體顯示效率高，而且呈現(xiàn)給用戶的內(nèi)容是整個(gè)頁(yè)面的內(nèi)容，無(wú)需對(duì)目標(biāo)頁(yè)面進(jìn)行頻繁刷新，用戶體驗(yàn)較好。
本發(fā)明還提供了一種瀏覽器目標(biāo)頁(yè)面整屏切換顯示的系統(tǒng)，包括：加載模塊、解析模塊、圖形繪制模塊和處理模塊。
加載模塊用于加載目標(biāo)頁(yè)面，并請(qǐng)求目標(biāo)頁(yè)面資源，以及用于設(shè)置頁(yè)面加載狀態(tài)標(biāo)識(shí)的初始值及改變頁(yè)面加載狀態(tài)標(biāo)識(shí)的值。
解析模塊用于解析渲染目標(biāo)頁(yè)面資源，并得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)。
圖形繪制模塊用于在解析模塊得到目標(biāo)頁(yè)面的全部用戶界面數(shù)據(jù)后，根據(jù)用戶圖形數(shù)據(jù)繪制出目標(biāo)頁(yè)面的用戶圖形。當(dāng)解析模塊得到用戶界面圖形數(shù)據(jù)后，通知圖形繪制模塊，圖形繪制模塊對(duì)所述通知事件進(jìn)行監(jiān)聽(tīng)。當(dāng)加載模塊加載完成整個(gè)目標(biāo)頁(yè)面后，通知圖形繪制模塊，圖形繪制模塊對(duì)所述通知事件進(jìn)行監(jiān)聽(tīng)。
處理模塊用于將瀏覽器的當(dāng)前頁(yè)面切換為目標(biāo)頁(yè)面。
本發(fā)明的瀏覽器目標(biāo)頁(yè)面整屏切換顯示的系統(tǒng)工作原理為：加載模塊先加載目標(biāo)頁(yè)面，請(qǐng)求目標(biāo)頁(yè)面資源，然后解析模塊對(duì)目標(biāo)頁(yè)面資源進(jìn)行解析渲染，得到目標(biāo)頁(yè)面的全部用戶界面圖形數(shù)據(jù)，接著，圖形繪制模塊根據(jù)全部的用戶圖形數(shù)據(jù)繪制出目標(biāo)頁(yè)面的用戶圖形，刷新當(dāng)前頁(yè)面，將當(dāng)前頁(yè)面切換為目標(biāo)頁(yè)面。
瀏覽器目標(biāo)頁(yè)面整屏切換顯示的系統(tǒng)一次刷新即可顯示整個(gè)目標(biāo)頁(yè)面的內(nèi)容，頁(yè)面整體顯示效率高，而且呈現(xiàn)給用戶的內(nèi)容是整個(gè)頁(yè)面的內(nèi)容，無(wú)需對(duì)目標(biāo)頁(yè)面進(jìn)行頻繁刷新，用戶體驗(yàn)較好。
本發(fā)明不局限于上述實(shí)施方式，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)，在不脫離本發(fā)明原理的前提下，還可以做出若干改進(jìn)和潤(rùn)飾，這些改進(jìn)和潤(rùn)飾也視為本發(fā)明的保護(hù)范圍之內(nèi)。本說(shuō)明書(shū)中未作詳細(xì)描述的內(nèi)容屬于本領(lǐng)域?qū)I(yè)技術(shù)人員公知的現(xiàn)有技術(shù)。