本發(fā)明涉及計算機(jī)技術(shù)領(lǐng)域，特別是一種網(wǎng)頁圖標(biāo)的處理方法和裝置。

背景技術(shù)：

網(wǎng)頁(英文名稱：Web)頁面的內(nèi)容包含文字、流媒體和圖片等信息，其中圖片包括被背景圖、插圖和圖標(biāo)等等。然而，Web頁面在一些情況下的內(nèi)容需要做一些變動，例如Web中的圖標(biāo)的大小顏色等等需要改動?，F(xiàn)有技術(shù)中圖標(biāo)一般采用可縮放矢量圖形(英文：Scalable Vector Graphics，縮寫：SVG)圖片，該種方案可以很好解決圖片大小的問題，但是該方案的兼容性較差，例如不兼容IE6-8和Android 2.3。

針對上述問題，一種解決方案是將SVG圖片制作成字體，在文件中需要用到圖標(biāo)的地方采用該字體來替代SVG圖片，可以解決兼容性的問題，而且由于字體是矢量的，可以隨意改變大小。然而，現(xiàn)有技術(shù)中，將文件中需要用到的SVG圖片轉(zhuǎn)換為字體的這個過程需要由代碼開發(fā)人員手動的進(jìn)行SVG的轉(zhuǎn)換，并且在頁面使用字體時也需要開發(fā)人員手動的寫入到頁面文件中，導(dǎo)致效率低下。

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

本發(fā)明實施例提供了一種網(wǎng)頁圖標(biāo)的處理方法和裝置，能夠提高將頁面中的SVG轉(zhuǎn)換為字體的效率。

第一方面，本發(fā)明提供一種網(wǎng)頁圖標(biāo)的處理方法，包括：

對待檢測文件中是否包含目標(biāo)樣式名進(jìn)行檢測，其中，所述目標(biāo)樣式名為具有預(yù)置形式的樣式名；

當(dāng)所述待檢測文件中檢測到所述目標(biāo)樣式名時，根據(jù)所述目標(biāo)樣式名在可縮放矢量圖形SVG文件庫中查找到目標(biāo)SVG，所述目標(biāo)SVG為命名與所述目標(biāo)樣式名滿足預(yù)置關(guān)系的SVG；

將查找到的所述目標(biāo)SVG打包轉(zhuǎn)換為字體文件，其中，所述字體文件記錄有所述目標(biāo)SVG對應(yīng)的字體編碼；

根據(jù)所述字體文件生成所述目標(biāo)樣式名對應(yīng)的樣式內(nèi)容，所述目標(biāo)樣式名的樣式內(nèi)容包括：引入所述目標(biāo)SVG對應(yīng)的字體編碼。

第二方面，本發(fā)明提供一種網(wǎng)頁圖標(biāo)的處理裝置，包括：

檢測模塊，用于對待檢測文件中是否包含目標(biāo)樣式名進(jìn)行檢測，其中，所述目標(biāo)樣式名為具有預(yù)置形式的樣式名；

查找模塊，用于當(dāng)所述待檢測文件中檢測到所述目標(biāo)樣式名時，根據(jù)所述目標(biāo)樣式名在可縮放矢量圖形SVG文件庫中查找到目標(biāo)SVG，所述目標(biāo)SVG為命名與所述目標(biāo)樣式名滿足預(yù)置關(guān)系的SVG；

轉(zhuǎn)換模塊，用于將查找到的所述目標(biāo)SVG打包轉(zhuǎn)換為字體文件，其中，所述字體文件記錄有所述目標(biāo)SVG對應(yīng)的字體編碼；

生成模塊，用于根據(jù)所述字體文件生成所述目標(biāo)樣式名對應(yīng)的樣式內(nèi)容，所述目標(biāo)樣式名的樣式內(nèi)容包括：引入所述目標(biāo)SVG對應(yīng)的字體編碼。

從以上技術(shù)方案可以看出，本發(fā)明實施例具有以下優(yōu)點：

