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