一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，特別涉及一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法和裝置。
【背景技術(shù)】
[0002]網(wǎng)絡(luò)資源可以為網(wǎng)頁應(yīng)用或者網(wǎng)絡(luò)信息等，網(wǎng)絡(luò)資源的質(zhì)量參數(shù)可以為網(wǎng)絡(luò)資源的點擊量、下載量或者購買量等。網(wǎng)絡(luò)資源的質(zhì)量參數(shù)越大，說明網(wǎng)絡(luò)資源的受歡迎度越高，通常在網(wǎng)頁頁面中顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)，給用戶選擇網(wǎng)絡(luò)資源提供依據(jù)。
[0003]例如，網(wǎng)絡(luò)資源為網(wǎng)頁應(yīng)用，網(wǎng)絡(luò)資源的質(zhì)量參數(shù)為網(wǎng)頁應(yīng)用的點擊量，在網(wǎng)頁頁面中顯示網(wǎng)頁應(yīng)用的點擊量，用戶可以根據(jù)網(wǎng)頁應(yīng)用的點擊量選擇網(wǎng)頁應(yīng)用。在網(wǎng)頁頁面中顯示網(wǎng)頁應(yīng)用的點擊量的過程可以為:終端獲取每個網(wǎng)頁應(yīng)用的點擊量，在網(wǎng)頁頁面中顯示每個網(wǎng)頁應(yīng)用的鏈接，該鏈接可以包括網(wǎng)頁應(yīng)用的標(biāo)題，在每個網(wǎng)頁應(yīng)用的鏈接旁邊分別標(biāo)注每個網(wǎng)頁應(yīng)用的點擊量。
[0004]在實現(xiàn)本發(fā)明的過程中，發(fā)明人發(fā)現(xiàn)現(xiàn)有技術(shù)至少存在以下問題:
[0005]當(dāng)網(wǎng)頁應(yīng)用的點擊量非常大，往往有幾位或十幾位數(shù)組成，使得用戶需要較長時間的觀測才能獲知點擊量的具體大小，導(dǎo)致選擇網(wǎng)絡(luò)資源的時間較長，效率低下。

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