本發(fā)明中，當(dāng)檢測到待檢測文件包含目標(biāo)樣式名時，即可確定該待測文件中需要引入圖標(biāo)為命名與目標(biāo)樣式名滿足預(yù)置關(guān)系的SVG(稱為目標(biāo)SVG)，將在SVG文件庫中查找到的目標(biāo)SVG打包轉(zhuǎn)換為文件字體，并根據(jù)該文件字體目標(biāo)樣式名的樣式內(nèi)容。這樣，在顯示待檢測文件的頁面時可以根據(jù)該文件所包含的目標(biāo)樣式名對應(yīng)的樣式內(nèi)容在該頁面中自動引入目標(biāo)SVG對應(yīng)的字體，整個過程無需人工參與，提高將頁面中的SVG轉(zhuǎn)換為字體的效率。

附圖說明

圖1為本發(fā)明的網(wǎng)頁圖標(biāo)的處理方法的一個實施例的流程示意圖；

圖2為本發(fā)明的網(wǎng)頁圖標(biāo)的處理裝置的一個實施例的結(jié)構(gòu)示意圖；

圖3為本發(fā)明的網(wǎng)頁圖標(biāo)的處理裝置的另一個實施例的結(jié)構(gòu)示意圖；

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

具體實施方式

請參閱圖1，圖1為本發(fā)明的網(wǎng)頁圖標(biāo)的處理方法的一個實施例的流程示意圖。本實施例中，網(wǎng)頁圖標(biāo)的處理方法包括：

101、對待檢測文件中是否包含目標(biāo)樣式名進(jìn)行檢測，其中，所述目標(biāo)樣式名為具有預(yù)置形式的樣式名。

本實施例中，待檢測文件指的需要將其內(nèi)容中的SVG圖片轉(zhuǎn)換為字體的文件。確定待檢測文件的方法有多種。例如，將一個前端項目中的至少部分代碼文件作為待檢測文件，其中，該前端項目可以是采用前端集成解決方案(英文：Front-end Integrated Solution，縮寫：FIS)、GLUP、webpack、grunt或者其他前端構(gòu)建工具構(gòu)建的，在此不作限制。

具體舉例來說，待檢測文件為采用FIS構(gòu)建的工程中項目根目錄下的所有以超級文本標(biāo)記語言(英文：Hyper Text Markup Language，縮寫：html)、tpl、js為后綴的文件，或者還包括以ejs為后綴的文件。

本實施例中，獲取待檢測文件的方法有多種。例如，對FIS構(gòu)建的工程中的項目文件，遍歷每一層目錄，由于需要引用字體圖標(biāo)的文件一般為以html、tpl、js為后綴的文件，因此將每一個目錄下的所有以html、tpl、js為后綴的文件的路徑存儲到一個列表中，將該列表中的全部文件作為所述待檢測文件?？蛇x的，在確定部分文件中的內(nèi)容中不包括字體圖標(biāo)時，還可以從列表中剔除這類型文件，這樣可以提高處理速度。

又例如，在建立列表時，對FIS構(gòu)建的工程中的項目文件，第一次遍歷每一層目錄時，僅搜索所有以html為后綴的文件，第二次遍歷每一層目錄時，僅搜索所有以tpl為后綴的文件，第三次遍歷每一層目錄時，僅搜索所有以js為后綴的文件，當(dāng)然，上述所述遍歷排序僅為舉例，并不做限制。這樣，在遍歷每一種后綴的文件時，由于部分目錄下可以確定不存在該后綴的文件要引用字體圖標(biāo)的，這樣在遍歷時可以省略這些目錄不進(jìn)行搜索，加快遍歷的速度。具體舉例來說，在對以js為后綴的文件進(jìn)行遍歷時，由于基礎(chǔ)庫中以js為后綴的文件一般不需要引入字體圖標(biāo)，因此在遍歷時可以忽略掉基礎(chǔ)庫。

本實施例中，具有預(yù)置形式的樣式名可以有多種。舉例來說，目標(biāo)樣式名為具有預(yù)置前綴(例如i-、a-等等)的樣式名。例如，目標(biāo)樣式名為i-close。又例如，目標(biāo)為具有預(yù)置后綴(例如-i、-a等等)的樣式名，其中，所述預(yù)置形式可以采用默認(rèn)設(shè)置，也可以在對待檢測文件檢測之前對該所述預(yù)置形式進(jìn)行定義，在此不作限制。

102、當(dāng)所述待檢測文件中檢測到所述目標(biāo)樣式名時，根據(jù)所述目標(biāo)樣式名在可縮放矢量圖形SVG文件庫中查找到目標(biāo)SVG，所述目標(biāo)SVG為命名與所述目標(biāo)樣式名滿足預(yù)置關(guān)系的SVG。

