頁(yè)面顯示方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及頁(yè)面顯示技術(shù)領(lǐng)域，具體涉及一種頁(yè)面顯示方法及裝置。
【背景技術(shù)】
[0002]目前常用的頁(yè)面展示方法為:當(dāng)用戶點(diǎn)擊瀏覽器上的一個(gè)新頁(yè)面時(shí)，運(yùn)行有該瀏覽器應(yīng)用的前臺(tái)與存儲(chǔ)有該新頁(yè)面信息的服務(wù)器進(jìn)行連接，并在連接后獲取新頁(yè)面信息如文字、圖片等內(nèi)容，將所獲取的內(nèi)容作為新頁(yè)面中的內(nèi)容，通過(guò)瀏覽器展示在設(shè)備中。對(duì)于用戶來(lái)說(shuō)，這種方法使得舊頁(yè)面與新頁(yè)面在一瞬間得到切換，用戶只能通過(guò)對(duì)新頁(yè)面內(nèi)容的進(jìn)一步確認(rèn)才能確定新頁(yè)面是否顯示成功，用戶體驗(yàn)度不高。況且在新頁(yè)面和舊頁(yè)面顯示的內(nèi)容一致時(shí)，這種方法很容易讓用戶覺(jué)得用戶請(qǐng)求的新頁(yè)面沒(méi)有成功，可能導(dǎo)致用戶對(duì)新頁(yè)面展示請(qǐng)求的頻繁發(fā)起。

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

