提供調(diào)整檢索頁瀏覽顯示的方法和系統(tǒng)的制作方法
【專利摘要】本申請公開檢索頁瀏覽顯示的方法和系統(tǒng)，該方法包括：當通過瀏覽器進行檢索操作時或調(diào)整瀏覽器所顯示的檢索后結(jié)果頁面的邊框大小時，檢測該瀏覽器的邊框尺寸信息；根據(jù)瀏覽器的邊框尺寸信息與預置的尺寸分段標準值進行比對，獲得瀏覽器的邊框尺寸信息對應的當前尺寸分段標準值；并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。本發(fā)明解決了檢索頁所顯示的內(nèi)容不能根據(jù)瀏覽器窗口尺寸自適應地進行調(diào)整的問題。
【專利說明】提供調(diào)整檢索頁瀏覽顯示的方法和系統(tǒng)
【技術(shù)領(lǐng)域】
[0001]本申請涉及操作系統(tǒng)界面領(lǐng)域，更具體地，涉及一種提供調(diào)整檢索頁瀏覽顯示的方法和系統(tǒng)。
【背景技術(shù)】
[0002]隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，人們獲取信息的方式已經(jīng)發(fā)生改變:從傳統(tǒng)的書籍、報紙、電視、廣播等方式，繼而變成通過互聯(lián)網(wǎng)獲取。尤其是互聯(lián)網(wǎng)將影視節(jié)目、新聞、廣告、聊天視頻、游戲視頻和監(jiān)控視頻等等豐富的綜合性網(wǎng)絡視頻資源進行共享，從而網(wǎng)絡視頻已經(jīng)成為人們學習、社交以及休閑娛樂而不可替代的重要方式。
[0003]目前的網(wǎng)站，尤其是視頻網(wǎng)站負責為用戶提供豐富的視頻資源，用戶可以通過終端上的瀏覽器進行訪問，觀看用戶想要觀看的各類視頻。
[0004]通常，視頻網(wǎng)站所擁有的大量視頻資源都以具有代表性的縮略圖或視頻截圖的方式形成視頻塊進行展現(xiàn)，這樣，用戶通過視頻塊可以直觀、清楚的了解相應的視頻資源的大致內(nèi)容，從而增加了用戶的瀏覽體驗感受；尤其是當用戶對某些想要觀看的視頻資源在該視頻網(wǎng)站中進行檢索后，檢索頁面中的視頻資源檢索結(jié)果都是根據(jù)用戶的檢索條件以視頻塊進行展現(xiàn)(或稱為響應式布局)，用戶便可以通過縮略圖或視頻截圖快速地了解到想要觀看的視頻資源的簡介信息。
[0005]用戶通過瀏覽器訪問視頻網(wǎng)站時，瀏覽器的窗口(以下簡稱:瀏覽器)大小往往默認為最大化，并與用戶計算機終端的屏幕分辨率(屏幕大小)相關(guān)。屏幕分辨率越高，瀏覽器窗口越大，其展現(xiàn)的內(nèi)容就越充分；反之，屏幕分辨率越低，瀏覽器窗口會越小，其展現(xiàn)的內(nèi)容的充分性就較差。具體來說，在視頻網(wǎng)站的頁面及檢索頁面的內(nèi)容布局默認固定的情況下，高分辨率屏幕上的瀏覽器窗口可以完整的展示頁面內(nèi)容，而低屏幕分辨率屏幕上的瀏覽器窗口或者在用戶的調(diào)整下尺寸變小的瀏覽器窗口，就不能完全顯示相應的頁面內(nèi)容。比如，若視頻網(wǎng)站的檢索頁面中默認固定每一行顯示多個(如:7個)視頻塊，在瀏覽器窗口最大化或瀏覽器窗口在高分辨率屏幕上顯示時，用戶可以看見全部的內(nèi)容，但是，在瀏覽器窗口變小或低分辨率屏幕上顯示時，視頻網(wǎng)站的檢索頁面中仍然是每一行顯示7個視頻塊，造成在當前的窗口中每一行只能展示可見的5個視頻塊，有2個視頻塊因瀏覽器窗口尺寸變小而被隱藏，從而嚴重影響檢索頁面的內(nèi)容完整性。

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