本實施例中，由于樣式名一般寫在文件的標(biāo)簽中，當(dāng)所述待檢測文件中檢測到所述目標(biāo)樣式名時，指的是在待測文件的標(biāo)簽中檢測到目標(biāo)樣式名。該目標(biāo)樣式名為在構(gòu)建項目時被寫在該待測文件的標(biāo)簽中的，表示該待測文件中需要將該待測文件中原為SVG圖片的圖標(biāo)轉(zhuǎn)換為字體圖標(biāo)。

為方便理解，下面對樣式名和樣式表該兩個概念進(jìn)行解釋。樣式表中包括多個樣式名以及每個樣式名對應(yīng)的樣式內(nèi)容，其中每個樣式內(nèi)容用于定義文件中的元素所符合的一種規(guī)則。文件的標(biāo)簽中包括至少一個樣式名，以表示該文件中的元素符合該樣式名在所述樣式表中所對應(yīng)的樣式內(nèi)容。

本實施例中，目標(biāo)SVG的命名與目標(biāo)樣式名所滿足的預(yù)置關(guān)系可以有多種。舉例來說，當(dāng)目標(biāo)樣式名為具有預(yù)置前綴(例如i-、a-等等)的樣式名，目標(biāo)SVG的命名與目標(biāo)樣式名中除預(yù)置前綴部分以外的其余部分相同。例如，目標(biāo)樣式名為i-close，那么目標(biāo)SVG的命名為close.svg。或者，當(dāng)目標(biāo)樣式名為具有預(yù)置后綴(例如i-、a-等等)的樣式名，目標(biāo)SVG的命名與目標(biāo)樣式名中除預(yù)置后綴部分以外的其余部分相同。例如，目標(biāo)樣式名為close-i，那么目標(biāo)SVG的命名為close.svg。其中，所述預(yù)置關(guān)系可以采用默認(rèn)設(shè)置，也可以在對待檢測文件檢測之前對該所述預(yù)置關(guān)系進(jìn)行定義，在此不作限制。

本實施例中，可縮放矢量圖形SVG文件庫指的是預(yù)先存放有SVG圖片的目錄。例如，在FIS解決方案中代碼目錄fis3-postpackager-iconfont下設(shè)置有SVGS文件夾，該可縮放矢量圖形SVG文件庫指的是該fis3-postpackager-iconfont中的SVGS文件夾?；蛘?，可縮放矢量圖形SVG文件庫也可以指的是其他預(yù)先配置的存放有SVG圖片的文件夾，在此不作限制。

103、將查找到的所述目標(biāo)SVG打包轉(zhuǎn)換為字體文件，其中，所述字體文件記錄有所述目標(biāo)SVG對應(yīng)的字體編碼。

本實施例中，將目標(biāo)SVG打包轉(zhuǎn)換為字體文件的方法有多種。例如，對目標(biāo)SVG做base64編碼，或者，可以采用font-carrier插件實現(xiàn)。當(dāng)然，上述僅為舉例，并不做限制。該字體文件記錄有目標(biāo)SVG對應(yīng)的字體編碼，以便根據(jù)該字體文件可以引用目標(biāo)SVG所對應(yīng)的字體編碼。獲取到字體文件后，可以將字體文件寫入項目入口文件處，或者通過外部鏈接的方式引入該項目，以便項目中的待檢測文件可以引入該字體文件中的字體編碼。

104、根據(jù)所述字體文件生成所述目標(biāo)樣式名對應(yīng)的樣式內(nèi)容，所述目標(biāo)樣式名的樣式內(nèi)容包括：引入所述目標(biāo)SVG對應(yīng)的字體編碼。

將目標(biāo)樣式名的樣式內(nèi)容定義為引入目標(biāo)SVG對應(yīng)的字體編碼后，這樣，標(biāo)簽中寫有目標(biāo)樣式名的文件中的內(nèi)容依據(jù)該目標(biāo)樣式名的內(nèi)容引入目標(biāo)SVG對應(yīng)的字體編碼，以在該文件中顯示目標(biāo)SVG所轉(zhuǎn)換成的字體圖標(biāo)。

