本發(fā)明實施例涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種瀏覽器主頁推薦網(wǎng)站的圖標生成方法及裝置。

背景技術(shù)：

隨著移動通信技術(shù)的發(fā)展以及與因特網(wǎng)技術(shù)的日益融合，通過手機、電腦、電視等智能終端瀏覽網(wǎng)頁已經(jīng)變得日益普及，通過內(nèi)置的瀏覽器，智能終端即可實現(xiàn)網(wǎng)頁的訪問。

智能終端內(nèi)置的瀏覽器通常都設(shè)置有主頁(homepage)，即用戶在打開瀏覽器后默認顯示的網(wǎng)頁。實際應(yīng)用中，用戶可通過點擊瀏覽器主頁內(nèi)顯示的推薦網(wǎng)站的圖標來打開對應(yīng)的網(wǎng)站鏈接，進而訪問需要訪問的網(wǎng)頁，避免了每次訪問網(wǎng)頁時均需輸入網(wǎng)址或網(wǎng)站名稱等繁瑣操作，提高了網(wǎng)頁訪問的效率。

然而，在實現(xiàn)本發(fā)明實施例的過程中，本申請的發(fā)明人發(fā)現(xiàn)現(xiàn)有手機、電視等多種類型的智能終端由于屏幕尺寸不同，圖片質(zhì)量(像素、分辨率等)差異大，手機或電視平臺分別需要對應(yīng)各自的主頁資源，因而使得運營商需要同時設(shè)計及維護多套圖標資源，很大程度上增加了設(shè)計、運營成本。

技術(shù)實現(xiàn)要素：

本發(fā)明實施例提供一種瀏覽器主頁推薦網(wǎng)站的圖標生成方法及裝置，用以解決現(xiàn)有的手機、電視等多種類型的終端由于屏幕尺寸不同，圖片質(zhì)量差異大，導(dǎo)致運行商的圖標資源的設(shè)計、運營成本高的缺陷。

本發(fā)明實施例提供一種瀏覽器主頁推薦網(wǎng)站的圖標生成方法，包括：

智能終端檢測到打開瀏覽器主頁的觸發(fā)操作后，獲取配置資源；其中，所述配置資源包括所述主頁中各推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件；

根據(jù)所述描述文件獲取所述圖標的背景色；

根據(jù)所述智能終端顯示屏幕的屬性確定所述圖標顯示樣式，并根據(jù)所述圖標顯示樣式、所述背景色和所述圖片文件生成所述圖標，以將所述圖標顯示在所述智能終端的瀏覽器主頁中。

可選地，所述根據(jù)所述智能終端顯示屏幕的屬性確定所述圖標顯示樣式包括：

根據(jù)所述智能終端顯示屏幕的尺寸，確定所述圖標的位置和尺寸。

可選地，所述圖標顯示樣式還包括所述圖標的形狀。

可選地，所述智能終端檢測到打開瀏覽器主頁的觸發(fā)操作后，獲取配置資源包括：

從本地或云服務(wù)器獲取所述配置資源。

可選地，所述圖片文件為可縮放的矢量圖形SVG圖片。

本發(fā)明實施例提供的瀏覽器主頁推薦網(wǎng)站的圖標生成方法，通過從配置資源中的描述文件和圖片文件獲取圖標的背景色并確定圖標顯示樣式，進而根據(jù)圖片文件、圖標的背景色和顯示樣式生成圖標，可實現(xiàn)手機、電視等多種類型的終端復(fù)用同一套圖標生成資源，極大地降低了運營商的圖標資源的設(shè)計、運營成本。

本發(fā)明實施例提供一種瀏覽器主頁推薦網(wǎng)站的圖標生成裝置，包括：

資源獲取單元，用于檢測到打開瀏覽器主頁的觸發(fā)操作后，獲取配置資源；其中，所述配置資源包括所述主頁中各推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件；

背景色獲取單元，用于根據(jù)所述描述文件獲取所述圖標的背景色；

圖標生成單元，用于根據(jù)智能終端顯示屏幕的屬性確定所述圖標顯示樣式，并根據(jù)所述圖標顯示樣式、所述背景色和所述圖片文件生成所述圖標，以將所述圖標顯示在所述智能終端的瀏覽器主頁中。

可選地，所述圖標生成單元進一步用于根據(jù)所述智能終端顯示屏幕的尺寸，確定所述圖標的位置和尺寸。

可選地，所述圖標顯示樣式還包括所述圖標的形狀。

可選地，所述資源獲取單元進一步用于從本地或云服務(wù)器獲取所述配置資源。

可選地，所述圖片文件為可縮放的矢量圖形SVG圖片。