[0006]有鑒于此，本申請?zhí)峁┝艘环N提供調(diào)整檢索頁瀏覽顯示的方法和系統(tǒng)，以解決現(xiàn)有技術(shù)中的檢索頁瀏覽顯示的方法存在的影響檢索頁面的內(nèi)容完整性的問題。
[0007]為了解決上述技術(shù)問題，本申請公開了一種提供調(diào)整檢索頁瀏覽顯示的方法，其特征在于，包括:
[0008]當通過瀏覽器進行檢索操作時或調(diào)整瀏覽器所顯示的檢索后結(jié)果頁面的邊框大小時，檢測該瀏覽器的邊框尺寸信息；[0009]根據(jù)所述瀏覽器的邊框尺寸信息與預置的尺寸分段標準值進行比對，獲得所述瀏覽器的邊框尺寸信息對應的當前尺寸分段標準值；并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。
[0010]進一步地，其中，
[0011]所述對應關(guān)系，具體為:根據(jù)瀏覽器頁面不同的顯示面積獲得不同的屏幕寬度尺寸的數(shù)值，再根據(jù)不同的屏幕寬度尺寸的數(shù)值設定若干尺寸分段標準值，保存不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系。
[0012]進一步地，其中，
[0013]根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果，具體包括:根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將所述檢索后結(jié)果在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示。
[0014]進一步地，其中，
[0015]所述檢索后結(jié)果，具體包括:在所述瀏覽器中顯示的一個或者多個文件所對應的鏈接圖標；
[0016]其中，多個文件中每個文件所對應的鏈接圖標的顯示寬度相同，每個文件所對應的鏈接圖標的顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。
[0017]進一步地,其中，
[0018]所述檢索后結(jié)果在所述瀏覽器中的顯示的方式呈瀑布流式。
[0019]所述瀑布流式的實現(xiàn)方式包括:
[0020]通過檢索后得出不同的檢索后結(jié)果，對檢索后結(jié)果中的不同的視頻數(shù)據(jù)，結(jié)合其所屬的類別、類型和文件名稱進行分組處理，得出相應的網(wǎng)頁布局；
[0021]再根據(jù)該網(wǎng)頁布局所對應的樣式寫到按類名、ID或樣式表分別寫入同一文件或分別寫入各專屬樣式表中，匹配屏幕寬度，得到相應類名、ID或樣式表中的樣式；從當前瀏覽器所匹配的屏幕寬度中對應的每屏幕中所能夠顯示的列數(shù)，依次將相應結(jié)果的視頻的縮略圖或視頻截圖、以及視頻的時長、背景介紹、發(fā)布日期和/或評分等信息插入對應的每列中所能夠顯示的視頻數(shù)據(jù)塊中；
[0022]重繪所要在瀏覽器中顯示的頁面布局，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將頁面與已綁定的視頻數(shù)據(jù)塊進行分欄和分列處理，在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示。
[0023]為了解決上述技術(shù)問題，本申請還公開了一種提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)，與瀏覽器相耦接，其特征在于，該系統(tǒng)包括:檢測單元和調(diào)整單元，其中，
[0024]所述檢測單元，用于在識別到瀏覽器進行檢索操作時或在識別到瀏覽器的邊框大小有調(diào)整以對檢索后結(jié)果進行顯示時，檢測該瀏覽器的邊框尺寸信息發(fā)送至所述調(diào)整單元;
[0025]所述調(diào)整單元，用于根據(jù)所述瀏覽器的邊框尺寸信息與預置的尺寸分段標準值進行比對，獲得所述瀏覽器的邊框尺寸信息對應的當前尺寸分段標準值，并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。[0026]進一步地，其中，還包括:
[0027]配置單元，與所述調(diào)整單元相耦接，用于根據(jù)瀏覽器頁面不同的顯示面積獲得不同的屏幕寬度尺寸的數(shù)值，再根據(jù)不同的屏幕寬度尺寸的數(shù)值設定若干尺寸分段標準值，保存不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系。
[0028]進一步地，其中，
[0029]所述調(diào)整單元，進一步還用于:根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將所述檢索后結(jié)果在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示。
[0030]進一步地，其中，
[0031]所述檢索后結(jié)果，具體包括:在所述瀏覽器中顯示的一個或者多個文件所對應的鏈接圖標；
[0032]其中，多個文件中每個文件所對應的鏈接圖標的顯示寬度相同，每個文件所對應的鏈接圖標的顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。
[0033]進一步地，其中，
[0034]所述調(diào)整單元，進一步還用于:調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果時，所述檢索后結(jié)果在所述瀏覽器中的顯示的方式呈瀑布流式。
[0035]所述瀑布流式的實現(xiàn)方式包括:
[0036]所述調(diào)整單元，通過檢索后得出不同的檢索后結(jié)果，對檢索后結(jié)果中的不同的視頻數(shù)據(jù)，結(jié)合其所屬的類別、類型和文件名稱進行分組處理，得出相應的網(wǎng)頁布局；
[0037]所述調(diào)整單元，再根據(jù)該網(wǎng)頁布局所對應的樣式寫到按類名、ID或樣式表分別寫入同一文件或分別寫入各專屬樣式表中，根據(jù)配置單元匹配屏幕寬度，得到相應類名、ID或樣式表中的樣式；從當前瀏覽器所匹配的屏幕寬度中對應的每屏幕中所能夠顯示的列數(shù)，依次將相應結(jié)果的視頻的縮略圖或視頻截圖、以及視頻的時長、背景介紹、發(fā)布日期和/或評分等信息插入對應的每列中所能夠顯示的視頻數(shù)據(jù)塊中；
[0038]所述調(diào)整單元，重繪所要在瀏覽器中顯示的頁面布局，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將頁面與已綁定的視頻數(shù)據(jù)塊進行分欄和分列處理，在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示。
[0039]與現(xiàn)有技術(shù)相比，本申請所述的一種提供調(diào)整檢索頁瀏覽顯示的方法和系統(tǒng)，達到了如下效果:
[0040]I)本申請通過實時監(jiān)測識別瀏覽器窗口的尺寸大小而進行頁面內(nèi)容的自適應調(diào)整，可以將頁面內(nèi)容在不同屏幕分辨的瀏覽器窗口中充分顯示，實現(xiàn)了檢索頁所顯示的內(nèi)容可以根據(jù)瀏覽器窗口尺寸自適應地進行調(diào)整，解決了現(xiàn)有技術(shù)中的檢索頁瀏覽顯示的方法存在的影響檢索頁面的內(nèi)容完整性的問題的問題。
[0041]2)本申請還可以采用瀑布流方式在頁面中顯示視頻塊，每個視頻塊可以展示更多的視頻信息，方便用戶進行視頻的查找選擇，有效提升了用戶的瀏覽體驗。
[0042]當然，實施本申請的任一產(chǎn)品必不一定需要同時達到以上所述的所有技術(shù)效果。
【專利附圖】