本實施例中，生成目標(biāo)樣式名的樣式內(nèi)容的形式有多種。例如，確定目標(biāo)樣式名使用的偽類，并根據(jù)所述偽類生成新樣式名，其中，所述偽類用于指示所述目標(biāo)SVG對應(yīng)的字體編碼的索引；生成所述想樣式名的樣式內(nèi)容，該樣式內(nèi)容包括引入所述偽類指示的字體編碼。具體舉例來說，樣式名為i-close，那么根據(jù)偽類生成的新樣式名為i-close：after。

本實施例中，當(dāng)檢測到待檢測文件包含目標(biāo)樣式名時，即可確定該待測文件中需要引入圖標(biāo)為命名與目標(biāo)樣式名滿足預(yù)置關(guān)系的SVG(稱為目標(biāo)SVG)，因此將在SVG文件庫中查找到的目標(biāo)SVG打包轉(zhuǎn)換為文件字體，并根據(jù)該文件字體目標(biāo)樣式名的樣式內(nèi)容；這樣，在顯示待檢測文件的頁面時可以根據(jù)該文件所包含的目標(biāo)樣式名對應(yīng)的樣式內(nèi)容在該頁面中自動引入目標(biāo)SVG對應(yīng)的字體，整個過程無需人工參與，提高將頁面中的SVG轉(zhuǎn)換為字體的效率。而且，由于字體文件中的每一個字體編碼對應(yīng)到待測文件中要用到的SVG，避免了字體文件中出現(xiàn)一些不必要的字體編碼，減小字體文件的大小。

本實施例中，步驟104中生成目標(biāo)樣式名對應(yīng)的樣式內(nèi)容的方式有多種，下面對其中的兩種進(jìn)行舉例描述。

舉例一，新建層疊樣式表(英文：Cascading Style Sheets，縮寫：CSS)文件，在所述CSS文件中配置所述目標(biāo)樣式名的樣式內(nèi)容；并將該CSS引入待檢測文件所屬的網(wǎng)頁編程語言文件中。實際應(yīng)用中，待測文件可以是一個網(wǎng)頁編程語言文件，那么待測文件所屬的網(wǎng)頁編程語言文件即待測文件本身，或者，待測文件也可以是一個網(wǎng)頁編程語言文件的內(nèi)容中引用其他文件，那么待測文件所屬網(wǎng)頁編程語言文件指的是引用待測文件的網(wǎng)頁編程語言文件。將CSS文件引入待檢測文件所屬的網(wǎng)頁編程語言文件后，該網(wǎng)頁編程語言文件以及該網(wǎng)頁編程語言文件的內(nèi)容中所引用的其他文件中的樣式名都由該CSS文件中所配置的該樣式名的樣式內(nèi)容定義。

以網(wǎng)頁編程語言文件為html文件舉例來說，一個html文件中可能用到其他tpl文件、js文件或者其他文件，若待測文件為該html文件，那么將生成的CSS文件引入該html文件中，若待測文件為html文件中所引用的tpl文件，那么將生成的CSS文件引入該html文件中。

其中，將所述CSS文件引入所述待檢測文件所屬的網(wǎng)頁編程語言文件的方法有多種。例如，以內(nèi)聯(lián)樣式的方式或者以外鏈樣式表的方式將所述CSS文件引入所述待檢測文件所屬的網(wǎng)頁編程語言文件中?；蛘?，采用腳本的方式將所述CSS文件加載到所述待檢測文件所屬的網(wǎng)頁編程語言文件中。當(dāng)然，上述僅為舉例，并不做限制。

舉例二，在所述待檢測文件所屬的網(wǎng)頁編程語言文件中生成所述目標(biāo)樣式名對應(yīng)的樣式內(nèi)容。與舉例一不同的是，舉例二中不需要新建CSS表，而是直接將生成的目標(biāo)樣式名對應(yīng)的樣式內(nèi)容寫入到待檢測文件所屬的網(wǎng)頁編程語言文件中。這樣，待檢測文件所屬的網(wǎng)頁編程語言文件以及該網(wǎng)頁編程語言文件的內(nèi)容中引用的其他文件可以直接使用該目標(biāo)樣式名對應(yīng)的樣式內(nèi)容，省略了將CSS表引入待檢測文件所屬的網(wǎng)頁編程語言文件這個步驟。