[0006]為了使解決現(xiàn)有技術(shù)的問題，本發(fā)明提供了一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法和裝置。技術(shù)方案如下:
[0007]—方面，本發(fā)明提供了一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法，所述方法包括:
[0008]在網(wǎng)頁頁面的上方疊加一層透明或半透明的畫布，所述網(wǎng)頁頁面包括至少一個網(wǎng)絡(luò)資源的鏈接元素；
[0009]獲取所述網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的鏈接元素的位置和所述每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)；
[0010]根據(jù)所述每個網(wǎng)絡(luò)資源的鏈接元素的位置，在所述畫布上分別繪制與所述每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形。
[0011]另一方面，本發(fā)明提供了一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的裝置，所述裝置包括:
[0012]疊加模塊，用于在網(wǎng)頁頁面的上方疊加一層透明或半透明的畫布，所述網(wǎng)頁頁面包括至少一個網(wǎng)絡(luò)資源的鏈接元素；
[0013]第一獲取模塊，用于獲取所述網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的鏈接元素的位置和所述每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)；
[0014]繪制模塊，用于根據(jù)所述每個網(wǎng)絡(luò)資源的鏈接元素的位置，在所述畫布上分別繪制與所述每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形。
[0015]在本發(fā)明實施例中，在網(wǎng)頁頁面的上方疊加一層透明或半透明的畫布；獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的鏈接元素的位置和每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)；根據(jù)每個網(wǎng)絡(luò)資源的鏈接元素的位置，在畫布上分別繪制與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形，用戶可以根據(jù)網(wǎng)頁頁面中顯示的與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形選擇網(wǎng)絡(luò)資源，縮短了選擇網(wǎng)絡(luò)資源的時間，從而提高了選擇效率。
【附圖說明】
[0016]圖1是本發(fā)明實施例1提供的一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法流程圖；
[0017]圖2-1是本發(fā)明實施例2提供的一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法流程圖；
[0018]圖2-2是本發(fā)明實施例2提供的一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的界面圖；
[0019]圖3是本發(fā)明實施例3提供的一種顯示網(wǎng)頁應(yīng)用的點擊量的方法流程圖；
[0020]圖4是本發(fā)明實施例4提供的一種顯示視頻的下載量的方法流程圖；
[0021]圖5是本發(fā)明實施例5提供的一種顯示商品的購買量的方法流程圖；
[0022]圖6是本發(fā)明實施例6提供的一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的裝置結(jié)構(gòu)示意圖；
[0023]圖7是本發(fā)明實施例7提供的一種終端的結(jié)構(gòu)示意圖。
【具體實施方式】
[0024]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合附圖對本發(fā)明實施方式作進一步地詳細(xì)描述。
[0025]實施例1
[0026]本發(fā)明實施例提供了一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法，參見圖1，其中，該方法包括:
[0027]步驟101:在網(wǎng)頁頁面的上方疊加一層透明或半透明的畫布，該網(wǎng)頁頁面包括至少一個網(wǎng)絡(luò)資源的鏈接元素；
[0028]步驟102:獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的鏈接元素的位置和每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)；
[0029]步驟103:根據(jù)每個網(wǎng)絡(luò)資源的鏈接元素的位置，在畫布上分別繪制與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形。
[0030]在本發(fā)明實施例中，在網(wǎng)頁頁面的上方疊加一層透明或半透明的畫布；獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的鏈接元素的位置和每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)；根據(jù)每個網(wǎng)絡(luò)資源的鏈接元素的位置，在畫布上分別繪制與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形，用戶可以根據(jù)網(wǎng)頁頁面中顯示的與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形選擇網(wǎng)絡(luò)資源，縮短了選擇網(wǎng)絡(luò)資源的時間，從而提高了選擇效率。
[0031]實施例2
[0032]本發(fā)明實施例提供了一種顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)的方法，該方法的執(zhí)行主體為終端。網(wǎng)絡(luò)資源可以為網(wǎng)頁應(yīng)用、視頻或者商品等，相應(yīng)的，質(zhì)量參數(shù)可以為點擊量、下載量或者購買量。例如，在顯示網(wǎng)頁應(yīng)用的網(wǎng)頁頁面中，顯示網(wǎng)頁應(yīng)用的點擊量，用戶可以根據(jù)網(wǎng)頁應(yīng)用的點擊量選擇網(wǎng)頁應(yīng)用；再如，在顯示視頻的鏈接的網(wǎng)頁頁面中，顯示視頻的鏈接的下載量，用戶可以根據(jù)視頻的鏈接的下載量下載視頻；再如，在顯示商品的介紹信息的網(wǎng)頁頁面中，顯示商品的購買量，用戶可以根據(jù)商品的購買量購買商品。參見圖2，其中，該方法包括:
[0033]步驟201:在網(wǎng)頁頁面的上方疊加一層透明或半透明的畫布，該網(wǎng)頁頁面包括至少一個網(wǎng)絡(luò)資源的鏈接元素；
[0034]當(dāng)用戶瀏覽網(wǎng)頁時，終端根據(jù)網(wǎng)頁頁面的標(biāo)識，從服務(wù)器中獲取網(wǎng)頁頁面，然后再執(zhí)行本步驟。網(wǎng)頁頁面的標(biāo)識可以為網(wǎng)頁頁面的URL(Uniform Resource Locator,統(tǒng)一資源定位符)等。
[0035]步驟201可以通過以下步驟(1)至⑶實現(xiàn)，包括:
[0036](1):在網(wǎng)頁頁面的上方疊加一個畫布元素；
[0037]畫布元素可以為canvas (畫布)元素，在終端當(dāng)前顯示的網(wǎng)頁頁面的上方疊加一個canvas元素。該終端當(dāng)前顯示的網(wǎng)頁頁面包括至少一個網(wǎng)絡(luò)資源的鏈接元素。
[0038](2):根據(jù)網(wǎng)頁頁面的大小，設(shè)置畫布元素的大?。?br>[0039]根據(jù)網(wǎng)頁頁面的大小，將畫布元素的大小設(shè)置為網(wǎng)頁頁面的大小，從而實現(xiàn)畫布元素完全覆蓋網(wǎng)頁頁面。
[0040](3):將畫布元素的透明屬性設(shè)置為透明或半透明，以形成透明或半透明的畫布。
[0041]在本步驟中，將畫布元素的透明屬性設(shè)置為透明或半透明的，從而畫布元素并不會遮擋網(wǎng)頁頁面的內(nèi)容，可以透過畫布可以看到網(wǎng)頁頁面上的內(nèi)容。
[0042]需要說明的是，如果顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)給開發(fā)人員，開發(fā)人員比較關(guān)注質(zhì)量參數(shù)的大小，因此，在本步驟中，可以將畫布元素的透明屬性設(shè)置為半透明的；如果顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)給用戶，用戶不僅關(guān)注質(zhì)量參數(shù)的大小，還關(guān)注網(wǎng)絡(luò)資源的信息，因此，在本步驟中，可以將畫布元素的透明屬性設(shè)置為透明的。
[0043]步驟202:獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的鏈接元素的位置和每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)；
[0044]其中，獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的鏈接元素的位置的步驟可以通過第一種方式實現(xiàn)或者第二種方式實現(xiàn)，對于第一種實現(xiàn)方式，可以為:
[0045]獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的資源標(biāo)識，根據(jù)每個網(wǎng)絡(luò)資源的資源標(biāo)識，從已存儲的資源標(biāo)識和鏈接元素的位置的對應(yīng)關(guān)系中獲取每個網(wǎng)絡(luò)資源的鏈接元素的位置。
[0046]在本步驟之前，終端接收服務(wù)器發(fā)送的每個網(wǎng)絡(luò)資源的資源標(biāo)識和每個網(wǎng)絡(luò)資源的鏈接元素的位置，將每個網(wǎng)絡(luò)資源的資源標(biāo)識和每個網(wǎng)絡(luò)資源的鏈接元素的位置之間的對應(yīng)關(guān)系存儲在資源標(biāo)識和鏈接元素的位置的對應(yīng)關(guān)系中。網(wǎng)絡(luò)資源的資源標(biāo)識可以為網(wǎng)絡(luò)資源的名稱等。鏈接元素包括網(wǎng)頁應(yīng)用的圖標(biāo)、視頻的鏈接或者商品的介紹信息等，網(wǎng)頁頁面中顯示鏈接元素，鏈接元素在網(wǎng)頁頁面中通常占用一個區(qū)域，可以將鏈接元素占用區(qū)域內(nèi)的任一點作為鏈接元素在網(wǎng)頁頁面中的位置，優(yōu)選的，將鏈接元素占用區(qū)域的中心點作為鏈接元素的位置，也可以將鏈接元素占用區(qū)域的頂點作為鏈接元素的位置，如果鏈接元素占用區(qū)域為不規(guī)則圖形，也可以將鏈接元素占用區(qū)域的對角線的交點作為鏈接元素的位置。
[0047]鏈接元素的位置可以為鏈接元素在網(wǎng)頁頁面中的坐標(biāo)。
[0048]對于第二種實現(xiàn)方式，可以為:
[0049]獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的資源標(biāo)識，分別發(fā)送每個網(wǎng)絡(luò)資源的資源標(biāo)識給服務(wù)器；服務(wù)器接收終端發(fā)送的每個網(wǎng)絡(luò)資源的資源標(biāo)識，根據(jù)每個網(wǎng)絡(luò)資源的資源標(biāo)識，從已存儲的資源標(biāo)識和鏈接元素的位置的對應(yīng)關(guān)系中獲取每個網(wǎng)絡(luò)資源的鏈接元素的位置，分別發(fā)送每個網(wǎng)絡(luò)資源的鏈接元素的位置給終端；終端接收服務(wù)器發(fā)送的每個網(wǎng)絡(luò)資源的鏈接元素的位置。
[0050]在本步驟之前，服務(wù)器獲取每個網(wǎng)絡(luò)資源的資源標(biāo)識和每個網(wǎng)絡(luò)資源的鏈接元素的位置，將每個網(wǎng)絡(luò)資源的資源標(biāo)識和每個網(wǎng)絡(luò)資源的鏈接元素的位置之間的對應(yīng)關(guān)系存儲在資源標(biāo)識和鏈接元素的位置的對應(yīng)關(guān)系中。
[0051]其中，獲取網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)，可以為:
[0052]分別發(fā)送網(wǎng)頁頁面中的每個網(wǎng)絡(luò)資源的資源標(biāo)識給服務(wù)器；服務(wù)器接收終端發(fā)送的每個網(wǎng)絡(luò)資源的資源標(biāo)識，根據(jù)每個網(wǎng)絡(luò)資源的資源標(biāo)識，分別從資源標(biāo)識和質(zhì)量參數(shù)的對應(yīng)關(guān)系中獲取每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)，分別發(fā)送每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)給終端；終端接收服務(wù)器發(fā)送的每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)。
[0053]其中，在本步驟之前，服務(wù)器統(tǒng)計每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)，將每個網(wǎng)絡(luò)資源的資源標(biāo)識和每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)之間的對應(yīng)關(guān)系存儲在資源標(biāo)識和質(zhì)量參數(shù)的對應(yīng)關(guān)系中。
[0054]其中，質(zhì)量參數(shù)可以為點擊量、下載量或者購買量等。
[0055]步驟203:根據(jù)每個網(wǎng)絡(luò)資源的鏈接元素的位置，在畫布上分別繪制與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形；
[0056]步驟203可以通過第一種方式實現(xiàn)或者第二種方式實現(xiàn)。對于第一種實現(xiàn)方式，不同的網(wǎng)絡(luò)資源的質(zhì)量參數(shù)可能對應(yīng)形狀為預(yù)設(shè)形狀但大小不同的圖形，通過查看與網(wǎng)絡(luò)資源的質(zhì)量參數(shù)對應(yīng)的圖形的圖形大小獲知哪些網(wǎng)絡(luò)資源的質(zhì)量參數(shù)大，哪些網(wǎng)絡(luò)資源的質(zhì)量參數(shù)小。對于第二種實現(xiàn)方式，不同的網(wǎng)絡(luò)資源的質(zhì)量參數(shù)可能對應(yīng)不同的圖形形狀，通過查看與網(wǎng)絡(luò)資源的質(zhì)量參數(shù)對應(yīng)的圖形的圖形形狀獲知哪些網(wǎng)絡(luò)資源的質(zhì)量參數(shù)大，哪些網(wǎng)絡(luò)資源的質(zhì)量參數(shù)小。
[0057]對于第一種實現(xiàn)方式，可以通過以下步驟⑴和⑵實現(xiàn)，包括:
[0058](1):根據(jù)每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)，分別計算與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形大??；
[0059]圖形大小可以為圖形的長度、高度或者直徑等，例如預(yù)設(shè)形狀為圓形時，圖形大小為圓的直徑。
[0060](2):根據(jù)每個網(wǎng)絡(luò)資源的鏈接元素的位置和與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形大小，在畫布上分別繪制與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的預(yù)設(shè)形狀的圖形。
[0061]具體地，獲取繪圖規(guī)則，根據(jù)每個網(wǎng)絡(luò)資源的鏈接元素的位置和繪圖規(guī)則，在畫布上分別確定每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形的繪圖位置，根據(jù)與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形大小，在確定出的每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形的繪圖位置上，分別繪制與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形大小且形狀為預(yù)設(shè)形狀的圖形。
[0062]繪圖規(guī)則可以為將與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形繪制在鏈接元素的位置的正上方、繪制在鏈接元素的位置右側(cè)且與鏈接元素的位置之間的距離為第一預(yù)設(shè)距離的位置處、繪制鏈接元素的左側(cè)且與鏈接元素的位置之間的距離為第二預(yù)設(shè)距離的位置處、繪制在鏈接元素的右下角且與鏈接元素的位置之間的距離為第三預(yù)設(shè)距離的位置處或者繪制鏈接元素的左上角且與鏈接元素的位置之間的距離為第四預(yù)設(shè)距離的位置處等。
[0063]如果顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)給開發(fā)人員，開發(fā)人員比較關(guān)注質(zhì)量參數(shù)的大小，因此，在本步驟中，可以將與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形繪制在鏈接元素的位置的正上方；如果顯示網(wǎng)絡(luò)資源的質(zhì)量參數(shù)給用戶，用戶不僅關(guān)注質(zhì)量參數(shù)的大小，還關(guān)注網(wǎng)絡(luò)資源的信息，為了不遮擋網(wǎng)頁頁面中的網(wǎng)絡(luò)資源的信息，因此，在本步驟中，可以將與每個網(wǎng)絡(luò)資源的質(zhì)量參數(shù)相對應(yīng)的圖形繪制在鏈接元素的位置右側(cè)且與鏈接元素的位置之間的距離為第一預(yù)設(shè)距離的位置處、繪制鏈接元素的左側(cè)且與鏈接元素的位置之間的距離為第二預(yù)設(shè)距離的位置處、繪制在鏈接元素的右下角且與鏈接元素的位置之間的距離為第三預(yù)設(shè)距離的位置處或者繪制鏈接元素的左上角且