網(wǎng)頁頁面顯示的方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及計算機網(wǎng)頁領(lǐng)域，具體而言，涉及一種網(wǎng)頁頁面顯示的方法及裝置。
【背景技術(shù)】
[0002]在用戶瀏覽網(wǎng)頁時，在網(wǎng)頁中會出現(xiàn)各個信息模塊，信息模塊指在網(wǎng)頁中的預(yù)定顯示區(qū)域顯示的字數(shù)較少的導(dǎo)讀性文字信息，如圖1所示，在現(xiàn)有的網(wǎng)頁顯示的方法中，對于網(wǎng)頁中任一信息模塊的展現(xiàn)方法，往往是當(dāng)用戶點擊或觸控某個信息模塊，然后在該信息模塊旁邊出現(xiàn)出一個小展示框，比如說標注框，如圖1所示，標注框中只是部分顯示信息模塊對應(yīng)的內(nèi)容，導(dǎo)致用戶體驗差的問題。
[0003]針對現(xiàn)有技術(shù)中的網(wǎng)頁只顯示信息模塊對應(yīng)的部分內(nèi)容的問題，目前尚未提出有效的解決方案。

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

[0004]本發(fā)明的主要目的在于提供一種網(wǎng)頁頁面顯示的方法及裝置，以解決現(xiàn)有技術(shù)中的網(wǎng)頁只顯示信息模塊對應(yīng)的部分內(nèi)容的問題。
[0005]為了實現(xiàn)上述目的，根據(jù)本發(fā)明實施例的一個方面，提供了一種網(wǎng)頁頁面顯示的方法。該方法包括:瀏覽器接收用戶針對頁面中第一信息模塊觸發(fā)的查看指令；根據(jù)查看指令獲取第一信息模塊對應(yīng)的顯示內(nèi)容；在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容；其中，在內(nèi)容展示區(qū)域無法完整顯示顯示內(nèi)容的情況下，通過預(yù)定的顯示規(guī)則顯示完整的顯示內(nèi)容。
[0006]為了實現(xiàn)上述目的，根據(jù)本發(fā)明實施例的另一方面，提供了一種網(wǎng)頁頁面顯示的裝置。該裝置包括:第一接收單元，用于接收用戶針對頁面中第一信息模塊觸發(fā)的查看指令；獲取單元，用于根據(jù)查看指令獲取第一信息模塊對應(yīng)的顯示內(nèi)容；展示單元，用于在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容，其中，在內(nèi)容展示區(qū)域無法完整顯示顯示內(nèi)容的情況下，展示單元通過預(yù)定的顯示規(guī)則顯示完整的顯示內(nèi)容。
[0007]根據(jù)發(fā)明實施例，通過瀏覽器接收用戶針對頁面中任一信息模塊觸發(fā)的查看指令；根據(jù)查看指令獲取信息模塊對應(yīng)的顯示內(nèi)容；在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容；其中，在內(nèi)容展示區(qū)域無法完整顯示顯示內(nèi)容的情況下，通過預(yù)定的顯示規(guī)則顯示完整的顯示內(nèi)容，解決了現(xiàn)有技術(shù)中的網(wǎng)頁只顯示信息模塊對應(yīng)的部分內(nèi)容的問題。
【附圖說明】
[0008]構(gòu)成本申請的一部分的附圖用來提供對本發(fā)明的進一步理解，本發(fā)明的示意性實施例及其說明用于解釋本發(fā)明，并不構(gòu)成對本發(fā)明的不當(dāng)限定。在附圖中:
[0009]圖1是根據(jù)現(xiàn)有技術(shù)的網(wǎng)頁頁面的顯示方法的效果示意圖；
[0010]圖2是根據(jù)本發(fā)明實施例一的網(wǎng)頁頁面的顯示方法的流程圖；
[0011]圖3是根據(jù)本發(fā)明實施例一的網(wǎng)頁頁面的顯示方法的效果示意圖；以及
[0012]圖4是根據(jù)本發(fā)明實施例二的網(wǎng)頁頁面的顯示裝置的示意圖。
【具體實施方式】
[0013]需要說明的是，在不沖突的情況下，本申請中的實施例及實施例中的特征可以相互組合。下面將參考附圖并結(jié)合實施例來詳細說明本發(fā)明。
[0014]為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明方案，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分的實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都應(yīng)當(dāng)屬于本發(fā)明保護的范圍。
[0015]需要說明的是，本發(fā)明的說明書和權(quán)利要求書及上述附圖中的術(shù)語“第一”、“第二”等是用于區(qū)別類似的對象，而不必用于描述特定的順序或先后次序。應(yīng)該理解這樣使用的數(shù)據(jù)在適當(dāng)情況下可以互換，以便這里描述的本發(fā)明的實施例。此外，術(shù)語“包括”和“具有”以及他們的任何變形，意圖在于覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統(tǒng)、產(chǎn)品或設(shè)備不必限于清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或?qū)τ谶@些過程、方法、產(chǎn)品或設(shè)備固有的其它步驟或單元。
[0016]實施例一
[0017]本發(fā)明實施例提供了一種網(wǎng)頁頁面顯示的方法。如圖2所示，該方法包括步驟如下:
[0018]步驟S12，瀏覽器接收用戶針對頁面中第一信息模塊觸發(fā)的查看指令。
[0019]具體的，在本方案中，在用戶瀏覽網(wǎng)頁頁面的時候，可以接收用戶對網(wǎng)頁頁面中任意一個信息模塊的查看指令，可選的，上述查看指令可以是用戶操作鼠標對上述信息模塊進行點擊產(chǎn)生的信號，也可以用戶對網(wǎng)頁中任意一個信息模塊進行觸控產(chǎn)生的信號。
[0020]這里需要說明的是，上述信息模塊為網(wǎng)頁中的預(yù)定顯示區(qū)域顯示的字數(shù)較少的導(dǎo)讀性文字信息。
[0021]步驟S14，根據(jù)查看指令獲取第一信息模塊對應(yīng)的顯示內(nèi)容。
[0022]具體的，在本方案中，在接收到用戶針對第一信息模塊的查看指令后，可以根據(jù)上述查看指令獲取用戶選擇查看的信息模塊所對應(yīng)的顯示內(nèi)容。這里需要說明的是，由于信息模塊在網(wǎng)頁中界面顯示的只是起到導(dǎo)讀性的幾個文字，所以上述第一信息模塊所對應(yīng)的內(nèi)容為第一信息模塊所對應(yīng)的完整的內(nèi)容。
[0023]步驟S16，在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容。
[0024]具體的，在本方案中，可以選擇在網(wǎng)頁頁面的任意一個區(qū)域完整展示上述顯示模塊對應(yīng)的內(nèi)容。
[0025]這里需要說明的是，在內(nèi)容展示區(qū)域無法完整顯示顯示內(nèi)容的情況下，通過預(yù)定的顯不規(guī)則顯不完整的顯不內(nèi)容。
[0026]具體的，在本方案中，可以在網(wǎng)頁界面中完整顯示上述信息模塊所對應(yīng)的內(nèi)容。
[0027]在本方案中，在用戶選擇查看任意一個信息模塊時，接收用戶的查看指令，進而在網(wǎng)頁的任意一個區(qū)域完整的顯示上述信息模塊所對應(yīng)的內(nèi)容，解決了現(xiàn)有技術(shù)中的網(wǎng)頁只顯示信息模塊對應(yīng)的部分內(nèi)容的問題。
[0028]在一種可選的實施例中，通過預(yù)定的顯示規(guī)則顯示完整的顯示內(nèi)容可以包括以下兩個方案:
[0029]方案一:
[0030]通過在瀏覽器中彈出的新的頁面來顯示完整的顯示內(nèi)容。
[0031]具體的，在本方案中，可以在瀏覽器中重新彈出一個頁面來顯示上述信息模塊所對應(yīng)的全部完整內(nèi)容。
[0032]方案二:
[0033]通過延展內(nèi)容展示區(qū)域，直至完整的顯示內(nèi)容都顯示在擴大后的內(nèi)容展示區(qū)域中，其中，內(nèi)容展示區(qū)域包括如下任意一種延展方式:橫向延展內(nèi)容展示區(qū)域、縱向延展內(nèi)容展示區(qū)域。
[0034]具體的，如圖3所示，可以在頁面中的任意一個區(qū)域設(shè)置為內(nèi)容展示區(qū)域，并可以將上述內(nèi)容展示區(qū)域進行上述多種方式延展以顯示文字模塊所對應(yīng)的全部內(nèi)容。
[0035]可選的，步驟S16，在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容之后，本實施例提供的方法還可以包括:
[0036]步驟S161，接收用戶針對第一信息模塊觸發(fā)的結(jié)束查看指令。
[0037]具體的，在本方案中，用戶在查看第一信息模塊所對應(yīng)的全部內(nèi)容后，可以選擇結(jié)束查看上述內(nèi)容，可選的，用戶可以選擇點擊或觸碰上述展示區(qū)域上方的結(jié)束按鈕，也可以點擊或觸碰頁面上的其他信息模塊，以完成當(dāng)前展示頁面的關(guān)閉。
[0038]步驟S162，根據(jù)結(jié)束查看指令關(guān)閉上述彈出的新的頁面，或者，根據(jù)結(jié)束查看指令將延展的內(nèi)容展示區(qū)域恢復(fù)至上述頁面的原始狀態(tài)，使得在頁面中不展示顯示內(nèi)容。
[0039]可選的，上述方案二中的內(nèi)容展示區(qū)域的延展方式還可以為:以頁面的中心為基準將內(nèi)容展示區(qū)域橫向延展；以頁面的中心為基準將內(nèi)容展示區(qū)域縱向延展。
[0040]可選的，步驟S16，在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容之后，本實施例提供的方法還可以包括:
[0041]步驟S163，接收用戶針對第二信息模塊觸發(fā)的查看指令，第二信息模塊與第一信息模塊在頁面中的位置不相同。
[0042]具體的，用戶在頁面中瀏覽第一個信息模塊所對應(yīng)的完整內(nèi)容后，可以繼續(xù)瀏覽，即對第二個信息模塊也觸發(fā)查看指令。
[0043]步驟S164，在內(nèi)容展示區(qū)域中完整顯示第二信息模塊對應(yīng)的信息。
[0044]具體的，在用戶針對第二信息模塊觸發(fā)查看指令后，在本方案中，可以在與第一個信息模塊的內(nèi)容展示區(qū)域同樣的位置展示第二信息模塊對應(yīng)的完整的信息，由于展示區(qū)域的位置固定，會給用戶一個好的視覺體驗。
[0045]可選的，步驟S16，在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容之后，本實施例提供的方法還可以包括:
[0046]步驟S165，采集用戶觸發(fā)的多個查看指令，并統(tǒng)計不同信息模塊接收到的查看指令的數(shù)量，在任意一個信息模塊接收到的查看指令的數(shù)量大于第一閾值的情況下，在頁面上將任意一個信息模塊的背景突出顯示。
[0047]具體的，在一種可選的實施例中，在本方案中，可以通過統(tǒng)計用戶的瀏覽記錄，即針對特定的用戶統(tǒng)計用戶瀏覽各個模塊的次數(shù)，并把用戶瀏覽次數(shù)最多的信息模塊的背景突出顯示。
[0048]實施例二
[0049]本實施例還提供了一種網(wǎng)頁頁面顯示的裝置，如圖4所示，該裝置可以包括:
[0050]第一接收單元40，用于接收用戶針對頁面中第一信息模塊觸發(fā)的查看指令。
[0051]具體的，在本方案中，在用戶瀏覽網(wǎng)頁頁面的時候，可以接收用戶對網(wǎng)頁頁面中任意一個信息模塊的查看指令，可選的，上述查看指令可以是用戶操作鼠標對上述信息模塊進行點擊產(chǎn)生的信號，也可以用戶對網(wǎng)頁中任意一個信息模塊進行觸控產(chǎn)生的信號。
[0052]這里需要說明的是，上述信息模塊為網(wǎng)頁中的預(yù)定顯示區(qū)域顯示的字數(shù)較少的導(dǎo)讀性文字信息。
[0053]獲取單元42，用于根據(jù)查看指令獲取第一信息模塊對應(yīng)的顯示內(nèi)容。
[0054]具體的，在本方案中，在接收到用戶針對第一信息模塊的查看指令后，可以根據(jù)上述查看指令獲取用戶選擇查看的信息模塊所對應(yīng)的顯示內(nèi)容。這里需要說明的是，由于第一信息模塊在網(wǎng)頁中界面顯示的只是起到導(dǎo)讀性的幾個文字，所以上述第一信息模塊所對應(yīng)的內(nèi)容為信息模塊所對應(yīng)的完整的內(nèi)容。
[0055]展示單元44，用于在頁面的任意內(nèi)容展示區(qū)域展示顯示內(nèi)容，其中，在內(nèi)容展示區(qū)域無法完整顯示顯示內(nèi)容的情況下，展示單元通過預(yù)定的顯示規(guī)則顯示完整的顯示內(nèi)容。
[0056]在本方案中，在用戶選擇查看任意一個信息模塊時，接收用戶的查看指令，進而在網(wǎng)頁的任意一個區(qū)域完整的顯示上述信息模塊所對應(yīng)的內(nèi)容，解決了現(xiàn)有技術(shù)中的網(wǎng)頁只顯示信息模塊對應(yīng)的部分內(nèi)容的問題