為方便理解本發(fā)明，下面結(jié)合一個實際應(yīng)用場景對本發(fā)明中的網(wǎng)頁圖標(biāo)的處理方法進(jìn)行舉例描述。

本實施例中，在FIS構(gòu)建的工程中加入一個插件，該插件的配置如下：

上述插件運行時，在工程的項目文件的每一層目錄進(jìn)行遍歷，以查找所有以html、tpl、js為后綴的文件，其中，在遍歷每一層目錄以查找以js為后綴的文件時，采用ignore:['zepto','badjs','mod','bj-report','tools','db.js']跳過基礎(chǔ)庫，不在該基礎(chǔ)庫中查找以js為后綴的文件。查找出的所有以html、tpl、js為后綴的文件的路徑添加到列表中。

對列表中的每一個文件，根據(jù)classPrefix:'i-',查找該文件的標(biāo)簽中是否包含前綴為'i-'的樣式名。當(dāng)該文件的標(biāo)簽中包含前綴為'i-'的樣式名時，根據(jù)svgPath:'../svgs'到svgPath中查找目標(biāo)SVG，所述目標(biāo)SVG的命名與目標(biāo)樣式名中除預(yù)置前綴部分以外的其余部分相同。例如，當(dāng)文件的標(biāo)簽中包含命名為“i-close”的樣式名時，到svgPath中查找命名為close.svg的SVG。

這樣，找到列表中所有文件要用到的SVG，根據(jù)base64:false將該所有SVG做base64編碼，打包成一個字體文件，該字體文件中記錄有每個SVG對應(yīng)的字體編碼。根據(jù)output:'modules/common/fonts'將字體文件放置到該目錄下。

新建CSS文件，在該文件中配置列表中所有文件的標(biāo)簽中以'i-'為前綴的樣式名，并生成每一個樣式名的樣式內(nèi)容。根據(jù)pseClass:'before'對CSS文件中的每一個樣式名增加偽類，即在每一個樣式名后增加“：before”，舉例來說，若加入CSS文件中的一個樣式名為i-close，那么增加偽類后的樣式名改為i-close：before。該偽類用于指示命名與該樣式名中除預(yù)置前綴部分以外的其余部分相同的SVG對應(yīng)的字體編碼的索引。每個樣式名的樣式內(nèi)容為：引入命名與該樣式名中除預(yù)置前綴部分以外的其余部分相同的SVG對應(yīng)的字體編碼。

生成CSS文件后，根據(jù)cssInline:true采用內(nèi)聯(lián)樣式的方式將CSS文件引入上述列表的所有html文件中。

上面對本發(fā)明的網(wǎng)頁圖標(biāo)的處理方法進(jìn)行了描述，下面將對本發(fā)明的網(wǎng)頁圖標(biāo)的處理裝置進(jìn)行描述。

請參閱圖2，圖2為本發(fā)明的網(wǎng)頁圖標(biāo)的處理裝置的一個實施例的結(jié)構(gòu)示意圖。本實施例中，網(wǎng)頁圖標(biāo)的處理裝置200包括：

檢測模塊201，用于對待檢測文件中是否包含目標(biāo)樣式名進(jìn)行檢測，其中，所述目標(biāo)樣式名為具有預(yù)置形式的樣式名；

查找模塊202，用于當(dāng)所述待檢測文件中檢測到所述目標(biāo)樣式名時，根據(jù)所述目標(biāo)樣式名在可縮放矢量圖形SVG文件庫中查找到目標(biāo)SVG，所述目標(biāo)SVG為命名與所述目標(biāo)樣式名滿足預(yù)置關(guān)系的SVG；

轉(zhuǎn)換模塊203，用于將查找到的所述目標(biāo)SVG打包轉(zhuǎn)換為字體文件，其中，所述字體文件記錄有所述目標(biāo)SVG對應(yīng)的字體編碼；

生成模塊204，用于根據(jù)所述字體文件生成所述目標(biāo)樣式名對應(yīng)的樣式內(nèi)容，所述目標(biāo)樣式名的樣式內(nèi)容包括：引入所述目標(biāo)SVG對應(yīng)的字體編碼。