[0003]為解決現(xiàn)有存在的技術(shù)問(wèn)題，本發(fā)明實(shí)施例在于提供一種頁(yè)面顯示方法及裝置，以至少解決由于舊頁(yè)面與新頁(yè)面一瞬間的切換而導(dǎo)致的用戶體驗(yàn)度不高的問(wèn)題。
[0004]本發(fā)明實(shí)施例的技術(shù)方案是這樣實(shí)現(xiàn)的:
[0005]本發(fā)明實(shí)施例提供一種頁(yè)面顯示方法，所述方法包括:
[0006]當(dāng)檢測(cè)到用戶針對(duì)第一頁(yè)面的頁(yè)面顯示請(qǐng)求時(shí)，獲取第二頁(yè)面，所述第一頁(yè)面為新頁(yè)面，所述第二頁(yè)面為空白頁(yè)面或舊頁(yè)面；
[0007]按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面進(jìn)行至少一次旋轉(zhuǎn)；
[0008]加載所述新頁(yè)面的頁(yè)面數(shù)據(jù)至第二頁(yè)面上，得到所述新頁(yè)面；
[0009]顯示所得到的新頁(yè)面。
[0010]上述方案中，所述按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面進(jìn)行至少一次旋轉(zhuǎn)，包括:
[0011]按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面旋轉(zhuǎn)第一角度，第一角度為180度或360度；或者，
[0012]按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面先旋轉(zhuǎn)第一子角度，再旋轉(zhuǎn)第二子角度，第一子角度與第二子角度相同且為90度或180度；或者，
[0013]以第二頁(yè)面的縱向中心線為軸，先按照預(yù)定的旋轉(zhuǎn)方向旋轉(zhuǎn)90度，再旋轉(zhuǎn)90度，最后按照該旋轉(zhuǎn)方向的反方向旋轉(zhuǎn)180度。
[0014]上述方案中，在所述加載所述新頁(yè)面的頁(yè)面數(shù)據(jù)至第二頁(yè)面上之前，所述方法還包括:
[0015]獲取所述頁(yè)面數(shù)據(jù)；
[0016]進(jìn)一步的，瀏覽器以網(wǎng)頁(yè)開發(fā)技術(shù)AJAX異步請(qǐng)求方式，向服務(wù)器請(qǐng)求該頁(yè)面數(shù)據(jù)；或者，瀏覽器自身向服務(wù)器請(qǐng)求該頁(yè)面數(shù)據(jù)。
[0017]上述方案中，所述方法還包括:
[0018]瀏覽器通過(guò)js文件加載所述頁(yè)面數(shù)據(jù)；
[0019]或者，瀏覽器自身加載所述頁(yè)面數(shù)據(jù)。
[0020]上述方案中，所述方法還包括:在第二頁(yè)面旋轉(zhuǎn)到預(yù)定角度時(shí)加載所述頁(yè)面數(shù)據(jù)；或者，在第二頁(yè)面由第一預(yù)定角度旋轉(zhuǎn)到第二預(yù)定角度的過(guò)程中加載所述頁(yè)面數(shù)據(jù)；或者，在第二頁(yè)面旋轉(zhuǎn)結(jié)束時(shí)加載所述頁(yè)面數(shù)據(jù)。
[0021]本發(fā)明實(shí)施例提供了一種頁(yè)面顯示裝置，所述裝置包括:
[0022]第一獲取單元，用于當(dāng)檢測(cè)到用戶針對(duì)第一頁(yè)面的頁(yè)面顯示請(qǐng)求時(shí)，獲取第二頁(yè)面，所述第一頁(yè)面為新頁(yè)面，所述第二頁(yè)面為空白頁(yè)面或舊頁(yè)面；
[0023]第一旋轉(zhuǎn)單元，用于按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面進(jìn)行至少一次旋轉(zhuǎn)；
[0024]第一加載單元，用于加載所述新頁(yè)面的頁(yè)面數(shù)據(jù)至第二頁(yè)面上，得到所述新頁(yè)面；
[0025]第一顯示單元，用于顯示第一加載單元所得到的新頁(yè)面。
[0026]上述方案中，所述第一旋轉(zhuǎn)單元，用于:
[0027]按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面旋轉(zhuǎn)第一角度，第一角度為180度或360度；或者，
[0028]按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面先旋轉(zhuǎn)第一子角度，再旋轉(zhuǎn)第二子角度，第一子角度與第二子角度相同且為90度或180度；或者，
[0029]以第二頁(yè)面的縱向中心線為軸，先按照預(yù)定的旋轉(zhuǎn)方向旋轉(zhuǎn)90度，再旋轉(zhuǎn)90度，最后按照該旋轉(zhuǎn)方向的反方向旋轉(zhuǎn)180度。
[0030]上述方案中，所述裝置還包括:
[0031]第二獲取單元，用于獲取所述頁(yè)面數(shù)據(jù)；
[0032]進(jìn)一步的，所述第二獲取單元，用于觸發(fā)瀏覽器以網(wǎng)頁(yè)開發(fā)技術(shù)AJAX異步請(qǐng)求方式，向服務(wù)器請(qǐng)求該頁(yè)面數(shù)據(jù)；或者，觸發(fā)瀏覽器自身向服務(wù)器請(qǐng)求該頁(yè)面數(shù)據(jù)。
[0033]上述方案中，所述第一加載單元，用于:觸發(fā)瀏覽器通過(guò)js文件加載所述頁(yè)面數(shù)據(jù)；或者，觸發(fā)瀏覽器自身加載所述頁(yè)面數(shù)據(jù)。
[0034]上述方案中，所述第一加載單元，用于:在第二頁(yè)面旋轉(zhuǎn)到預(yù)定角度時(shí)加載所述頁(yè)面數(shù)據(jù)；或者，在第二頁(yè)面由第一預(yù)定角度旋轉(zhuǎn)到第二預(yù)定角度的過(guò)程中加載所述頁(yè)面數(shù)據(jù)；或者，在第二頁(yè)面旋轉(zhuǎn)結(jié)束時(shí)加載所述頁(yè)面數(shù)據(jù)。
[0035]本發(fā)明實(shí)施例提供的頁(yè)面顯示方法及裝置，其中所述方法包括:當(dāng)檢測(cè)到用戶針對(duì)第一頁(yè)面的頁(yè)面顯示請(qǐng)求時(shí)，獲取第二頁(yè)面，所述第一頁(yè)面為新頁(yè)面，所述第二頁(yè)面為空白頁(yè)面或舊頁(yè)面；按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面進(jìn)行至少一次旋轉(zhuǎn)；加載所述新頁(yè)面的頁(yè)面數(shù)據(jù)至第二頁(yè)面上，得到所述新頁(yè)面；顯示所得到的新頁(yè)面。通過(guò)第二頁(yè)面的至少一次旋轉(zhuǎn)得到新頁(yè)面，與傳統(tǒng)的舊頁(yè)面經(jīng)一瞬間切換而得到新頁(yè)面相比較，用戶可看見新頁(yè)面的動(dòng)態(tài)形成過(guò)程，為用戶提供了良好的視覺(jué)體驗(yàn)；可解決由于舊頁(yè)面與新頁(yè)面一瞬間的切換而導(dǎo)致的用戶體驗(yàn)度不高的問(wèn)題。
【附圖說(shuō)明】
[0036]圖1為本發(fā)明實(shí)施例的頁(yè)面顯示方法的實(shí)現(xiàn)流程圖；
[0037]圖2為本發(fā)明實(shí)施例的頁(yè)面顯示方法的一具體實(shí)現(xiàn)流程圖；
[0038]圖3(a)?(e)為本發(fā)明實(shí)施例的頁(yè)面旋轉(zhuǎn)的示意圖；
[0039]圖4為本發(fā)明實(shí)施例的頁(yè)面顯示裝置的組成結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0040]以下結(jié)合附圖對(duì)本發(fā)明的優(yōu)選實(shí)施例進(jìn)行詳細(xì)說(shuō)明，應(yīng)當(dāng)理解，以下所說(shuō)明的優(yōu)選實(shí)施例僅用于說(shuō)明和解釋本發(fā)明，并不用于限定本發(fā)明。
[0041]圖1為本發(fā)明實(shí)施例的頁(yè)面顯示方法的實(shí)現(xiàn)流程圖；如圖1所示，所述方法包括:
[0042]步驟101:當(dāng)檢測(cè)到用戶針對(duì)第一頁(yè)面的頁(yè)面顯示請(qǐng)求時(shí)，獲取第二頁(yè)面，所述第一頁(yè)面為新頁(yè)面，所述第二頁(yè)面為空白頁(yè)面或舊頁(yè)面；
[0043]這里，檢測(cè)用戶是否點(diǎn)擊瀏覽器上新的網(wǎng)頁(yè)鏈接，檢測(cè)到用戶點(diǎn)擊有新的網(wǎng)頁(yè)鏈接時(shí)，確定檢測(cè)到存在有用戶對(duì)新頁(yè)面的頁(yè)面顯示請(qǐng)求，第一頁(yè)面為新頁(yè)面。如果用戶當(dāng)前請(qǐng)求的新頁(yè)面為瀏覽器第一次打開的頁(yè)面，則生成一個(gè)空白頁(yè)面；如果用戶當(dāng)前請(qǐng)求的新頁(yè)面不是瀏覽器第一次打開的頁(yè)面，則將在當(dāng)前請(qǐng)求的新頁(yè)面之前所顯示的頁(yè)面作為舊頁(yè)面，并將該舊頁(yè)面作為第二頁(yè)面。如果第二頁(yè)面為舊頁(yè)面，那么在該頁(yè)面加載新頁(yè)面數(shù)據(jù)之前，需要將舊頁(yè)面上的頁(yè)面數(shù)據(jù)進(jìn)行刪除或者將舊頁(yè)面上的與新頁(yè)面數(shù)據(jù)不相同的數(shù)據(jù)刪除。
[0044]步驟102:按照預(yù)定的旋轉(zhuǎn)方向，對(duì)第二頁(yè)面進(jìn)行至少一次旋轉(zhuǎn)；
[0045]這里，預(yù)定的旋轉(zhuǎn)方向?yàn)轫?yè)面的順時(shí)針或逆時(shí)針?lè)较?。例如，按照順時(shí)針或逆時(shí)針?lè)较?，將第二?yè)面旋轉(zhuǎn)第一角度，第一角度為180°或360° ;或者，按照順時(shí)針或逆時(shí)針?lè)较驅(qū)⒌诙?yè)面先旋轉(zhuǎn)第一子角度，再旋轉(zhuǎn)第二子角度，第一子角度與第二子角度相同且為90°或180° ;或者，以第二頁(yè)面的縱向中心線為軸，將第二頁(yè)面先順時(shí)針旋轉(zhuǎn)90°，再順時(shí)針旋轉(zhuǎn)90°，最后逆時(shí)針旋轉(zhuǎn)180度。
[0046]本領(lǐng)域人員應(yīng)該得知，以上幾種旋轉(zhuǎn)方式均為一種具體舉例而已，本實(shí)施例中的旋轉(zhuǎn)方式還包括其他能夠想到的方式，此處不做具體限定。本實(shí)施例中，優(yōu)選的旋轉(zhuǎn)方式為第三種:即以第二頁(yè)面的縱向中心線為軸，先順時(shí)針旋轉(zhuǎn)90°，再順時(shí)針旋轉(zhuǎn)90°，最后逆時(shí)針旋轉(zhuǎn)180度。
[0047]步驟103:加載所述新頁(yè)面的頁(yè)面數(shù)據(jù)至第二頁(yè)面上，得到所述新頁(yè)面；
[0048]這里，在檢測(cè)到存在有用戶的新頁(yè)面顯示請(qǐng)求時(shí)，運(yùn)行在前臺(tái)上的瀏覽器向服務(wù)器請(qǐng)求該新頁(yè)面的頁(yè)面數(shù)據(jù)如文字、圖片等；獲取到頁(yè)面數(shù)據(jù)后，可以在第二頁(yè)面旋轉(zhuǎn)到預(yù)定角度時(shí)加載所述頁(yè)面數(shù)據(jù)，如在第二頁(yè)面旋轉(zhuǎn)到第一個(gè)90°時(shí)加載頁(yè)面數(shù)據(jù)；或者，在第二頁(yè)面由第一預(yù)定角度旋轉(zhuǎn)到第二預(yù)定角度的過(guò)程中加載所述頁(yè)面數(shù)據(jù)，如在第二頁(yè)面由第一個(gè)90°旋轉(zhuǎn)到第二個(gè)90°的過(guò)程中加載頁(yè)面數(shù)據(jù)；或者，在第二頁(yè)面旋轉(zhuǎn)結(jié)束時(shí)加載所述頁(yè)面數(shù)據(jù)。本實(shí)施例，優(yōu)選為在第二頁(yè)面旋轉(zhuǎn)到預(yù)定角度時(shí)加載所述頁(yè)面數(shù)據(jù)。由此可見，本實(shí)施例中通過(guò)第二頁(yè)面的至少一次旋轉(zhuǎn)以及相關(guān)頁(yè)面數(shù)據(jù)的加載得到新頁(yè)面，用戶可看見新頁(yè)面的動(dòng)態(tài)形成過(guò)程，為用戶提供了良好的視覺(jué)體驗(yàn)。
[0049]步驟104:顯示所得到的新頁(yè)面；
[0050]這里，顯示新頁(yè)面在瀏覽器上。
[0051]上述方案中，第二頁(yè)面的每次旋轉(zhuǎn)均利用超文本標(biāo)記語(yǔ)言(HTML，HypertextMarkup Language)中的串聯(lián)樣式表(CSS，Casca