本發(fā)明實施例提供的瀏覽器主頁推薦網(wǎng)站的圖標生成裝置，通過從配置資源中的描述文件和圖片文件獲取圖標的背景色并確定圖標顯示樣式，進而根據(jù)圖片文件、圖標的背景色和顯示樣式生成圖標，可實現(xiàn)手機、電視等多種類型的終端復(fù)用同一套圖標生成資源，消除了現(xiàn)有手機或電視平臺在生成圖標過程中需要分別對應(yīng)各自的主頁資源所帶來的弊端，極大地降低了運營商的設(shè)計、運營成本。

附圖說明

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹，顯而易見地，下面描述中的附圖是本發(fā)明的一些實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1為本發(fā)明瀏覽器主頁推薦網(wǎng)站的圖標生成方法實施例流程圖；

圖2為本發(fā)明瀏覽器主頁推薦網(wǎng)站的圖標生成方法另一實施例流程圖；

圖3為本發(fā)明瀏覽器主頁推薦網(wǎng)站的圖標生成裝置實施例結(jié)構(gòu)示意圖；

圖4為本發(fā)明智能終端實施例結(jié)構(gòu)示意圖。

具體實施方式

為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合本發(fā)明實施例本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。

圖1為本發(fā)明瀏覽器主頁推薦網(wǎng)站的圖標生成方法實施例流程圖；如圖1所示，本實施例的瀏覽器主頁推薦網(wǎng)站的圖標生成方法包括：

S1：智能終端檢測到打開瀏覽器主頁的觸發(fā)操作后，獲取配置資源；其中所述配置資源包括所述主頁中各推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件。

舉例來說，上述的智能終端可以包括但不限于以下任一種設(shè)有內(nèi)置瀏覽器的手機、電視、筆記本電腦、平板電腦等等。進一步地，上述配置資源可包括主頁(home page)中顯示的各個推薦網(wǎng)站的圖標(例如百度、新浪、搜狐等主流網(wǎng)站的標識)所對應(yīng)的描述文件和圖片文件。

具體地，上述圖標的描述文件的格式可優(yōu)選為JSON格式。JSON易于人編寫、閱讀以及易于機器生成和解析，且可完全獨立于編程語言，使用文本格式進行保存，并且與XML(可擴展標記語言，eXtensible Markup Language)相比，JSON的有效性要高出很多。

進一步地，上述圖片文件的格式可優(yōu)選為SVG(可縮放矢量圖形，Scalable Vector Graphics)的格式。SVG是用于描寫二維矢量圖形的一種圖形款式，其由W3C(萬維網(wǎng)聯(lián)盟，World Wide Web Consortium)制訂，用文本款式的描寫性語言來描寫圖像內(nèi)容，因而是一種和圖像判別率無關(guān)的矢量圖形款式。SVG圖形款式具有圖像文件可讀，易于修正和編輯，與現(xiàn)有技巧能夠互動混雜，能夠得體的發(fā)生文字索引，可扶持多種濾鏡和特異收獲，且能夠用來動態(tài)生成圖形等優(yōu)點。

S2：根據(jù)所述描述文件獲取所述圖標的背景色；

舉例來說，上述圖標的背景色包括為了避免主頁中所顯示的推薦網(wǎng)站的圖標過于簡單、缺乏視覺魅力而設(shè)置的背景顏色，例如“淘寶網(wǎng)”的圖標的標識為一個白色的“淘”字，其背景顏色可被設(shè)置為襯托白色“淘”字標識的橘紅色。

S3：根據(jù)所述智能終端顯示屏幕的屬性確定所述圖標顯示樣式，并根據(jù)所述圖標顯示樣式、所述背景色和所述圖片文件生成所述圖標，以將所述圖標顯示在所述智能終端的瀏覽器主頁中。

具體來說，上述智能終端顯示屏幕的屬性包括但不限于屏幕的尺寸。在此基礎(chǔ)上，根據(jù)不同的智能終端的顯示屏幕的尺寸(例如，手機屏幕尺寸范圍為3英寸～6英寸，電視屏幕的尺寸范圍為14英寸～80英寸等等)，確定與該屏幕尺寸對應(yīng)的圖標的尺寸。

可以理解的是，根據(jù)不同的智能終端的顯示屏幕的尺寸，還可以確定與該屏幕尺寸對應(yīng)的圖標的位置。例如，在手機等具有較小屏幕的智能終端中，主頁(home page)中每行排列的推薦網(wǎng)站的圖標個數(shù)顯然與電視、電腦等具有較大屏幕的智能終端有所不同。