本實施例中，網(wǎng)頁圖標(biāo)的處理裝置在檢測到待檢測文件包含目標(biāo)樣式名時，即可確定該待測文件中需要引入圖標(biāo)為命名與目標(biāo)樣式名滿足預(yù)置關(guān)系的SVG(稱為目標(biāo)SVG)，因此將在SVG文件庫中查找到的目標(biāo)SVG打包轉(zhuǎn)換為文件字體，并根據(jù)該文件字體目標(biāo)樣式名的樣式內(nèi)容；這樣，在顯示待檢測文件的頁面時可以根據(jù)該文件所包含的目標(biāo)樣式名對應(yīng)的樣式內(nèi)容在該頁面中自動引入目標(biāo)SVG對應(yīng)的字體，整個過程無需人工參與，提高將頁面中的SVG轉(zhuǎn)換為字體的效率。

可選的，所述生成模塊204具體用于根據(jù)所述字體文件在所述待檢測文件所屬的網(wǎng)頁編程語言文件中生成所述目標(biāo)樣式名對應(yīng)的樣式內(nèi)容。

可選的，所述生成模塊204具體用于確定所述目標(biāo)樣式名使用的偽類，并根據(jù)所述偽類生成新樣式名，其中，所述偽類用于指示所述目標(biāo)SVG對應(yīng)的字體編碼的索引；生成所述新樣式名對應(yīng)的樣式內(nèi)容，所述樣式內(nèi)容包括：引入所述偽類指示的字體編碼。

可選的，如圖3所示，圖3為本發(fā)明的網(wǎng)頁圖標(biāo)的處理裝置的另一個實施例的結(jié)構(gòu)示意圖。與圖2不同的是，本實施例中，所述生成模塊204具體用于新建層疊樣式表CSS文件，在所述CSS文件中配置所述目標(biāo)樣式名的樣式內(nèi)容。且所述網(wǎng)頁圖標(biāo)的處理裝置300還包括引入模塊301，用于將所述CSS文件引入所述待檢測文件所屬的網(wǎng)頁編程語言文件中。

可選的，所述引入模塊301具體用于以內(nèi)聯(lián)樣式的方式或者以外鏈樣式表的方式將所述CSS文件引入所述待檢測文件所屬的網(wǎng)頁編程語言文件中。

本發(fā)明實施例還提供了另一種終端，如圖4所示，為了便于說明，僅示出了與本發(fā)明實施例相關(guān)的部分，具體技術(shù)細(xì)節(jié)未揭示的，請參照本發(fā)明實施例方法部分。該終端可以為包括手機(jī)、平板電腦、PDA(Personal Digital Assistant，個人數(shù)字助理)、POS(Point of Sales，銷售終端)、車載電腦等任意終端設(shè)備，以終端為手機(jī)為例：

圖4示出的是與本發(fā)明實施例提供的終端相關(guān)的手機(jī)的部分結(jié)構(gòu)的框圖。參考圖4，手機(jī)包括：射頻(Radio Frequency，RF)電路1010、存儲器1020、輸入單元1030、顯示單元1040、傳感器1050、音頻電路1060、無線保真(wireless fidelity，WiFi)模塊1070、處理器1080、以及電源1090等部件。本領(lǐng)域技術(shù)人員可以理解，圖4中示出的手機(jī)結(jié)構(gòu)并不構(gòu)成對手機(jī)的限定，可以包括比圖示更多或更少的部件，或者組合某些部件，或者不同的部件布置。

下面結(jié)合圖4對手機(jī)的各個構(gòu)成部件進(jìn)行具體的介紹：

RF電路1010可用于收發(fā)信息或通話過程中，信號的接收和發(fā)送，特別地，將基站的下行信息接收后，給處理器1080處理；另外，將設(shè)計上行的數(shù)據(jù)發(fā)送給基站。通常，RF電路1010包括但不限于天線、至少一個放大器、收發(fā)信機(jī)、耦合器、低噪聲放大器(Low Noise Amplifier，LNA)、雙工器等。此外，RF電路1010還可以通過無線通信與網(wǎng)絡(luò)和其他設(shè)備通信。上述無線通信可以使用任一通信標(biāo)準(zhǔn)或協(xié)議，包括但不限于全球移動通訊系統(tǒng)(Global System of Mobile communication，GSM)、通用分組無線服務(wù)(General Packet Radio Service，GPRS)、碼分多址(Code Division Multiple Access，CDMA)、寬帶碼分多址(Wideband Code Division Multiple Access,WCDMA)、長期演進(jìn)(Long Term Evolution，LTE)、電子郵件、短消息服務(wù)(Short Messaging Service，SMS)等。

