網(wǎng)頁(yè)顯示方法及裝置的制造方法
【專利摘要】本發(fā)明實(shí)施例公開了一種網(wǎng)頁(yè)顯示方法及裝置，服務(wù)器接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，并獲取發(fā)送該網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端的標(biāo)識(shí)信息，利用該標(biāo)識(shí)信息能夠確定客戶端的名稱。獲取該客戶端的頁(yè)面排版模板，然后，根據(jù)獲得的頁(yè)面排版模板，對(duì)網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的頁(yè)面內(nèi)容進(jìn)行排版，生成待訪問(wèn)網(wǎng)頁(yè)，并將該待訪問(wèn)網(wǎng)頁(yè)返回給發(fā)送網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端。從而實(shí)現(xiàn)無(wú)論使用哪種客戶端打開該網(wǎng)頁(yè)，該網(wǎng)頁(yè)都能夠根據(jù)客戶端的頁(yè)面排版樣式重新調(diào)整自己的頁(yè)面排版樣式，以使客戶端顯示的其它網(wǎng)站的頁(yè)面與自身頁(yè)面的排版方式一致，使用戶的視覺感受一致，提高了用戶體驗(yàn)。而且，頁(yè)面排版模板一旦生成后續(xù)可以直接套用，提高網(wǎng)頁(yè)生成速度。
【專利說(shuō)明】
網(wǎng)頁(yè)顯不方法及裝置
技術(shù)領(lǐng)域
[0001]本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別是涉及一種網(wǎng)頁(yè)顯示方法及裝置。
【背景技術(shù)】
[0002]在萬(wàn)維網(wǎng)環(huán)境中，網(wǎng)頁(yè)(網(wǎng)絡(luò)頁(yè)面)是承載各種網(wǎng)站應(yīng)用的平臺(tái)。網(wǎng)頁(yè)是一個(gè)包含HTML (HyperText Markup Language，超級(jí)文本標(biāo)記語(yǔ)言)的純文本文件，網(wǎng)頁(yè)的元素包括文本、圖像、動(dòng)畫、聲音、視頻、程序、表格、導(dǎo)航欄等?？梢酝ㄟ^(guò)瀏覽器或其它智能終端上的應(yīng)用程序(Applicat 1n，APP)閱讀。
[0003]不同網(wǎng)站的頁(yè)面排版方式不盡相同，例如，有些頁(yè)面的文字與圖片分開顯示;有些頁(yè)面是文字浮于圖片之上顯示;有些頁(yè)面的區(qū)塊是橫向單欄設(shè)置，有些頁(yè)面的區(qū)塊是橫向多欄設(shè)置，頁(yè)面樣式不一致。然而，通常同一網(wǎng)站的頁(yè)面排版設(shè)計(jì)完成后，其頁(yè)面樣式也就固定了，當(dāng)用戶采用不同的平臺(tái)閱讀該網(wǎng)頁(yè)時(shí)，都向用戶呈現(xiàn)已經(jīng)排版設(shè)計(jì)好的固定樣式。例如，用戶通過(guò)某個(gè)視頻應(yīng)用程序打開一個(gè)視頻網(wǎng)頁(yè)，與通過(guò)某個(gè)瀏覽器打開該視頻網(wǎng)頁(yè)，該視頻網(wǎng)頁(yè)的頁(yè)面樣式相同。即用戶通過(guò)某個(gè)平臺(tái)打開的網(wǎng)頁(yè)樣式與該平臺(tái)的頁(yè)面樣式不一致，會(huì)使用戶的視覺感受前后不一致，產(chǎn)生跳躍、突兀感，用戶體驗(yàn)差。

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

