一種網(wǎng)頁(yè)圖標(biāo)加載方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本申請(qǐng)涉及軟件技術(shù)領(lǐng)域，更具體地說(shuō)，涉及一種網(wǎng)頁(yè)圖標(biāo)加載方法及裝置。
【背景技術(shù)】
[0002]現(xiàn)在是視覺(jué)時(shí)代，如何在第一時(shí)間抓住人們的視線(xiàn)成為網(wǎng)頁(yè)制作過(guò)程中要重點(diǎn)考慮的一個(gè)方面。俗話(huà)說(shuō)，一圖勝千言，在網(wǎng)頁(yè)制作中，準(zhǔn)確而合理的運(yùn)用好圖片，能夠使得頁(yè)面設(shè)計(jì)更加亮麗、內(nèi)容更加豐富，從而吸引更多用戶(hù)的點(diǎn)擊。
[0003]現(xiàn)有在網(wǎng)頁(yè)中嵌入圖標(biāo)的做法主要是，由用戶(hù)在html頁(yè)面中明文使用<img>標(biāo)簽的src屬性來(lái)引用需要插入的圖標(biāo)。src屬性的值為待引用圖標(biāo)的鏈接地址。
[0004]顯然，現(xiàn)有技術(shù)中需要用戶(hù)輸入待引用圖標(biāo)的鏈接地址，這給用戶(hù)帶來(lái)了很大的不便，即影響網(wǎng)頁(yè)開(kāi)發(fā)的速度又存在用戶(hù)輸錯(cuò)鏈接地址，造成圖標(biāo)在網(wǎng)頁(yè)中無(wú)法顯示的問(wèn)題。

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