存儲器1020可用于存儲軟件程序以及模塊，處理器1080通過運行存儲在存儲器1020的軟件程序以及模塊，從而執(zhí)行手機(jī)的各種功能應(yīng)用以及數(shù)據(jù)處理。存儲器1020可主要包括存儲程序區(qū)和存儲數(shù)據(jù)區(qū)，其中，存儲程序區(qū)可存儲操作系統(tǒng)、至少一個功能所需的應(yīng)用程序(比如聲音播放功能、圖像播放功能等)等；存儲數(shù)據(jù)區(qū)可存儲根據(jù)手機(jī)的使用所創(chuàng)建的數(shù)據(jù)(比如音頻數(shù)據(jù)、電話本等)等。此外，存儲器1020可以包括高速隨機(jī)存取存儲器，還可以包括非易失性存儲器，例如至少一個磁盤存儲器件、閃存器件、或其他易失性固態(tài)存儲器件。

輸入單元1030可用于接收輸入的數(shù)字或字符信息，以及產(chǎn)生與手機(jī)的用戶設(shè)置以及功能控制有關(guān)的鍵信號輸入。具體地，輸入單元1030可包括觸控面板1031以及其他輸入設(shè)備1032。觸控面板1031，也稱為觸摸屏，可收集用戶在其上或附近的觸摸操作(比如用戶使用手指、觸筆等任何適合的物體或附件在觸控面板1031上或在觸控面板1031附近的操作)，并根據(jù)預(yù)先設(shè)定的程式驅(qū)動相應(yīng)的連接裝置?？蛇x的，觸控面板1031可包括觸摸檢測裝置和觸摸控制器兩個部分。其中，觸摸檢測裝置檢測用戶的觸摸方位，并檢測觸摸操作帶來的信號，將信號傳送給觸摸控制器；觸摸控制器從觸摸檢測裝置上接收觸摸信息，并將它轉(zhuǎn)換成觸點坐標(biāo)，再送給處理器1080，并能接收處理器1080發(fā)來的命令并加以執(zhí)行。此外，可以采用電阻式、電容式、紅外線以及表面聲波等多種類型實現(xiàn)觸控面板1031。除了觸控面板1031，輸入單元1030還可以包括其他輸入設(shè)備1032。具體地，其他輸入設(shè)備1032可以包括但不限于物理鍵盤、功能鍵(比如音量控制按鍵、開關(guān)按鍵等)、軌跡球、鼠標(biāo)、操作桿等中的一種或多種。

顯示單元1040可用于顯示由用戶輸入的信息或提供給用戶的信息以及手機(jī)的各種菜單。顯示單元1040可包括顯示面板1041，可選的，可以采用液晶顯示器(Liquid Crystal Display，LCD)、有機(jī)發(fā)光二極管(Organic Light-Emitting Diode,OLED)等形式來配置顯示面板1041。進(jìn)一步的，觸控面板1031可覆蓋顯示面板1041，當(dāng)觸控面板1031檢測到在其上或附近的觸摸操作后，傳送給處理器1080以確定觸摸事件的類型，隨后處理器1080根據(jù)觸摸事件的類型在顯示面板1041上提供相應(yīng)的視覺輸出。雖然在圖4中，觸控面板1031與顯示面板1041是作為兩個獨立的部件來實現(xiàn)手機(jī)的輸入和輸入功能，但是在某些實施例中，可以將觸控面板1031與顯示面板1041集成而實現(xiàn)手機(jī)的輸入和輸出功能。

手機(jī)還可包括至少一種傳感器1050，比如光傳感器、運動傳感器以及其他傳感器。具體地，光傳感器可包括環(huán)境光傳感器及接近傳感器，其中，環(huán)境光傳感器可根據(jù)環(huán)境光線的明暗來調(diào)節(jié)顯示面板1041的亮度，接近傳感器可在手機(jī)移動到耳邊時，關(guān)閉顯示面板1041和/或背光。作為運動傳感器的一種，加速計傳感器可檢測各個方向上(一般為三軸)加速度的大小，靜止時可檢測出重力的大小及方向，可用于識別手機(jī)姿態(tài)的應(yīng)用(比如橫豎屏切換、相關(guān)游戲、磁力計姿態(tài)校準(zhǔn))、振動識別相關(guān)功能(比如計步器、敲擊)等；至于手機(jī)還可配置的陀螺儀、氣壓計、濕度計、溫度計、紅外線傳感器等其他傳感器，在此不再贅述。