[0004]本發(fā)明實(shí)施例中提供了一種網(wǎng)頁(yè)顯示方法及裝置，以解決上述技術(shù)問(wèn)題。
[0005]第一方面，本發(fā)明實(shí)施例提供一種網(wǎng)頁(yè)顯示方法，包括:
[0006]接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，獲取所述客戶端的標(biāo)識(shí)信息；
[0007]獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板；
[0008]根據(jù)所述頁(yè)面排版模板，對(duì)所述網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的網(wǎng)頁(yè)內(nèi)容進(jìn)行排版，得到待訪問(wèn)網(wǎng)頁(yè)；
[0009]發(fā)送所述待訪問(wèn)網(wǎng)頁(yè)至客戶端。
[0010]可選地，所述方法還包括:
[0011]獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)，所述頁(yè)面排版結(jié)構(gòu)包括頁(yè)面元素搭配方式和色彩信息；
[0012]根據(jù)所述頁(yè)面排版結(jié)構(gòu)生成與所述各個(gè)客戶端的頁(yè)面排版相匹配的頁(yè)面排版模板；
[0013]建立所述各個(gè)客戶端的標(biāo)識(shí)信息與所述頁(yè)面排版模板之間的映射關(guān)系，得到頁(yè)面模板庫(kù)。
[0014]可選地，所述獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板，包括:
[0015]從所述頁(yè)面模板庫(kù)中查詢與所述客戶端的標(biāo)識(shí)信息相對(duì)應(yīng)的頁(yè)面排版模板。
[0016]可選地，所述獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)，包括:
[0017]獲取所述客戶端的頁(yè)面，并分析所述頁(yè)面獲得所述客戶端的頁(yè)面排版結(jié)構(gòu)。
[0018]可選地，所述獲取所述客戶端的標(biāo)識(shí)信息，包括:
[0019]接收網(wǎng)頁(yè)抓取的所述客戶端的標(biāo)識(shí)信息；
[0020]或者，
[0021 ]接收所述客戶端發(fā)送的所述客戶端的標(biāo)識(shí)信息。
[0022]第二方面，本發(fā)明實(shí)施例提供一種網(wǎng)頁(yè)顯示裝置，包括:
[0023]第一獲取模塊，用于接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，并獲取所述客戶端的標(biāo)識(shí)信息；
[0024]第二獲取模塊，用于獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板；
[0025]頁(yè)面生成模塊，用于根據(jù)所述頁(yè)面排版模板，對(duì)所述網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的網(wǎng)頁(yè)內(nèi)容進(jìn)行排版，得到待訪問(wèn)網(wǎng)頁(yè)；
[0026]發(fā)送模塊，發(fā)送所述待訪問(wèn)網(wǎng)頁(yè)至客戶端。
[0027]可選地，所述裝置還包括:
[0028]第三獲取模塊，用于獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)，所述頁(yè)面排版結(jié)構(gòu)包括頁(yè)面元素搭配方式和色彩信息；
[0029]模板生成模塊，用于根據(jù)所述頁(yè)面排版結(jié)構(gòu)生成與所述各個(gè)客戶端的頁(yè)面排版相匹配的頁(yè)面排版模板；
[0030]模板庫(kù)建立模塊，用于建立所述各個(gè)客戶端的標(biāo)識(shí)信息與所述頁(yè)面排版模板之間的映射關(guān)系，得到頁(yè)面模板庫(kù)。
[0031]可選地，所述第二獲取模塊用于:從所述頁(yè)面模板庫(kù)中查詢與所述客戶端的標(biāo)識(shí)信息相對(duì)應(yīng)的頁(yè)面排版模板。
[0032]可選地，所述第三獲取模塊用于:獲取所述客戶端的頁(yè)面，并分析所述頁(yè)面獲得所述客戶端的頁(yè)面排版結(jié)構(gòu)。
[0033 ]可選地，所述第一獲取模塊，包括:
[0034]第一接收子模塊，用于接收網(wǎng)頁(yè)抓取的所述客戶端的標(biāo)識(shí)信息；
[0035]或者，
[0036]第二接收子模塊，用于接收所述客戶端發(fā)送的所述客戶端的標(biāo)識(shí)信息。
[0037]由以上技術(shù)方案可見，本發(fā)明實(shí)施例提供的網(wǎng)頁(yè)顯示方法及裝置，服務(wù)器接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，并獲取發(fā)送該網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端的標(biāo)識(shí)信息，利用該標(biāo)識(shí)信息能夠確定客戶端的名稱。獲取該客戶端的頁(yè)面排版模板，然后，根據(jù)獲得的頁(yè)面排版模板，對(duì)網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的頁(yè)面內(nèi)容進(jìn)行排版，生成待訪問(wèn)網(wǎng)頁(yè)，并將該待訪問(wèn)網(wǎng)頁(yè)發(fā)送給相應(yīng)的客戶端。從而實(shí)現(xiàn)根據(jù)打開該網(wǎng)頁(yè)的客戶端的頁(yè)面樣式調(diào)整待訪問(wèn)網(wǎng)頁(yè)的頁(yè)面排版樣式，即無(wú)論使用哪種客戶端打開該網(wǎng)頁(yè)，該網(wǎng)頁(yè)都能夠根據(jù)客戶端的頁(yè)面排版樣式重新調(diào)整自己的頁(yè)面排版樣式，以使客戶端顯示的其它網(wǎng)站的頁(yè)面與自身頁(yè)面的排版方式一致，使用戶的視覺感受一致，提高用戶體驗(yàn)。
【附圖說(shuō)明】
[0038]為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見地，對(duì)于本領(lǐng)域普通技術(shù)人員而言，在不付出創(chuàng)造性勞動(dòng)性的前提下，還可以根據(jù)這些附圖獲得其他的附圖。
[0039]圖1為本發(fā)明實(shí)施例一種網(wǎng)頁(yè)顯示方法的流程示意圖；
[0040]圖2為本發(fā)明實(shí)施例另一種網(wǎng)頁(yè)顯示方法的流程示意圖；
[0041 ]圖3為本發(fā)明實(shí)施例又一種網(wǎng)頁(yè)顯示方法的流程示意圖；
[0042]圖4為本發(fā)明實(shí)施例一種網(wǎng)頁(yè)顯示裝置的框圖；
[0043]圖5為本發(fā)明實(shí)施例另一種網(wǎng)頁(yè)顯示裝置的框圖。
【具體實(shí)施方式】
[0044]為了使本技術(shù)領(lǐng)域的人員更好地理解本發(fā)明中的技術(shù)方案，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；诒景l(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都應(yīng)當(dāng)屬于本發(fā)明保護(hù)的范圍。
[0045]參見圖1，為本發(fā)明實(shí)施例提供的一種網(wǎng)頁(yè)顯示方法的流程示意圖，該方法應(yīng)用于服務(wù)器中。如圖1所示，該方法包括:
[0046]S110，服務(wù)器接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，并獲取所述客戶端的標(biāo)識(shí)信息。
[0047]客戶端可以是終端設(shè)備上運(yùn)行的各種應(yīng)用平臺(tái)，例如，智能手機(jī)或平板電腦等智能移動(dòng)設(shè)備上安裝的能夠打開網(wǎng)頁(yè)的應(yīng)用程序(如，瀏覽器或其它應(yīng)用平臺(tái))。
[0048]服務(wù)器根據(jù)標(biāo)識(shí)信息能夠確定客戶端的名稱，例如，搜狐視頻應(yīng)用、UC瀏覽器等。
[0049]在本申請(qǐng)的一些實(shí)施例中，在網(wǎng)頁(yè)運(yùn)行頁(yè)面上插入用于獲取客戶端的標(biāo)識(shí)信息的代碼程序，當(dāng)客戶端打開網(wǎng)頁(yè)之前，運(yùn)行所述代碼程序從而獲取運(yùn)行該網(wǎng)頁(yè)的客戶端的標(biāo)識(shí)信息;然后，將獲得的客戶端的標(biāo)識(shí)信息發(fā)送給服務(wù)器。
[0050]在本申請(qǐng)的其它實(shí)施例中，服務(wù)器可以被動(dòng)接收客戶端發(fā)送的標(biāo)識(shí)信息，例如，該標(biāo)識(shí)信息可以攜帶在客戶端所發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求中；服務(wù)器接收到客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求后，從該網(wǎng)頁(yè)訪問(wèn)請(qǐng)求中可以提取出客戶端的標(biāo)識(shí)信息。
[0051]S120，服務(wù)器獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板。
[0052]服務(wù)器預(yù)先獲取各種客戶端的頁(yè)面排版結(jié)構(gòu)，并生成對(duì)應(yīng)的頁(yè)面排版模板。當(dāng)根據(jù)標(biāo)識(shí)信息確定發(fā)送網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端后，從預(yù)先生成的頁(yè)面排版模板中獲取該客戶端對(duì)應(yīng)的頁(yè)面排版模板。
[0053]S130，服務(wù)器根據(jù)所述頁(yè)面排版模板，對(duì)所述網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的網(wǎng)頁(yè)內(nèi)容進(jìn)行排版，得到待訪問(wèn)網(wǎng)頁(yè)。
[0054]服務(wù)器將客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)的內(nèi)容按照該客戶端的頁(yè)面排版模板進(jìn)行重新排版，生成待訪問(wèn)網(wǎng)頁(yè)。
[0055]例如，客戶端的頁(yè)面區(qū)塊是橫向單欄設(shè)置，生成橫向單欄的頁(yè)面排版模板;如果客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)的頁(yè)面區(qū)塊是橫向多欄設(shè)置，則根據(jù)客戶端橫向單欄排版方式，將客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)區(qū)塊調(diào)整成橫向單欄設(shè)置。
[0056]S140，服務(wù)器向所述客戶端發(fā)送所述待訪問(wèn)網(wǎng)頁(yè)。
[0057]服務(wù)器將按照網(wǎng)頁(yè)排版模板生成的待訪問(wèn)網(wǎng)頁(yè)發(fā)送給客戶端，以使客戶端顯示該網(wǎng)頁(yè)。
[0058]本實(shí)施例提供的網(wǎng)頁(yè)顯示方法，根據(jù)打開該網(wǎng)頁(yè)的客戶端的頁(yè)面樣式調(diào)整待訪問(wèn)網(wǎng)頁(yè)的頁(yè)面排版樣式，即無(wú)論使用哪種客戶端打開該網(wǎng)頁(yè)，該網(wǎng)頁(yè)都能夠根據(jù)客戶端的頁(yè)面排版樣式重新調(diào)整自己的頁(yè)面排版樣式，以使客戶端顯示的其它網(wǎng)站的頁(yè)面與自身頁(yè)面的排版方式一致，使用戶的視覺感受一致，提高了用戶體驗(yàn)。
[0059]參見圖2，為本發(fā)明實(shí)施例提供的另一種網(wǎng)頁(yè)顯示方法的流程示意圖，該方法在圖1所示方法的基礎(chǔ)上還包括以下步驟:
[0060]S210，服務(wù)器獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu);所述頁(yè)面排版結(jié)構(gòu)包括頁(yè)面元素搭配方式和色彩信息。
[0061]在本申請(qǐng)的一些實(shí)施例中，可以由網(wǎng)頁(yè)研發(fā)人員調(diào)研分析各個(gè)主流客戶端的頁(yè)面排版結(jié)構(gòu)，即網(wǎng)頁(yè)研發(fā)人員獲取各個(gè)客戶端的頁(yè)面排版樣式，例如，網(wǎng)頁(yè)元素的搭配方式、
色彩信息等。
[0062]在本申請(qǐng)的其它實(shí)施例中，可以由服務(wù)器抓取客戶端的頁(yè)面，進(jìn)而分析頁(yè)面的排版結(jié)構(gòu)。
[0063]S220，服務(wù)器根據(jù)所述頁(yè)面排版結(jié)構(gòu)生成與所述各個(gè)客戶端的頁(yè)面樣式相匹配的頁(yè)面排版模板。
[0064]服務(wù)器根據(jù)客戶端的頁(yè)面排版結(jié)構(gòu)，生成與客戶端的頁(yè)面樣式一致的頁(yè)面排版模板。
[0065]S230，服務(wù)器建立所述各個(gè)客戶端的標(biāo)識(shí)信息與所述頁(yè)面排版模板之間的映射關(guān)系，得到頁(yè)面模板庫(kù)。
[0066]生成頁(yè)面模板庫(kù)后，當(dāng)服務(wù)器獲得客戶端的標(biāo)識(shí)信息后，可以根據(jù)該標(biāo)識(shí)信息從頁(yè)面模板庫(kù)中查詢獲得與該標(biāo)識(shí)信息相匹配的頁(yè)面排版模板。
[0067]需要說(shuō)明的是，預(yù)先生成的頁(yè)面排版模板的過(guò)程只需執(zhí)行一次，后續(xù)可以直接套用之前生成的頁(yè)面排版模板。
[0068]參見圖3，為本申請(qǐng)實(shí)施例提供的又一種網(wǎng)頁(yè)顯示方法的流程示意圖，為了便于理解，本實(shí)施例結(jié)合客戶端和服務(wù)器進(jìn)行說(shuō)明；如圖3所示，該網(wǎng)頁(yè)顯示方法可以包括以下步驟:
[0069]S310，服務(wù)器獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)。
[0070]S320，服務(wù)器根據(jù)頁(yè)面排版結(jié)構(gòu)生成與所述各個(gè)客戶端的頁(yè)面樣式相匹配的頁(yè)面排版模板。
[0071]S330，服務(wù)器建立各個(gè)客戶端的標(biāo)識(shí)信息與所述頁(yè)面排版模板之間的映射關(guān)系，得到頁(yè)面模板庫(kù)。
[0072]S340，客戶端獲得網(wǎng)頁(yè)訪問(wèn)操作指令后，向?qū)?yīng)的網(wǎng)頁(yè)服務(wù)器發(fā)送網(wǎng)頁(yè)訪問(wèn)請(qǐng)求。
[0073]例如，視頻應(yīng)用客戶端獲得用戶點(diǎn)擊某個(gè)視頻資源的操作后，視頻應(yīng)用客戶端會(huì)向該視頻資源對(duì)應(yīng)的服務(wù)器發(fā)送網(wǎng)頁(yè)訪問(wèn)請(qǐng)求。
[0074]S350，服務(wù)器獲取發(fā)送網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端對(duì)應(yīng)的標(biāo)識(shí)信息。
[0075]S360，服務(wù)器獲取標(biāo)識(shí)信息對(duì)應(yīng)客戶端的頁(yè)面排版模板。
[0076]S370，服務(wù)器該客戶端對(duì)應(yīng)的頁(yè)面排版模板，對(duì)客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)內(nèi)容按照進(jìn)行排版，得到待訪問(wèn)網(wǎng)頁(yè)。
[0077]例如，客戶端的頁(yè)面區(qū)塊是橫向單欄設(shè)置，生成橫向單欄的頁(yè)面排版模板;如果客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)的頁(yè)面區(qū)塊是橫向多欄設(shè)置，則根據(jù)客戶端橫向單欄排版方式，將客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)區(qū)塊調(diào)整成橫向單欄設(shè)置。
[0078]S380，服務(wù)器向客戶端發(fā)送待訪問(wèn)網(wǎng)頁(yè)。
[0079]S390，客戶端展示接收到的待訪問(wèn)網(wǎng)頁(yè)。
[0080]本實(shí)施例提供的網(wǎng)頁(yè)顯示方法，服務(wù)器在接收到客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求后，獲取發(fā)送該網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端的標(biāo)識(shí)信息，利用該標(biāo)識(shí)信息能夠確定客戶端的名稱。獲取該客戶端的頁(yè)面排版模板，然后，將網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的頁(yè)面內(nèi)容按照獲得的頁(yè)面排版模板進(jìn)行排版，生成待訪問(wèn)網(wǎng)頁(yè)，并將該待訪問(wèn)網(wǎng)頁(yè)返回給發(fā)送網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端。從而實(shí)現(xiàn)根據(jù)打開該網(wǎng)頁(yè)的客戶端的頁(yè)面樣式調(diào)整待訪問(wèn)網(wǎng)頁(yè)的頁(yè)面排版樣式，即無(wú)論使用哪種客戶端打開該網(wǎng)頁(yè)，該網(wǎng)頁(yè)都能夠根據(jù)客戶端的頁(yè)面排版樣式重新調(diào)整自己的頁(yè)面排版樣式，以使客戶端顯示的其它網(wǎng)站的頁(yè)面與自身頁(yè)面的排版方式一致，使用戶的視覺感受一致，提高了用戶體驗(yàn)。而且，頁(yè)面排版模板一旦生成后續(xù)可以直接套用，提高網(wǎng)頁(yè)生成速度。
[0081]通過(guò)以上的方法實(shí)施例的描述，所屬領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助軟件加必需的通用硬件平臺(tái)的方式來(lái)實(shí)現(xiàn)，當(dāng)然也可以通過(guò)硬件，但很多情況下前者是更佳的實(shí)施方式?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說(shuō)對(duì)現(xiàn)有技術(shù)做出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來(lái)，該計(jì)算機(jī)軟件產(chǎn)品存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中，包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī)，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個(gè)實(shí)施例所述方法的全部或部分步驟。而前述的存儲(chǔ)介質(zhì)包括:只讀存儲(chǔ)器(R0M)、隨機(jī)存取存儲(chǔ)器(RAM)、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。
[0082]與本發(fā)明提供的網(wǎng)頁(yè)顯示方法實(shí)施例相對(duì)應(yīng)，本發(fā)明還提供了網(wǎng)頁(yè)顯示裝置實(shí)施例。
[0083]參見圖4，為本發(fā)明實(shí)施例提供的一種網(wǎng)頁(yè)顯示裝置的結(jié)構(gòu)示意圖，該裝置應(yīng)用于服務(wù)器中，如圖4所示，該網(wǎng)頁(yè)顯示裝置包括:第一獲取模塊110、第二獲取模塊120、頁(yè)面生成模塊130和發(fā)送模塊140。
[0084]第一獲取模塊110，用于接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，并獲取所述客戶端的標(biāo)識(shí)信息。
[0085]客戶端可以是終端設(shè)備上運(yùn)行的各種應(yīng)用平臺(tái)，例如，智能手機(jī)或平板電腦等智能移動(dòng)設(shè)備上安裝的能夠打開網(wǎng)頁(yè)的應(yīng)用程序。
[0086]服務(wù)器根據(jù)標(biāo)識(shí)信息能夠確定客戶端的名稱，例如，搜狐視頻應(yīng)用、UC瀏覽器等。
[0087]在本申請(qǐng)的一些實(shí)施例中，第一獲取模塊可以包括第一接收子模塊，該第一接收子模塊用于接收網(wǎng)頁(yè)抓取的運(yùn)行該網(wǎng)頁(yè)的客戶端的標(biāo)識(shí)信息。具體的，在網(wǎng)頁(yè)運(yùn)行頁(yè)面上插入用于獲取客戶端的標(biāo)識(shí)信息的代碼程序，當(dāng)客戶端打開網(wǎng)頁(yè)之前，運(yùn)行所述代碼程序從而獲取運(yùn)行該網(wǎng)頁(yè)的客戶端的標(biāo)識(shí)信息;然后，網(wǎng)頁(yè)將獲得的客戶端的標(biāo)識(shí)信息發(fā)送給服務(wù)器。
[0088]在本申請(qǐng)的其它實(shí)施例中，第一獲取模塊可以包括第二接收子模塊，該第一接收子模塊用于接收客戶端發(fā)送的所述客戶端的標(biāo)識(shí)信息。具體的，服務(wù)器可以被動(dòng)接收客戶端發(fā)送的標(biāo)識(shí)信息，例如，該標(biāo)識(shí)信息可以攜帶在客戶端所發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求中；服務(wù)器接收到該網(wǎng)頁(yè)訪問(wèn)請(qǐng)求后，從網(wǎng)頁(yè)訪問(wèn)請(qǐng)求中提取出客戶端的標(biāo)識(shí)信息。
[0089]第二獲取模塊120，用于獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板。
[0090]服務(wù)器預(yù)先獲取各種客戶端的頁(yè)面排版結(jié)構(gòu)，并生成對(duì)應(yīng)的頁(yè)面排版模板。當(dāng)根據(jù)標(biāo)識(shí)信息確定發(fā)送網(wǎng)頁(yè)訪問(wèn)請(qǐng)求的客戶端后，從預(yù)先生成的頁(yè)面排版模板中獲取該客戶端對(duì)應(yīng)的頁(yè)面排版模板。
[0091]頁(yè)面生成模塊130，用于根據(jù)所述頁(yè)面排版模板，對(duì)所述網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的網(wǎng)頁(yè)內(nèi)容進(jìn)行排版，得到待訪問(wèn)網(wǎng)頁(yè)。
[0092]例如，客戶端的頁(yè)面區(qū)塊是橫向單欄設(shè)置，生成橫向單欄的頁(yè)面排版模板;如果客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)的頁(yè)面區(qū)塊是橫向多欄設(shè)置，則根據(jù)客戶端橫向單欄排版方式，將客戶端所請(qǐng)求訪問(wèn)的網(wǎng)頁(yè)區(qū)塊調(diào)整成橫向單欄設(shè)置。
[0093]發(fā)送模塊140，用于向所述客戶端發(fā)送所述待訪問(wèn)網(wǎng)頁(yè)。
[0094]服務(wù)器將按照網(wǎng)頁(yè)排版模板生成的待訪問(wèn)網(wǎng)頁(yè)發(fā)送給客戶端，以使客戶端顯示該網(wǎng)頁(yè)。
[0095]本實(shí)施例提供的網(wǎng)頁(yè)顯示裝置，根據(jù)打開該網(wǎng)頁(yè)的客戶端的頁(yè)面樣式調(diào)整待訪問(wèn)網(wǎng)頁(yè)的頁(yè)面排版樣式，即無(wú)論使用哪種客戶端打開該網(wǎng)頁(yè)，該網(wǎng)頁(yè)都能夠根據(jù)客戶端的頁(yè)面排版樣式重新調(diào)整自己的頁(yè)面排版樣式，以使客戶端顯示的其它網(wǎng)站的頁(yè)面與自身頁(yè)面的排版方式一致，使用戶的視覺感受一致，提高了用戶體驗(yàn)。
[0096]參見圖5，為本發(fā)明實(shí)施例另一種網(wǎng)頁(yè)顯示裝置的框圖，該裝置在圖4所示實(shí)施例的基礎(chǔ)上還包括第三獲取模塊210、模板生成模塊220和模板庫(kù)建立模塊230。
[0097]第三獲取模塊210，用于獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)，所述頁(yè)面排版結(jié)構(gòu)包括頁(yè)面元素搭配方式和色彩信息。
[0098]在本申請(qǐng)的一些實(shí)施例中，可以由網(wǎng)頁(yè)研發(fā)人員調(diào)研各個(gè)主流客戶端的頁(yè)面排版結(jié)構(gòu)，即網(wǎng)頁(yè)研發(fā)人員獲取各個(gè)客戶端的頁(yè)面排版樣式，例如，網(wǎng)頁(yè)元素的搭配方式、色彩信息等。
[0099]在本申請(qǐng)的其它實(shí)施例中，第三獲取模塊用于抓取客戶端的頁(yè)面，進(jìn)而分析頁(yè)面的排版結(jié)構(gòu)。
[0100]模板生成模塊220，用于根據(jù)所述頁(yè)面排版結(jié)構(gòu)生成與所述各個(gè)客戶端的頁(yè)面排版相匹配的頁(yè)面排版模板。
[0101 ]模板庫(kù)建立模塊230，用于建立所述各個(gè)客戶端的標(biāo)識(shí)信息與所述頁(yè)面排版模板之間的映射關(guān)系，得到頁(yè)面模板庫(kù)。
[0102]生成頁(yè)面模板庫(kù)后，第二獲取模塊120可以根據(jù)第一獲取模塊獲得的客戶端的標(biāo)識(shí)信息，從模板庫(kù)建立模塊230建立的頁(yè)面模板庫(kù)中查詢獲得與該標(biāo)識(shí)信息相匹配的頁(yè)面排版模板。
[0103]需要說(shuō)明的是，預(yù)先生成的頁(yè)面排版模板的過(guò)程只需執(zhí)行一次，后續(xù)可以直接套用之前生成的頁(yè)面排版模板。
[0104]本實(shí)施例提供的網(wǎng)頁(yè)顯示裝置，能夠根據(jù)打開網(wǎng)頁(yè)的客戶端的頁(yè)面樣式調(diào)整待訪問(wèn)網(wǎng)頁(yè)的頁(yè)面排版樣式，即無(wú)論使用哪種客戶端打開該網(wǎng)頁(yè)，該網(wǎng)頁(yè)都能夠根據(jù)客戶端的頁(yè)面排版樣式重新調(diào)整自己的頁(yè)面排版樣式，以使客戶端顯示的其它網(wǎng)站的頁(yè)面與自身頁(yè)面的排版方式一致，使用戶的視覺感受一致，提高了用戶體驗(yàn)。而且，頁(yè)面排版模板一旦生成后續(xù)可以直接套用，提高網(wǎng)頁(yè)生成速度。
[0105]本說(shuō)明書中的各個(gè)實(shí)施例均采用遞進(jìn)的方式描述，各個(gè)實(shí)施例之間相同相似的部分互相參見即可，每個(gè)實(shí)施例重點(diǎn)說(shuō)明的都是與其他實(shí)施例的不同之處。尤其，對(duì)于裝置或系統(tǒng)實(shí)施例而言，由于其基本相似于方法實(shí)施例，所以描述得比較簡(jiǎn)單，相關(guān)之處參見方法實(shí)施例的部分說(shuō)明即可。以上所描述的裝置及系統(tǒng)實(shí)施例僅僅是示意性的，其中所述作為分離部件說(shuō)明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個(gè)地方，或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部模塊來(lái)實(shí)現(xiàn)本實(shí)施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性勞動(dòng)的情況下，即可以理解并實(shí)施。
[0106]需要說(shuō)明的是，在本文中，諸如“第一”和“第二”等之類的關(guān)系術(shù)語(yǔ)僅僅用來(lái)將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開來(lái)，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語(yǔ)“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過(guò)程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒(méi)有明確列出的其他要素，或者是還包括為這種過(guò)程、方法、物品或者設(shè)備所固有的要素。在沒(méi)有更多限制的情況下，由語(yǔ)句“包括一個(gè)……”限定的要素，并不排除在包括所述要素的過(guò)程、方法、物品或者設(shè)備中還存在另外的相同要素。
[0107]以上所述僅是本發(fā)明的【具體實(shí)施方式】，應(yīng)當(dāng)指出，對(duì)于本技術(shù)領(lǐng)域的普通技術(shù)人員來(lái)說(shuō)，在不脫離本發(fā)明原理的前提下，還可以做出若干改進(jìn)和潤(rùn)飾，這些改進(jìn)和潤(rùn)飾也應(yīng)視為本發(fā)明的保護(hù)范圍。
【主權(quán)項(xiàng)】
1.一種網(wǎng)頁(yè)顯示方法，其特征在于，包括: 接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，獲取所述客戶端的標(biāo)識(shí)信息； 獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板； 根據(jù)所述頁(yè)面排版模板，對(duì)所述網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的網(wǎng)頁(yè)內(nèi)容進(jìn)行排版，得到待訪問(wèn)網(wǎng)頁(yè)； 發(fā)送所述待訪問(wèn)網(wǎng)頁(yè)至客戶端。2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述方法還包括: 獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)，所述頁(yè)面排版結(jié)構(gòu)包括頁(yè)面元素搭配方式和色彩信息; 根據(jù)所述頁(yè)面排版結(jié)構(gòu)生成與所述各個(gè)客戶端的頁(yè)面排版相匹配的頁(yè)面排版模板； 建立所述各個(gè)客戶端的標(biāo)識(shí)信息與所述頁(yè)面排版模板之間的映射關(guān)系，得到頁(yè)面模板庫(kù)。3.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板，包括: 從所述頁(yè)面模板庫(kù)中查詢與所述客戶端的標(biāo)識(shí)信息相對(duì)應(yīng)的頁(yè)面排版模板。4.根據(jù)權(quán)利要求2所述的方法，其特征在于，所述獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)，包括: 獲取所述客戶端的頁(yè)面，并分析所述頁(yè)面獲得所述客戶端的頁(yè)面排版結(jié)構(gòu)。5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取所述客戶端的標(biāo)識(shí)信息，包括: 接收網(wǎng)頁(yè)抓取的所述客戶端的標(biāo)識(shí)信息； 或者， 接收所述客戶端發(fā)送的所述客戶端的標(biāo)識(shí)信息。6.—種網(wǎng)頁(yè)顯示裝置，其特征在于，包括: 第一獲取模塊，用于接收客戶端發(fā)送的網(wǎng)頁(yè)訪問(wèn)請(qǐng)求，并獲取所述客戶端的標(biāo)識(shí)信息； 第二獲取模塊，用于獲取所述標(biāo)識(shí)信息對(duì)應(yīng)的客戶端的頁(yè)面排版模板； 頁(yè)面生成模塊，用于根據(jù)所述頁(yè)面排版模板，對(duì)所述網(wǎng)頁(yè)訪問(wèn)請(qǐng)求所請(qǐng)求的網(wǎng)頁(yè)內(nèi)容進(jìn)行排版，得到待訪問(wèn)網(wǎng)頁(yè)； 發(fā)送模塊，發(fā)送所述待訪問(wèn)網(wǎng)頁(yè)至客戶端。7.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述裝置還包括: 第三獲取模塊，用于獲取各個(gè)客戶端的頁(yè)面排版結(jié)構(gòu)，所述頁(yè)面排版結(jié)構(gòu)包括頁(yè)面元素搭配方式和色彩信息； 模板生成模塊，用于根據(jù)所述頁(yè)面排版結(jié)構(gòu)生成與所述各個(gè)客戶端的頁(yè)面排版相匹配的頁(yè)面排版模板； 模板庫(kù)建立模塊，用于建立所述各個(gè)客戶端的標(biāo)識(shí)信息與所述頁(yè)面排版模板之間的映射關(guān)系，得到頁(yè)面模板庫(kù)。8.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述第二獲取模塊用于:從所述頁(yè)面模板庫(kù)中查詢與所述客戶端的標(biāo)識(shí)信息相對(duì)應(yīng)的頁(yè)面排版模板。9.根據(jù)權(quán)利要求7所述的裝置，其特征在于，所述第三獲取模塊用于:獲取所述客戶端的頁(yè)面，并分析所述頁(yè)面獲得所述客戶端的頁(yè)面排版結(jié)構(gòu)。10.根據(jù)權(quán)利要求6所述的裝置，其特征在于，所述第一獲取模塊，包括:第一接收子模塊，用于接收網(wǎng)頁(yè)抓取的所述客戶端的標(biāo)識(shí)信息；或者，第二接收子模塊，用于接收所述客戶端發(fā)送的所述客戶端的標(biāo)識(shí)信息。
【文檔編號(hào)】G06F17/30GK105868276SQ201610165420
【公開日】2016年8月17日
【申請(qǐng)日】2016年3月22日
【發(fā)明人】郭正
【申請(qǐng)人】樂(lè)視網(wǎng)信息技術(shù)（北京）股份有限公司