[0005]有鑒于此，本申請(qǐng)?zhí)峁┝艘环N網(wǎng)頁(yè)圖標(biāo)加載方法及裝置，用于解決現(xiàn)有網(wǎng)頁(yè)開(kāi)發(fā)過(guò)程在嵌入圖標(biāo)時(shí)，需要用戶(hù)輸入待嵌入圖標(biāo)的鏈接地址，因而影響網(wǎng)頁(yè)開(kāi)發(fā)速度且存在用戶(hù)輸錯(cuò)鏈接地址，造成圖標(biāo)無(wú)法顯示的問(wèn)題。
[0006]為了實(shí)現(xiàn)上述目的，現(xiàn)提出的方案如下:
[0007]一種網(wǎng)頁(yè)圖標(biāo)加載方法，包括:
[0008]遍歷網(wǎng)頁(yè)的文檔樹(shù)，在檢測(cè)到節(jié)點(diǎn)元素是文本時(shí)，判斷所述文本的字體類(lèi)型是否與預(yù)置字體類(lèi)型相同，預(yù)置字體類(lèi)型的字體為預(yù)先安裝的字體；
[0009]若是，則從預(yù)先獲取的圖標(biāo)集合中選擇圖標(biāo)標(biāo)識(shí)與所述文本相同的圖標(biāo)；
[0010]利用選擇的圖標(biāo)替換所述文本，以在網(wǎng)頁(yè)中顯示所選擇的圖標(biāo)。
[0011]優(yōu)選地，還包括:
[0012]在遍歷網(wǎng)頁(yè)的文檔樹(shù)過(guò)程，若檢測(cè)到圖標(biāo)配置文件，則下載所述圖標(biāo)配置文件指定的圖標(biāo)，并將下載的圖標(biāo)存入所述圖標(biāo)集合中。
[0013]優(yōu)選地，所述圖標(biāo)配置文件包括元標(biāo)簽meta和/或腳本文件，所述下載所述圖標(biāo)配置文件指定的圖標(biāo)，包括:
[0014]遍歷元標(biāo)簽meta，下載其指定的圖標(biāo)；和/或，
[0015]遍歷腳本文件，下載其指定的圖標(biāo)。
[0016]優(yōu)選地，所述利用選擇的圖標(biāo)替換所述文本，包括:
[0017]確定所述選擇的圖標(biāo)的統(tǒng)一資源定位符url ；
[0018]創(chuàng)建標(biāo)簽img，并將所述url作為所述標(biāo)簽img的src屬性值，利用所述標(biāo)簽img替換所述文本。
[0019]優(yōu)選地，
[0020]在所述圖標(biāo)為圖片時(shí)，所述從預(yù)先獲取的圖標(biāo)集合中選擇圖標(biāo)標(biāo)識(shí)與所述文本相同的圖標(biāo)，包括:
[0021]從預(yù)先獲取的圖標(biāo)集合中，選擇圖片標(biāo)識(shí)與所述文本相同的圖片；
[0022]在所述圖標(biāo)為字符串char時(shí)，所述從預(yù)先獲取的圖標(biāo)集合中選擇圖標(biāo)標(biāo)識(shí)與所述文本相同的圖標(biāo)，包括:
[0023]從預(yù)先獲取的圖標(biāo)集合中，選擇字符串標(biāo)識(shí)與所述文本相同的字符串char。
[0024]一種網(wǎng)頁(yè)圖標(biāo)加載裝置，包括:
[0025]文檔樹(shù)遍歷單元，用于遍歷網(wǎng)頁(yè)的文檔樹(shù)，在檢測(cè)到節(jié)點(diǎn)元素是文本時(shí)，判斷所述文本的字體類(lèi)型是否與預(yù)置字體類(lèi)型相同，預(yù)置字體類(lèi)型的字體為預(yù)先安裝的字體；
[0026]圖標(biāo)選擇單元，用于在所述文檔樹(shù)遍歷單元判斷所述文本的字體類(lèi)型與所述預(yù)置字體類(lèi)型相同時(shí)，從預(yù)先獲取的圖標(biāo)集合中選擇圖標(biāo)標(biāo)識(shí)與所述文本相同的圖標(biāo)；
[0027]文本替換單元，用于利用選擇的圖標(biāo)替換所述文本，以在網(wǎng)頁(yè)中顯示所選擇的圖標(biāo)。
[0028]優(yōu)選地，還包括:
[0029]圖標(biāo)下載單元，用于在遍歷網(wǎng)頁(yè)的文檔樹(shù)過(guò)程，若檢測(cè)到圖標(biāo)配置文件，則下載所述圖標(biāo)配置文件指定的圖標(biāo)，并將下載的圖標(biāo)存入所述圖標(biāo)集合中。
[0030]優(yōu)選地，所述圖標(biāo)下載單元包括:
[0031]第一圖標(biāo)下載子單元，用于遍歷元標(biāo)簽meta，下載其指定的圖標(biāo)；
[0032]第二圖標(biāo)下載子單元，用于遍歷腳本文件，下載其指定的圖標(biāo)。
[0033]優(yōu)選地，所述文本替換單元包括:
[0034]第一文本替換子單元，用于確定所述選擇的圖標(biāo)的統(tǒng)一資源定位符url ；
[0035]第二文本替換子單元，用于創(chuàng)建標(biāo)簽img，并將所述url作為所述標(biāo)簽img的src屬性值，利用所述標(biāo)簽img替換所述文本。
[0036]優(yōu)選地，所述圖標(biāo)選擇單元包括:
[0037]第一圖標(biāo)選擇子單元，用于在所述圖標(biāo)為圖片時(shí)，從預(yù)先獲取的圖標(biāo)集合中，選擇圖片標(biāo)識(shí)與所述文本相同的圖片；
[0038]第二圖表選擇子單元，用于在所述圖標(biāo)為字符串char時(shí)，從預(yù)先獲取的圖標(biāo)集合中，選擇字符串標(biāo)識(shí)與所述文本相同的字符串char。
[0039]從上述的技術(shù)方案可以看出，本申請(qǐng)實(shí)施例提供的網(wǎng)頁(yè)圖標(biāo)加載方法，預(yù)先獲取圖標(biāo)集合，該集合中各個(gè)圖標(biāo)的圖標(biāo)標(biāo)識(shí)不同，用戶(hù)若要在網(wǎng)頁(yè)中某個(gè)位置加載圖標(biāo)，僅需要在文檔樹(shù)對(duì)應(yīng)節(jié)點(diǎn)上輸入預(yù)置字體類(lèi)型的文本即可，輸入的文本內(nèi)容為待加載圖標(biāo)的圖標(biāo)標(biāo)識(shí)。這樣，通過(guò)本申請(qǐng)?zhí)峁┑姆桨?，在遍歷網(wǎng)頁(yè)的文檔樹(shù)時(shí)，對(duì)于字體類(lèi)型與預(yù)置字體類(lèi)型一致的文本，從圖標(biāo)集合中選擇圖標(biāo)標(biāo)識(shí)與其相同的圖標(biāo)，并利用該圖標(biāo)替換掉文本，從而在網(wǎng)頁(yè)中顯示出圖標(biāo)。本申請(qǐng)的方法僅需要用戶(hù)輸入圖標(biāo)的標(biāo)識(shí)，而無(wú)需輸入圖標(biāo)的鏈接地址，從而大大簡(jiǎn)化了用戶(hù)工作量，提高了網(wǎng)頁(yè)開(kāi)發(fā)的速度，并且降低了用戶(hù)輸入錯(cuò)誤的概率。
【附圖說(shuō)明】
[0040]為了更清楚地說(shuō)明本申請(qǐng)實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖僅僅是本申請(qǐng)的實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。
[0041]圖1為本申請(qǐng)實(shí)施例公開(kāi)的一種網(wǎng)頁(yè)圖標(biāo)加載方法流程圖；
[0042]圖2為本申請(qǐng)實(shí)施例公開(kāi)的另一種網(wǎng)頁(yè)圖標(biāo)加載方法流程圖；
[0043]圖3為本申請(qǐng)實(shí)施例公開(kāi)的一種利用選擇的圖標(biāo)替換文本的方法流程圖；
[0044]圖4為本申請(qǐng)實(shí)施例公開(kāi)的一種網(wǎng)頁(yè)圖標(biāo)加載裝置結(jié)構(gòu)示意圖；
[0045]圖5為本申請(qǐng)實(shí)施例公開(kāi)的另一種網(wǎng)頁(yè)圖標(biāo)加載裝置結(jié)構(gòu)示意圖；
[0046]圖6為本申請(qǐng)實(shí)施例公開(kāi)的一種圖標(biāo)下載單元結(jié)構(gòu)示意圖；
[0047]圖7為本申請(qǐng)實(shí)施例公開(kāi)的一種文本替換單元結(jié)構(gòu)示意圖；
[0048]圖8為本申請(qǐng)實(shí)施例公開(kāi)的一種圖標(biāo)選擇單元結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0049]下面將結(jié)合本申請(qǐng)實(shí)施例中的附圖，對(duì)本申請(qǐng)實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例僅僅是本申請(qǐng)一部分實(shí)施例，而不是全部的實(shí)施例。基于本申請(qǐng)中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他實(shí)施例，都屬于本申請(qǐng)保護(hù)的范圍。
[0050]本申請(qǐng)實(shí)施例公開(kāi)了一種網(wǎng)頁(yè)圖標(biāo)加載方案，該方案中，用戶(hù)需要在終端上安裝指定的字體，并預(yù)先獲取圖標(biāo)集合，該圖標(biāo)集合可以是系統(tǒng)默認(rèn)提供的圖標(biāo)集合，也可以是用戶(hù)后期下載并更新的圖標(biāo)集合。圖標(biāo)集合中，各個(gè)圖標(biāo)的圖標(biāo)標(biāo)識(shí)不同，其中圖標(biāo)標(biāo)識(shí)為文本格式。用戶(hù)在網(wǎng)頁(yè)開(kāi)發(fā)階段，若要在某個(gè)節(jié)點(diǎn)插入圖標(biāo)，則可以使用指定字體類(lèi)型的字體輸入待插入圖標(biāo)的圖標(biāo)標(biāo)識(shí)。這樣，當(dāng)瀏覽器遍歷網(wǎng)頁(yè)的文檔樹(shù)時(shí)，在檢測(cè)到某個(gè)