音頻電路1060、揚聲器1061，傳聲器1062可提供用戶與手機(jī)之間的音頻接口。音頻電路1060可將接收到的音頻數(shù)據(jù)轉(zhuǎn)換后的電信號，傳輸?shù)綋P聲器1061，由揚聲器1061轉(zhuǎn)換為聲音信號輸出；另一方面，傳聲器1062將收集的聲音信號轉(zhuǎn)換為電信號，由音頻電路1060接收后轉(zhuǎn)換為音頻數(shù)據(jù)，再將音頻數(shù)據(jù)輸出處理器1080處理后，經(jīng)RF電路1010以發(fā)送給比如另一手機(jī)，或者將音頻數(shù)據(jù)輸出至存儲器1020以便進(jìn)一步處理。

WiFi屬于短距離無線傳輸技術(shù)，手機(jī)通過WiFi模塊1070可以幫助用戶收發(fā)電子郵件、瀏覽網(wǎng)頁和訪問流式媒體等，它為用戶提供了無線的寬帶互聯(lián)網(wǎng)訪問。雖然圖4示出了WiFi模塊1070，但是可以理解的是，其并不屬于手機(jī)的必須構(gòu)成，完全可以根據(jù)需要在不改變發(fā)明的本質(zhì)的范圍內(nèi)而省略。

處理器1080是手機(jī)的控制中心，利用各種接口和線路連接整個手機(jī)的各個部分，通過運行或執(zhí)行存儲在存儲器1020內(nèi)的軟件程序和/或模塊，以及調(diào)用存儲在存儲器1020內(nèi)的數(shù)據(jù)，執(zhí)行手機(jī)的各種功能和處理數(shù)據(jù)，從而對手機(jī)進(jìn)行整體監(jiān)控?？蛇x的，處理器1080可包括一個或多個處理單元；優(yōu)選的，處理器1080可集成應(yīng)用處理器和調(diào)制解調(diào)處理器，其中，應(yīng)用處理器主要處理操作系統(tǒng)、用戶界面和應(yīng)用程序等，調(diào)制解調(diào)處理器主要處理無線通信?？梢岳斫獾氖?，上述調(diào)制解調(diào)處理器也可以不集成到處理器1080中。

手機(jī)還包括給各個部件供電的電源1090(比如電池)，優(yōu)選的，電源可以通過電源管理系統(tǒng)與處理器1080邏輯相連，從而通過電源管理系統(tǒng)實現(xiàn)管理充電、放電、以及功耗管理等功能。

盡管未示出，手機(jī)還可以包括攝像頭、藍(lán)牙模塊等，在此不再贅述。

在本發(fā)明實施例中，該終端所包括的處理器1080還具有控制執(zhí)行以上由網(wǎng)頁圖標(biāo)的處理裝置執(zhí)行的方法流程。

所屬領(lǐng)域的技術(shù)人員可以清楚地了解到，為描述的方便和簡潔，上述描述的系統(tǒng)，裝置和單元的具體工作過程，可以參考前述方法實施例中的對應(yīng)過程，在此不再贅述。

在本申請所提供的幾個實施例中，應(yīng)該理解到，所揭露的系統(tǒng)，裝置和方法，可以通過其它的方式實現(xiàn)。例如，以上所描述的裝置實施例僅僅是示意性的，例如，所述單元的劃分，僅僅為一種邏輯功能劃分，實際實現(xiàn)時可以有另外的劃分方式，例如多個單元或組件可以結(jié)合或者可以集成到另一個系統(tǒng)，或一些特征可以忽略，或不執(zhí)行。另一點，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，裝置或單元的間接耦合或通信連接，可以是電性，機(jī)械或其它的形式。

所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位于一個地方，或者也可以分布到多個網(wǎng)絡(luò)單元上?？梢愿鶕?jù)實際的需要選擇其中的部分或者全部單元來實現(xiàn)本實施例方案的目的。

另外，在本發(fā)明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單元既可以采用硬件的形式實現(xiàn)，也可以采用軟件功能單元的形式實現(xiàn)。

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

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