由于本實施例所采用的svg圖片具體不失真，且也不會受電視、手機等智能終端的具體類型的影響的優(yōu)點，可以基于圖標的背景色和標識的“分層提取再合成”的理念，根據(jù)屏幕密度dpi最大型號生成一套主頁(home page)的icon(圖標格式，拓展名為*.icon、*.ico)，其它需復(fù)用此套主頁(home page)的icon的機型僅需在此基礎(chǔ)上進行縮放即可。

此外，為了進一步地增強主頁中所顯示的推薦網(wǎng)站的圖標的視覺魅力，滿足用戶的個性化需求，上述根據(jù)智能終端顯示屏幕的屬性所確定的圖標顯示樣式還可以包括靈活設(shè)置圖標的形狀，例如圓形、圓方形、正方形等等，本發(fā)明對此不進行限制。

本實施例提供的瀏覽器主頁推薦網(wǎng)站的圖標生成方法，通過從配置資源中的描述文件和圖片文件獲取圖標的背景色并確定圖標顯示樣式，進而根據(jù)圖片文件、圖標的背景色和顯示樣式生成圖標，可實現(xiàn)手機、電視等多種類型的終端復(fù)用同一套圖標生成資源，極大地降低了運營商的設(shè)計、運營成本。

圖2為本發(fā)明瀏覽器主頁推薦網(wǎng)站的圖標生成方法另一實施例流程圖；

如圖2所示，該方法包括：

S1’：智能終端檢測到打開瀏覽器主頁的觸發(fā)操作后，從本地或云服務(wù)器獲取所述配置資源；其中，所述配置資源包括所述主頁中各推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件；

S2’：根據(jù)所述描述文件獲取所述圖標的背景色；

S3’：根據(jù)所述智能終端顯示屏幕的屬性確定所述圖標顯示樣式，并根據(jù)所述圖標顯示樣式、所述背景色和所述圖片文件生成所述圖標，以將所述圖標顯示在所述智能終端的瀏覽器主頁中。

其中，圖2的步驟S2’、S3’與前述圖1示出的步驟S2、S3相同，在此不再贅述。

可以理解的是，配置資源存儲在云端服務(wù)器上，可以節(jié)省本地內(nèi)存空間；而配置資源存儲在本地則無需通過網(wǎng)絡(luò)獲取數(shù)據(jù)，可提高數(shù)據(jù)獲取的效率。此兩種方式可以根據(jù)實際情況進行選取或組合，本發(fā)明對此不進行限制。

圖3為本發(fā)明瀏覽器主頁推薦網(wǎng)站的圖標生成裝置實施例結(jié)構(gòu)示意圖；如圖3所示，該裝置包括資源獲取單元10、背景色獲取單元20以及圖標生成單元30；

資源獲取單元10用于檢測到打開瀏覽器主頁的觸發(fā)操作后，獲取配置資源；其中，所述配置資源包括所述主頁中各推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件；

背景色獲取單元20用于根據(jù)所述描述文件獲取所述圖標的背景色；

圖標生成單元30用于根據(jù)智能終端顯示屏幕的屬性確定所述圖標顯示樣式，并根據(jù)所述圖標顯示樣式、所述背景色和所述圖片文件生成所述圖標，以將所述圖標顯示在所述智能終端的瀏覽器主頁中。

具體來說，資源獲取單元10檢測到打開瀏覽器主頁的觸發(fā)操作后，獲取包括主頁(home page)中顯示的各個推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件的配置資源；背景色獲取單元20根據(jù)所述描述文件獲取所述圖標的背景色；圖標生成單元30根據(jù)智能終端顯示屏幕的屬性確定所述圖標顯示樣式，并根據(jù)所述圖標顯示樣式、所述背景色和所述圖片文件生成所述圖標，以將所述圖標顯示在所述智能終端的瀏覽器主頁中。

進一步地，上述配置資源可包括主頁(home page)中顯示的各個推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件。該圖片文件的格式可優(yōu)選為SVG(可縮放矢量圖形，Scalable Vector Graphics)的格式，其具有圖像文件可讀，易于修正和編輯，與現(xiàn)有技巧能夠互動混雜，能夠得體的發(fā)生文字索引，可扶持多種濾鏡和特異收獲，且能夠用來動態(tài)生成圖形等優(yōu)點。

舉例來說，上述圖標的背景色包括為了避免主頁中所顯示的推薦網(wǎng)站的圖標過于簡單、缺乏視覺魅力而設(shè)置的背景顏色，例如“淘寶網(wǎng)”的圖標的標識為一個白色的“淘”字，其背景顏色可被設(shè)置為襯托白色“淘”字標識的橘紅色。

具體來說，上述智能終端顯示屏幕的屬性包括但不限于屏幕的尺寸。在此基礎(chǔ)上，圖標生成單元30根據(jù)不同的智能終端的顯示屏幕的尺寸可確定與該屏幕尺寸對應(yīng)的圖標的尺寸。