【附圖說明】
[0043]此處所說明的附圖用來提供對本申請的進一步理解，構(gòu)成本申請的一部分，本申請的示意性實施例及其說明用于解釋本申請，并不構(gòu)成對本申請的不當限定。在附圖中:[0044]圖1是本申請實施例一所述的提供調(diào)整檢索頁瀏覽顯示的方法的流程框圖。
[0045]圖2是本申請實施例二所述的提供調(diào)整檢索頁瀏覽顯示的方法的流程框圖。
[0046]圖3是本申請實施例三所述的提供調(diào)整檢索頁瀏覽顯示的方法中用戶A的瀏覽器窗口中顯示內(nèi)容的示意圖。
[0047]圖4、5和6是本申請實施例二所述的提供調(diào)整檢索頁瀏覽顯示的方法中對于預置的尺寸分段對應的顯示列數(shù)的效果示意圖。
[0048]圖7是本申請實施例四所述的提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)的結(jié)構(gòu)框圖。
[0049]圖8是本申請實施例四所述的提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)的又一結(jié)構(gòu)框圖。
【具體實施方式】
[0050]如在說明書及權(quán)利要求當中使用了某些詞匯來指稱特定組件。本領(lǐng)域技術(shù)人員應可理解，硬件制造商可能會用不同名詞來稱呼同一個組件。本說明書及權(quán)利要求并不以名稱的差異來作為區(qū)分組件的方式，而是以組件在功能上的差異來作為區(qū)分的準則。如在通篇說明書及權(quán)利要求當中所提及的“包含”為一開放式用語，故應解釋成“包含但不限定于”?！按笾隆笔侵冈诳山邮盏恼`差范圍內(nèi)，本領(lǐng)域技術(shù)人員能夠在一定誤差范圍內(nèi)解決所述技術(shù)問題，基本達到所述技術(shù)效果。此外，“耦接”一詞在此包含任何直接及間接的電性耦接手段。因此，若文中描述一第一裝置耦接于一第二裝置，則代表所述第一裝置可直接電性耦接于所述第二裝置，或通過其他裝置或耦接手段間接地電性耦接至所述第二裝置。說明書后續(xù)描述為實施本申請的較佳實施方式，然所述描述乃以說明本申請的一般原則為目的，并非用以限定本申請的范圍。本申請的保護范圍當視所附權(quán)利要求所界定者為準。
[0051]實施例一
[0052]如圖1所示，為本申請實施例一所述的一種提供調(diào)整檢索頁瀏覽顯示的方法，該方法包括:
[0053]步驟101，當通過瀏覽器進行檢索操作時或調(diào)整瀏覽器所顯示的檢索后結(jié)果頁面的邊框大小時，檢測該瀏覽器的邊框尺寸信息。
[0054]具體地為，用戶通過計算機終端上的瀏覽器訪問相應的視頻網(wǎng)站，在默認情況下，瀏覽器啟動時會自動最大化，其窗口界面將布滿整個屏幕，因此，計算機終端的屏幕大小(即屏幕分辨率)將決定瀏覽器的邊框尺寸大小，而瀏覽器的邊框尺寸大小就進一步?jīng)Q定了視頻網(wǎng)站頁面的顯示區(qū)域范圍。當用戶通過網(wǎng)絡地址訪問視頻網(wǎng)站或在視頻網(wǎng)站檢索相關(guān)視頻時，就可以檢測到瀏覽器的邊框尺寸信息，在本發(fā)明中，所述邊框尺寸信息可以從HTML(HyperText Mark-up Language,超文本標記語言)文件或者是符合網(wǎng)絡傳輸通信標準的瀏覽器信息文件獲取。對于本領(lǐng)域技術(shù)人員來說，這里不作具體限定。
[0055]對于步驟101，所述瀏覽器的邊框尺寸信息包括瀏覽器窗口的寬度和高度，在實際應用中，所述瀏覽器窗口的高度變化并不會影響視頻網(wǎng)站檢索頁面中內(nèi)容的完整性，用戶可以使用瀏覽器上的滾動條上下翻閱進行頁面的瀏覽。而所述瀏覽器窗口的寬度將決定視頻網(wǎng)站檢索頁面中內(nèi)容的完整性，若所述瀏覽器窗口的寬度低，便不能完整顯示出每一行的全部視頻塊，造成頁面中的內(nèi)容缺失。
[0056]需要說明的是，在瀏覽器對檢索后結(jié)果進行顯示時，用戶可能由于操作原因，會改變所述瀏覽器的邊框尺寸，故在上述步驟101中需要接收到用戶的對當前的瀏覽器邊框尺寸信息進行改變的操作指示后就需要進行檢測改變后當前的瀏覽器的邊框尺寸信息。
[0057]步驟102，根據(jù)所述瀏覽器的邊框尺寸信息與預置的尺寸分段標準值進行比對，獲得所述瀏覽器的邊框尺寸信息對應的當前尺寸分段標準值；并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。
[0058]所述對應關(guān)系，具體為:根據(jù)瀏覽器頁面不同的顯示面積獲得不同的屏幕寬度尺寸的數(shù)值(這里所述“屏幕寬度尺寸”主要是指瀏覽器的窗口的可視區(qū)域的寬度尺寸)，再根據(jù)不同的屏幕寬度尺寸的數(shù)值設定若干尺寸分段標準值，保存不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系(邊框?qū)挾群惋@示列數(shù)成正比的關(guān)系)。
[0059]實施例二
[0060]如圖2所示，為本申請實施例二所述的一種提供調(diào)整檢索頁瀏覽顯示的方法，該方法包括:
[0061]步驟201，當通過瀏覽器進行檢索操作時或調(diào)整瀏覽器所顯示的檢索后結(jié)果頁面的邊框大小時，檢測該瀏覽器的邊框?qū)挾瘸叽缧畔ⅰ?br> [0062]所述瀏覽器窗口的高度變化并不會影響視頻網(wǎng)站檢索頁面中內(nèi)容的完整性，用戶可以使用瀏覽器上的滾動條上下翻閱進行頁面的瀏覽。而所述瀏覽器窗口的寬度將決定視頻網(wǎng)站檢索頁面中內(nèi)容的完整性，若所述瀏覽器窗口的寬度低，便不能完整顯示出每一行的全部視頻塊，造成頁面中的內(nèi)容缺失。
[0063]所以，當用戶通過網(wǎng)絡地址訪問視頻網(wǎng)站或在視頻網(wǎng)站檢索相關(guān)視頻時，就可以讀取到瀏覽器的邊框尺寸信息，所述邊框尺寸信息可以從HTML文件獲取。在所述邊框尺寸信息中，具有相應的當前瀏覽器邊框尺寸的寬度數(shù)據(jù)，從而，可以進一步獲知所述瀏覽器邊框的寬度。
[0064]步驟202，根據(jù)所述瀏覽器的邊框?qū)挾瘸叽缧畔⑴c預置的尺寸分段標準值進行比對，獲得所述瀏覽器的邊框?qū)挾瘸叽缧畔漠斍俺叽绶侄螛藴手?；并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。
[0065]其中，所述對應關(guān)系，具體為:根據(jù)瀏覽器頁面不同的顯示面積獲得不同的屏幕寬度尺寸的數(shù)值，再根據(jù)不同的屏幕寬度尺寸的數(shù)值設定若干尺寸分段標準值，保存不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系。
[0066]具體來說，在本實施例中所述尺寸分段標準值可以但不限于是根據(jù)瀏覽器頁面不同的顯示面積進行劃定后的分段值，由于所述屏幕的高度(與所述瀏覽器邊框的高度相關(guān)聯(lián))并不會對檢索頁面的內(nèi)容完整性造成影響，故所述尺寸分段標準值進一步是對屏幕的寬度(與所述瀏覽器邊框的寬度相關(guān)聯(lián))進行的劃定，如:所述尺寸分段標準值將根據(jù):1024X600,1280X720/1280X768/1280X800 以及 1440X900 這幾類瀏覽器頁面不同的顯示面積進行劃定。上述顯示面積中，代表寬度尺寸的數(shù)值分別為:1024、1280以及1440，這三個數(shù)值便可以構(gòu)成幾個所述分段區(qū)間，從而，可以通過所述尺寸分段標準值判斷比較出當前瀏覽器邊框的尺寸具體的所屬分段。
[0067]例如:將根據(jù)瀏覽器頁面不同的顯示面積設置如下幾個尺寸分段標準值:
[0068]1024 (像素)X600 (像素)、1280 (像素)X720 (像素)/1280 (像素)X768 (像素)/1280 (像素)X 800 (像素)以及1440 (像素)X 900 (像素)。
[0069]具體地為:
[0070]從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積大于1440X900時或X>1366px時，于是根據(jù)預置的尺寸分段對應的顯示列數(shù)為5列(如圖4所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為5列。
[0071]從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積小于1440X900且大于1280 X 720/1280 X 768/1280 X 800時或1024px〈X〈=1366px時，于是根據(jù)預置的尺寸分段對應的顯示列數(shù)為4列(如圖5所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為4列。
[0072]從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積小于1024X600，或小于 1280X720/1280X768/1280X800 且大于 1024X600 時或 X〈=1024px 時，于是根據(jù)預置的尺寸分段對應的顯示列數(shù)為3列(如圖6所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為3列。
[0073]另外，對于如圖4、5和6所示的顯示列來說，本發(fā)明除了調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)外，還需要根據(jù)該顯示列數(shù)將所述檢索后結(jié)果按照從左至右的方式依次排列顯示，即圖4、5和6中給出的具有符號的文件的鏈接圖標是按照從左至右的方式依次排列顯示。
[0074]另外，在所述瀏覽器中顯示的多個文件對應的鏈接圖標，每個所述文件對應的鏈接圖標為顯示寬度相同、顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。其中，所述承載的顯示內(nèi)容包括:視頻的時長、背景介紹、發(fā)布日期和/或評分等信息。由此，造成的所述檢索后結(jié)果的顯示的方式為列對齊，行不對齊，形成一種呈瀑布流式的顯示結(jié)果。
[0075]總之，所述檢索后結(jié)果，包括:在所述瀏覽器中顯示的一個或者多個文件所對應的鏈接圖標；其中，多個文件中每個文件所對應的鏈接圖標的顯示寬度相同，每個文件所對應的鏈接圖標的顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。
[0076]實施例三
[0077]下面結(jié)合圖3，對所述提供調(diào)整檢索頁瀏覽顯示的方法的具體應用進行詳細說明:
[0078]背景為:用戶A通過計算機終端上的瀏覽器訪問相應的視頻網(wǎng)站，假定該用戶A的顯示器屏幕分辨率為1440X900，用戶A打開瀏覽器后所述瀏覽器窗口保持最大化，其窗口界面布滿整個顯示器屏幕，瀏覽器頁面的顯示面積即為1440X900。由于視頻網(wǎng)站上擁有大量的視頻資源，用戶A并不能及時找到自己想要觀看的視頻，從而，用戶A將借助視頻網(wǎng)站的檢索功能輸入適當?shù)乃阉鳁l件進行檢索。
[0079]具體步驟為:
[0080]首先，當用戶A訪問視頻網(wǎng)站并進行檢索操作時，讀取用戶A當前的瀏覽器的邊框尺寸信息，并從該瀏覽器的邊框尺寸信息中提取出瀏覽器邊框?qū)挾瘸叽缧畔ⅰ?br> [0081]之后，將獲取到的用戶A的所述瀏覽器的邊框?qū)挾瘸叽缧畔⑴c預置的尺寸分段標準值進行比對，并結(jié)合預置的尺寸分段對應的顯示列數(shù)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)。
[0082]其中，需要結(jié)合實施例二中所限定的預置的尺寸分段對應的顯示列數(shù)；[0083]若從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積大于1440X900時，于是根據(jù)預置的尺寸分段對應的顯示列數(shù)為5列(如圖4所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為5列。
[0084]若從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積小于1440X900且大于1280X720/1280X768/1280X800時，于是根據(jù)預置的尺寸分段對應的顯示列數(shù)為4列(如圖5所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為4列。
[0085]若從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積小于1024X600，或小于1280X720/1280X768/1280X800且大于1024X600時，于是根據(jù)預置的尺寸分段對應的顯示列數(shù)為3列(如圖6所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為3列。
[0086]在本實施例三中，還可以采用實施例二中所述的瀑布流式的顯示方式對用戶A檢索后結(jié)果進行顯示。在實施例三中所述瀑布流除了顯示相應結(jié)果的視頻的縮略圖或視頻截圖之外，還將所述視頻的時長、背景介紹、發(fā)布日期和/或評分等信息一并顯示。由此，造成的所述檢索后結(jié)果的顯示的方式為列對齊，行不對齊。具體地，檢索后顯示的每個的視頻文件對應的鏈接圖標為顯示寬度相同、顯示高度并不相同，即某些視頻文件的內(nèi)容信息較多，其對應的鏈接圖標的顯示高度就較大。由此可見，本發(fā)明中整個窗口界面主要是依據(jù)顯示列數(shù)進行排布的，因此顯示列數(shù)的調(diào)整進而會全局性影響整個窗口界面的顯示。
[0087]針對該瀑布流式的顯示方式，主要是通過如下方式步驟實現(xiàn):
[0088]首先，通過檢索后得出不同的檢索后結(jié)果(在數(shù)據(jù)處理后臺)，對檢索后結(jié)果中的不同的視頻數(shù)據(jù)(包括:視頻的縮略圖或視頻截圖、以及視頻的時長、背景介紹、發(fā)布日期和/或評分等信息)，結(jié)合其所屬的類別、類型(這里以編碼類型為例)和文件名稱進行分組處理，得出相應的網(wǎng)頁布局；
[0089]然后，再根據(jù)該網(wǎng)頁布局所對應的樣式寫到按類名、ID或樣式表分別寫入同一文件或分別寫入各專屬樣式表中，匹配屏幕寬度，得到相應類名、ID或樣式表中的樣式(不同的搜索結(jié)果顯示的樣式)；從當前瀏覽器所匹配的屏幕寬度中對應的每屏幕中所能夠顯示的列數(shù)(即根據(jù)當前尺寸分段標準值相應的顯示列數(shù))，依次將相應結(jié)果的視頻的縮略圖或視頻截圖、以及視頻的時長、背景介紹、發(fā)布日期和/或評分等信息插入對應的每列中所能夠顯示的視頻數(shù)據(jù)塊中；
[0090]最后，重繪所要在瀏覽器中顯示的頁面布局，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將頁面與已綁定的視頻數(shù)據(jù)塊進行分欄和分列處理，在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示(這里也包括:隨著滾動條的下拉，從瀏覽器顯示窗口中顯示，并逐步加載后續(xù)的視頻數(shù)據(jù)形成的對應的鏈接簡介內(nèi)容的視頻數(shù)據(jù)塊進行顯示)。
[0091]由此，造成的所述檢索后結(jié)果的顯示的方式為列對齊，行不對齊。具體地，檢索后顯示的每個的視頻文件對應的鏈接圖標為顯示寬度相同、顯示高度并不相同，即某些視頻文件的內(nèi)容信息較多，其對應的鏈接圖標的顯示高度就較大。由此可見，本發(fā)明中整個窗口界面主要是依據(jù)顯示列數(shù)進行排布的，因此顯示列數(shù)的調(diào)整進而會全局性影響整個窗口界面的顯示。
[0092]實施例四
[0093]如圖7所示，為本申請實施例四所述的一種提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)，與瀏覽器相耦接，該系統(tǒng)包括:檢測單元601和調(diào)整單元602，其中，
[0094]所述檢測單元601，與所述計算機終端和調(diào)整單元602相耦接，用于在識別到瀏覽器進行檢索操作時或在識別到瀏覽器的邊框大小有調(diào)整以對檢索后結(jié)果進行顯示時，檢測該瀏覽器的邊框尺寸信息發(fā)送至所述調(diào)整單元602。
[0095]所述瀏覽器的邊框尺寸信息包括瀏覽器窗口的寬度和高度，在實際應用中，所述瀏覽器窗口的高度變化并不會影響視頻網(wǎng)站檢索頁面中內(nèi)容的完整性，用戶可以使用瀏覽器上的滾動條上下翻閱進行頁面的瀏覽。而所述瀏覽器窗口的寬度將決定視頻網(wǎng)站檢索頁面中內(nèi)容的完整性，若所述瀏覽器窗口的寬度低，便不能完整顯示出每一行的全部視頻塊，造成頁面中的內(nèi)容缺失。
[0096]需要說明的是，在瀏覽器對檢索后結(jié)果進行顯示時，用戶可能由于操作原因，會改變所述瀏覽器邊框的尺寸，故所述檢測單元601讀取用戶當前的瀏覽器邊框尺寸信息，便可以及時獲知所述瀏覽器邊框的尺寸變化。
[0097]所述調(diào)整單元602，與所述檢測單元601相耦接，用于根據(jù)所述瀏覽器的邊框尺寸信息與預置的尺寸分段標準值進行比對，獲得所述瀏覽器的邊框尺寸信息對應的當前尺寸分段標準值，并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。
[0098]進一步地，所述調(diào)整單元602還用于:根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將所述檢索后結(jié)果在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示。
[0099]進一步地，如圖8所示，提供調(diào)整檢索頁瀏覽顯示的裝置，還包括:配置單元603，與所述調(diào)整單元602相耦接，用于根據(jù)瀏覽器頁面不同的顯示面積獲得不同的屏幕寬度尺寸的數(shù)值，再根據(jù)不同的屏幕寬度尺寸的數(shù)值設定若干尺寸分段標準值，保存不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系。
[0100]具體來說，在本實施例中所述尺寸分段標準值是根據(jù)瀏覽器頁面不同的顯示面積進行劃定后的分段值，由于所述屏幕的高度(與所述瀏覽器邊框的高度相關(guān)聯(lián))并不會對檢索頁面的內(nèi)容完整性造成影響，故所述尺寸分段標準值進一步是對屏幕的寬度(與所述瀏覽器邊框的寬度相關(guān)聯(lián))進行的劃定，如:所述尺寸分段標準值將根據(jù)=1024X600、1280X720/1280X768/1280X800以及1440X900這幾類瀏覽器頁面不同的顯示面積進行劃定。上述顯示面積中，代表寬度尺寸的數(shù)值分別為:1024、1280以及1440，這三個數(shù)值便可以構(gòu)成幾個所述分段區(qū)間，從而，可以通過所述尺寸分段標準值判斷比較出當前瀏覽器邊框的尺寸具體的所屬分段。
[0101]例如:將根據(jù)瀏覽器頁面不同的顯示面積設置如下幾個尺寸分段標準值:
[0102]1024 (像素)X600 (像素)、1280 (像素)X720 (像素)/1280 (像素)X768 (像素)/1280 (像素)X 800 (像素)以及1440 (像素)X 900 (像素)。
[0103]具體地為:
[0104]所述調(diào)整單元602，從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積大于1440X900時，于是根據(jù)配置單元預置的尺寸分段對應的顯示列數(shù)為5列(如圖4所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為5列。
[0105]所述調(diào)整單元602，從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積小于1440X900且大于1280X720/1280X768/1280X800時，于是根據(jù)配置單元預置的尺寸分段對應的顯示列數(shù)為4列(如圖5所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為4列。
[0106]所述調(diào)整單元602，從瀏覽器的邊框?qū)挾瘸叽缧畔⒌贸龅臑g覽器頁面的顯示面積小于 1024X600，或小于 1280X 720/1280X 768/1280X800 且大于 1024X600 時，于是根據(jù)配置單元預置的尺寸分段對應的顯示列數(shù)為3列(如圖6所示)，調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)為3列。
[0107]另外，對于如圖4、5和6所示的顯示列來說，本發(fā)明所述調(diào)整單元602除了調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果的顯示列數(shù)外，還需要根據(jù)該顯示列數(shù)將所述檢索后結(jié)果按照從左至右的方式依次排列顯示，即圖4、5和6中給出的具有符號的文件的鏈接圖標是按照從左至右的方式依次排列顯示。
[0108]另外，在所述瀏覽器中顯示的多個文件對應的鏈接圖標，每個所述文件對應的鏈接圖標為顯示寬度相同、顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。其中，所述承載的顯示內(nèi)容包括:視頻的時長、背景介紹、發(fā)布日期和/或評分等信息。由此，造成的所述檢索后結(jié)果的顯示的方式為列對齊，行不對齊，形成一種呈瀑布流式的顯示結(jié)果。 [0109]總之，所述檢索后結(jié)果，包括:在所述瀏覽器中顯示的一個或者多個文件所對應的鏈接圖標；
[0110]其中，多個文件中每個文件所對應的鏈接圖標的顯示寬度相同，每個文件所對應的鏈接圖標的顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。
[0111]由于方法部分已經(jīng)對本申請實施例進行了詳細描述，這里對實施例中涉及的系統(tǒng)與方法對應部分的展開描述省略，不再贅述。對于系統(tǒng)中具體內(nèi)容的描述可參考方法實施例的內(nèi)容，這里不再具體限定。
[0112]與現(xiàn)有技術(shù)相比，本申請所述的一種提供調(diào)整檢索頁瀏覽顯示的方法和系統(tǒng)，達到了如下效果:
[0113]I)本申請通過實時監(jiān)測識別瀏覽器窗口的尺寸大小而進行頁面內(nèi)容的自適應調(diào)整，可以將頁面內(nèi)容在不同屏幕分辨的瀏覽器窗口中充分顯示，實現(xiàn)了檢索頁所顯示的內(nèi)容可以根據(jù)瀏覽器窗口尺寸自適應地進行調(diào)整，解決了現(xiàn)有技術(shù)中的檢索頁瀏覽顯示的方法存在的影響檢索頁面的內(nèi)容完整性的問題的問題。
[0114]2)本申請還可以采用瀑布流方式在頁面中顯示視頻塊，每個視頻塊可以展示更多的視頻信息，方便用戶進行視頻的查找選擇，有效提升了用戶的瀏覽體驗。
[0115]還需要說明的是，術(shù)語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、商品或者系統(tǒng)不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、商品或者系統(tǒng)所固有的要素。在沒有更多限制的情況下，由語句“包括一個……”限定的要素，并不排除在包括所述要素的過程、方法、商品或者系統(tǒng)中還存在另外的相同要素。
[0116]本領(lǐng)域技術(shù)人員應明白，本申請的實施例可提供為方法、系統(tǒng)或計算機程序產(chǎn)品。因此，本申請可采用完全硬件實施例、完全軟件實施例或結(jié)合軟件和硬件方面的實施例的形式。而且，本申請可采用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(zhì)(包括但不限于磁盤存儲器、CD-ROM、光學存儲器等)上實施的計算機程序產(chǎn)品的形式。[0117]以上所述僅為本申請的實施例而已，并不用于限制本申請。對于本領(lǐng)域技術(shù)人員來說，本申請可以有各種更改和變化。凡在本申請的精神和原理之內(nèi)所作的任何修改、等同替換、改進等，均應包含在本申請的權(quán)利要求范圍之內(nèi)。
【權(quán)利要求】
1.一種提供調(diào)整檢索頁瀏覽顯示的方法，其特征在于，包括: 當通過瀏覽器進行檢索操作時或調(diào)整瀏覽器所顯示的檢索后結(jié)果頁面的邊框大小時，檢測該瀏覽器的邊框尺寸信息； 根據(jù)所述瀏覽器的邊框尺寸信息與預置的尺寸分段標準值進行比對，獲得所述瀏覽器的邊框尺寸信息對應的當前尺寸分段標準值；并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。
2.如權(quán)利要求1所述的提供調(diào)整檢索頁瀏覽顯示的方法，其特征在于，所述對應關(guān)系，具體為: 根據(jù)瀏覽器頁面不同的顯示面積獲得不同的屏幕寬度尺寸的數(shù)值；再根據(jù)不同的屏幕寬度尺寸的數(shù)值設定若干尺寸分段標準值，保存不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系。
3.如權(quán)利要求1所述的提供調(diào)整檢索頁瀏覽顯示的方法，其特征在于， 根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果，具體包括:根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將所述檢索后結(jié)果在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示。
4.如權(quán)利要求1至3中任一所述的提供調(diào)整檢索頁瀏覽顯示的方法，其特征在于， 所述檢索后結(jié)果，具體包括:在所述瀏覽器中顯示的一個或者多個文件所對應的鏈接圖標； 其中，多個文件中每個文件所對應的鏈接圖標的顯示寬度相同，每個文件所對應的鏈接圖標的顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。`
5.如權(quán)利要求4所述的提供調(diào)整檢索頁瀏覽顯示的方法，其特征在于， 所述檢索后結(jié)果在所述瀏覽器中的顯示的方式呈瀑布流式。
6.一種提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)，其特征在于，該系統(tǒng)包括:檢測單元和調(diào)整單元，其中， 所述檢測單元，用于在識別到瀏覽器進行檢索操作時或在識別到瀏覽器的邊框大小有調(diào)整以對檢索后結(jié)果進行顯示時，檢測該瀏覽器的邊框尺寸信息發(fā)送至所述調(diào)整單元； 所述調(diào)整單元，用于根據(jù)所述瀏覽器的邊框尺寸信息與預置的尺寸分段標準值進行比對，獲得所述瀏覽器的邊框尺寸信息對應的當前尺寸分段標準值，并結(jié)合預置的不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系，根據(jù)當前尺寸分段標準值相應的顯示列數(shù)調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果。
7.如權(quán)利要求6所述的提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)，其特征在于，還包括: 配置單元，用于根據(jù)瀏覽器頁面不同的顯示面積獲得不同的屏幕寬度尺寸的數(shù)值；再根據(jù)不同的屏幕寬度尺寸的數(shù)值設定若干尺寸分段標準值，保存不同的尺寸分段標準值與顯示列數(shù)的對應關(guān)系。
8.如權(quán)利要求6所述的提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)，其特征在于， 所述調(diào)整單元，具體用于:根據(jù)當前尺寸分段標準值相應的顯示列數(shù)，將所述檢索后結(jié)果在該瀏覽器內(nèi)按照從左至右的方式依次排列顯示。
9.如權(quán)利要求6至8中任一所述的提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)，其特征在于，所述檢索后結(jié)果，具體包括:在所述瀏覽器中顯示的一個或者多個文件所對應的鏈接圖標； 其中，多個文件中每個文件所對應的鏈接圖標的顯示寬度相同，每個文件所對應的鏈接圖標的顯示高度由該鏈接圖標內(nèi)承載的顯示內(nèi)容決定。
10.如權(quán)利要求9所述的提供調(diào)整檢索頁瀏覽顯示的系統(tǒng)，其特征在于， 所述調(diào)整單元，具體用于:調(diào)整該瀏覽器內(nèi)顯示的檢索后結(jié)果時，所述檢索后結(jié)果在所述瀏覽器中的顯示的方式呈瀑`布流式。
【文檔編號】G06F17/30GK103678497SQ201310576986
【公開日】2014年3月26日 申請日期:2013年11月18日 優(yōu)先權(quán)日:2013年11月18日
【發(fā)明者】朱立雄 申請人:樂視網(wǎng)信息技術(shù)（北京）股份有限公司