可以理解的是，根據(jù)不同的智能終端的顯示屏幕的尺寸，還可以確定與該屏幕尺寸對應(yīng)的圖標的位置。例如，在手機等具有較小屏幕的智能終端中，主頁(home page)中每行排列的推薦網(wǎng)站的圖標個數(shù)顯然與電視、電腦等具有較大屏幕的智能終端有所不同。

由于本實施例所采用的svg圖片具體不失真，且也不會受電視、手機等智能終端的具體類型的影響的優(yōu)點，可以基于圖標的背景色和標識的“分層提取再合成”的理念，根據(jù)屏幕密度dpi最大型號生成一套主頁(home page)的icon(圖標格式，拓展名為*.icon、*.ico)，其它需復(fù)用此套主頁(home page)的icon的機型僅需在此基礎(chǔ)上進行縮放即可。

此外，為了進一步地增強主頁中所顯示的推薦網(wǎng)站的圖標的視覺魅力，滿足用戶的個性化需求，上述根據(jù)智能終端顯示屏幕的屬性所確定的圖標顯示樣式還可以包括靈活設(shè)置圖標的形狀，例如圓形、圓方形、正方形等等，本發(fā)明對此不進行限制。

本實施例提供的瀏覽器主頁推薦網(wǎng)站的圖標生成裝置，通過從配置資源中的描述文件和圖片文件獲取圖標的背景色并確定圖標顯示樣式，進而根據(jù)圖片文件、圖標的背景色和顯示樣式生成圖標，可實現(xiàn)手機、電視等多種類型的終端復(fù)用同一套圖標生成資源，極大地降低了運營商的設(shè)計、運營成本。

進一步地，作為本實施例的優(yōu)選，資源獲取單元10可以進一步用于從本地或云服務(wù)器獲取所述配置資源。

可以理解的是，配置資源存儲在云端服務(wù)器上，可以節(jié)省本地內(nèi)存空間；而配置資源存儲在本地則無需通過網(wǎng)絡(luò)獲取數(shù)據(jù)，可提高數(shù)據(jù)獲取的效率。此兩種方式可以根據(jù)實際情況進行選取或組合，本發(fā)明對此不進行限制。

圖4為本發(fā)明智能終端實施例結(jié)構(gòu)示意圖。如圖4所示，該終端可以包括：處理器(processor)410、總線420和存儲器(memory)430，其中，處理器410和存儲器430通過總線420完成相互間的通信。處理器410可以調(diào)用存儲器430中的邏輯指令，以執(zhí)行如下方法：檢測到打開瀏覽器主頁的觸發(fā)操作后，獲取配置資源；其中，所述配置資源包括所述主頁中各推薦網(wǎng)站的圖標所對應(yīng)的描述文件和圖片文件；根據(jù)所述描述文件獲取所述圖標的背景色；根據(jù)智能終端顯示屏幕的屬性確定所述圖標顯示樣式，并根據(jù)所述圖標顯示樣式、所述背景色和所述圖片文件生成所述圖標，以將所述圖標顯示在所述智能終端的瀏覽器主頁中。

此外，上述的存儲器430中的邏輯指令可以通過軟件功能單元的形式實現(xiàn)并作為獨立的產(chǎn)品銷售或使用時，可以存儲在一個計算機可讀取存儲介質(zhì)中?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分或者該技術(shù)方案的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品存儲在一個存儲介質(zhì)中，包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例所述方法的全部或部分步驟。而前述的存儲介質(zhì)包括：U盤、移動硬盤、只讀存儲器(ROM，Read-Only Memory)、隨機存取存儲器(RAM，Random Access Memory)、磁碟或者光盤等各種可以存儲程序代碼的介質(zhì)。

以上所描述的裝置實施例僅僅是示意性的，其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本實施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性的勞動的情況下，即可以理解并實施。

通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到各實施方式可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當然也可以通過硬件。基于這樣的理解，上述技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機軟件產(chǎn)品可以存儲在計算機可讀存儲介質(zhì)中，如ROM/RAM、磁碟、光盤等，包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機，服務(wù)器，或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行各個實施例或者實施例的某些部分所述的方法。

最后應(yīng)說明的是：以上實施例僅用以說明本發(fā)明的技術(shù)方案，而非對其限制；盡管參照前述實施例對本發(fā)明進行了詳細的說明，本領(lǐng)域的普通技術(shù)人員應(yīng)當理解：其依然可以對前述各實施例所記載的技術(shù)方案進行修改，或者對其中部分技術(shù)特征進行等同替換；而這些修改或者替換，并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本發(fā)明各實施例技術(shù)方案的精神和范圍。