用于瀏覽器啟動(dòng)過(guò)程的圖片顯示方法、裝置及終端設(shè)備的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及終端設(shè)備領(lǐng)域,特別涉及一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示方法、 裝置及終端設(shè)備。
【背景技術(shù)】
[0002] 隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展,瀏覽器也越來(lái)越趨近于多樣化,其中瀏覽器的界面中 不僅包含文字,同時(shí)還包含有大量的零碎圖片,這些圖片往往都要比終端設(shè)備的顯示界面 小得多,如刷新圖標(biāo)對(duì)應(yīng)的圖片、搜索欄對(duì)應(yīng)的圖片等,用戶通過(guò)對(duì)這些圖片進(jìn)行點(diǎn)擊等操 作以觸發(fā)瀏覽器的相應(yīng)操作,如點(diǎn)擊瀏覽器的刷新圖標(biāo)對(duì)應(yīng)的圖片時(shí),終端設(shè)備刷新瀏覽 器當(dāng)前顯示的網(wǎng)頁(yè)內(nèi)容。
[0003] 當(dāng)啟動(dòng)瀏覽器時(shí),通常需要對(duì)瀏覽器界面上的每一張圖片分別進(jìn)行加載和顯示, 因此,需要對(duì)每一張圖片進(jìn)行圖片解碼,而由于瀏覽器包含的零碎圖片較多,這樣勢(shì)必會(huì)延 長(zhǎng)瀏覽器的加載圖片耗時(shí),從而降低了瀏覽器的啟動(dòng)速度。
【發(fā)明內(nèi)容】
[0004]為了解決現(xiàn)有技術(shù)的問(wèn)題,本發(fā)明實(shí)施例提供了一種用于瀏覽器啟動(dòng)過(guò)程的圖片 顯示方法、裝置及終端設(shè)備。所述技術(shù)方案如下:
[0005] 第一方面,提供了一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示方法,該方法包括:
[0006] 當(dāng)接收到對(duì)瀏覽器的啟動(dòng)指令時(shí),獲取該瀏覽器的啟動(dòng)信息和預(yù)設(shè)圖片,該啟動(dòng) 信息包括多個(gè)圖片標(biāo)識(shí)以及該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,該預(yù)設(shè)圖片由該多個(gè)圖片 生成;
[0007] 根據(jù)該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,從該預(yù)設(shè)圖片中拆分出該多個(gè)圖片;
[0008] 在該瀏覽器的啟動(dòng)過(guò)程中,根據(jù)該多個(gè)圖片標(biāo)識(shí),在該瀏覽器的對(duì)應(yīng)位置分別顯 示該多個(gè)圖片。
[0009] 第二方面,提供了一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示裝置,該裝置包括:
[0010] 啟動(dòng)信息和預(yù)設(shè)圖片獲取模塊,用于當(dāng)接收到對(duì)瀏覽器的啟動(dòng)指令時(shí),獲取該瀏 覽器的啟動(dòng)信息和預(yù)設(shè)圖片,該啟動(dòng)信息包括多個(gè)圖片標(biāo)識(shí)以及該多個(gè)圖片在該預(yù)設(shè)圖片 中的位置,該預(yù)設(shè)圖片由該多個(gè)圖片生成;
[0011] 圖片拆分模塊,用于根據(jù)該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,從該預(yù)設(shè)圖片中拆 分出該多個(gè)圖片;
[0012] 顯示模塊,用于在該瀏覽器的啟動(dòng)過(guò)程中,根據(jù)該多個(gè)圖片標(biāo)識(shí),在該瀏覽器的對(duì) 應(yīng)位置分別顯示該多個(gè)圖片。
[0013] 第三方面,提供了一種終端設(shè)備,該終端設(shè)備包括:存儲(chǔ)器、處理器以及一個(gè)或一 個(gè)以上程序,一個(gè)或者一個(gè)以上的程序存儲(chǔ)于該存儲(chǔ)器,且被配置成由該處理器執(zhí)行,該一 個(gè)或者一個(gè)以上程序包含用于進(jìn)行以下操作的指令:
[0014] 當(dāng)接收到對(duì)瀏覽器的啟動(dòng)指令時(shí),獲取該瀏覽器的啟動(dòng)信息和預(yù)設(shè)圖片,該啟動(dòng) 信息包括多個(gè)圖片標(biāo)識(shí)以及該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,該預(yù)設(shè)圖片由該多個(gè)圖片 生成;
[0015] 根據(jù)該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,從該預(yù)設(shè)圖片中拆分出該多個(gè)圖片;
[0016] 在該瀏覽器的啟動(dòng)過(guò)程中,根據(jù)該多個(gè)圖片標(biāo)識(shí),在該瀏覽器的對(duì)應(yīng)位置分別顯 示該多個(gè)圖片。
[0017] 本發(fā)明實(shí)施例提供的技術(shù)方案帶來(lái)的有益效果是:
[0018] 通過(guò)對(duì)由多個(gè)零碎圖片生成的預(yù)設(shè)圖片的獲取,只進(jìn)行一次圖片解碼,即得到了 該多個(gè)零碎圖片,無(wú)需對(duì)零碎圖片進(jìn)行分別解碼,解決了由于瀏覽器包含的零碎圖片較多 而造成的瀏覽器的加載圖片耗時(shí)較長(zhǎng)的問(wèn)題,大大提高了瀏覽器的啟動(dòng)速度。
【附圖說(shuō)明】
[0019] 為了更清楚地說(shuō)明本發(fā)明實(shí)施例中的技術(shù)方案,下面將對(duì)實(shí)施例描述中所需要使 用的附圖作簡(jiǎn)單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實(shí)施例,對(duì)于 本領(lǐng)域普通技術(shù)人員來(lái)講,在不付出創(chuàng)造性勞動(dòng)的前提下,還可以根據(jù)這些附圖獲得其他 的附圖。
[0020] 圖1是本發(fā)明實(shí)施例提供的一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示方法流程圖;
[0021] 圖2是本發(fā)明實(shí)施例提供的一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示方法流程圖;
[0022] 圖3是本發(fā)明實(shí)施例提供的一種預(yù)設(shè)圖片示意圖;
[0023] 圖4是本發(fā)明實(shí)施例提供的一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示裝置結(jié)構(gòu)示意 圖;
[0024] 圖5是本發(fā)明實(shí)施例提供的一種終端設(shè)備結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0025] 為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,下面將結(jié)合附圖對(duì)本發(fā)明實(shí)施方 式作進(jìn)一步地詳細(xì)描述。
[0026] 圖1是本發(fā)明實(shí)施例提供的一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示方法流程圖。參 見圖1,該實(shí)施例的執(zhí)行主體為終端設(shè)備,該方法包括:
[0027] 101、當(dāng)接收到對(duì)瀏覽器的啟動(dòng)指令時(shí),獲取該瀏覽器的啟動(dòng)信息和預(yù)設(shè)圖片,該 啟動(dòng)信息包括多個(gè)圖片標(biāo)識(shí)以及該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,該預(yù)設(shè)圖片由該多個(gè) 圖片生成。
[0028] 102、根據(jù)該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,從該預(yù)設(shè)圖片中拆分出該多個(gè)圖 片。
[0029] 103、在該瀏覽器的啟動(dòng)過(guò)程中,根據(jù)該多個(gè)圖片標(biāo)識(shí),在該瀏覽器的對(duì)應(yīng)位置分 別顯示該多個(gè)圖片。
[0030] 本發(fā)明實(shí)施例提供的方法,通過(guò)對(duì)由多個(gè)零碎圖片生成的預(yù)設(shè)圖片的獲取,只進(jìn) 行一次圖片解碼,即得到了該多個(gè)零碎圖片,無(wú)需對(duì)零碎圖片進(jìn)行分別解碼,解決了由于瀏 覽器包含的零碎圖片較多而造成的瀏覽器的加載圖片耗時(shí)較長(zhǎng)的問(wèn)題,大大提高了瀏覽器 的啟動(dòng)速度。
[0031] 可選地,根據(jù)該多個(gè)圖片在該預(yù)設(shè)圖片中的位置,從該預(yù)設(shè)圖片中拆分出該多個(gè) 圖片包括:
[0032] 對(duì)于該多個(gè)圖片中的每一個(gè)圖片,根據(jù)該圖片在該預(yù)設(shè)圖片中的位置,將該預(yù)設(shè) 圖片中與該位置對(duì)應(yīng)的圖片部分拆分出來(lái),得到該圖片。
[0033] 可選地,在該瀏覽器的啟動(dòng)過(guò)程中,根據(jù)該多個(gè)圖片標(biāo)識(shí),在該瀏覽器的對(duì)應(yīng)位置 分別顯示該多個(gè)圖片包括:
[0034] 根據(jù)該多個(gè)圖片標(biāo)識(shí),查找預(yù)設(shè)數(shù)據(jù)庫(kù),得到該多個(gè)圖片在該瀏覽器中的顯示位 置,該預(yù)設(shè)數(shù)據(jù)庫(kù)存儲(chǔ)有圖片標(biāo)識(shí)與瀏覽器顯示位置的對(duì)應(yīng)關(guān)系;
[0035] 在該瀏覽器的啟動(dòng)過(guò)程中,根據(jù)該多個(gè)圖片在該瀏覽器中的顯示位置,在該瀏覽 器的對(duì)應(yīng)位置分別顯示該多個(gè)圖片。
[0036] 可選地,獲取該瀏覽器的啟動(dòng)信息和預(yù)設(shè)圖片之前,該方法還包括:
[0037] 獲取該多個(gè)圖片標(biāo)識(shí)和該多個(gè)圖片的保存路徑;
[0038] 根據(jù)該多個(gè)圖片的保存路徑,通過(guò)預(yù)設(shè)算法合并該多個(gè)圖片,得到該預(yù)設(shè)圖片和 該啟動(dòng)信息。
[0039] 圖2是本發(fā)明實(shí)施例提供的一種用于瀏覽器啟動(dòng)過(guò)程的圖片顯示方法流程圖。參 見圖2,該實(shí)施例的執(zhí)行主體為終端設(shè)備,該方法流程包括:
[0040] 201、終端設(shè)備獲取多個(gè)圖片標(biāo)識(shí)和該多個(gè)圖片的保存路徑。
[0041] 其中,多個(gè)圖片標(biāo)識(shí)和該多個(gè)圖片的保存路徑可以包含在瀏覽器的安裝包中。圖 片標(biāo)識(shí)可以是圖片的名稱、圖片ID (Identity,身份標(biāo)識(shí)號(hào)碼)等,本發(fā)明實(shí)施例對(duì)此不做 限定。圖片的保存路徑是指該圖片在終端設(shè)備上的保存路徑。
[0042] 本發(fā)明實(shí)施例中,該多個(gè)圖片是指瀏覽器界面上的多個(gè)圖片,如后退圖標(biāo)對(duì)應(yīng)的 圖片、刷新圖標(biāo)對(duì)應(yīng)的圖片、搜索欄對(duì)應(yīng)的圖片等,該多個(gè)圖片的尺寸遠(yuǎn)遠(yuǎn)小于終端設(shè)備的 顯示界面。
[0043] 202、終端設(shè)備根據(jù)該多個(gè)圖片的保存路徑,通過(guò)預(yù)設(shè)算法合并該多個(gè)圖片,得到 預(yù)設(shè)圖片和啟動(dòng)信息,該啟動(dòng)信息包括該多個(gè)圖片標(biāo)識(shí)以及該多個(gè)圖片在該預(yù)設(shè)圖片中的 位置。
[0044] 具體地,終端設(shè)備根據(jù)該多個(gè)圖片的保存路徑,得到該多個(gè)圖片,終端設(shè)備根據(jù)預(yù) 設(shè)算法對(duì)得到的該多個(gè)圖片進(jìn)行合并,得到合并后的預(yù)設(shè)圖片和啟動(dòng)信息。其中,在對(duì)該多 個(gè)圖片進(jìn)行合并的過(guò)程中,終端設(shè)備使用預(yù)設(shè)算法對(duì)該多個(gè)圖片進(jìn)行排列,使得該多個(gè)圖 片之間盡量沒有空隙,以此來(lái)減小合并后得到的預(yù)設(shè)圖片的大小,獲取排列后多個(gè)圖片在 預(yù)設(shè)圖片中的坐標(biāo),將該坐標(biāo)作為圖片在預(yù)設(shè)圖片中的位置。
[0045] 例如,圖片A的保存路徑為D:/a,圖片B的保存路徑為E:/b,圖片C的保存路徑為 F:/c,則終端設(shè)備通過(guò)各個(gè)圖片的保存路徑分別得到圖片A、B、C,并通過(guò)預(yù)設(shè)算法將上述圖 片A、B、C進(jìn)行合并,得到預(yù)設(shè)圖片K和啟動(dòng)信息,該預(yù)設(shè)圖片K由上述圖片A、B、C組成,該 啟動(dòng)信息可以包括圖片A的頂點(diǎn)在K中的坐標(biāo)(100,100)、(200,100)、(200, 200)、( 100, 200),圖片 B 的頂點(diǎn)在 K 中的坐標(biāo)(200,100)、(250,100)、(250,150)、(200,150),圖片 C 的 頂點(diǎn)在 K 中的坐標(biāo)(200,150)、(250,150)、(250, 200)、(200, 200)。
[0046] 其中,該預(yù)設(shè)算法用于根據(jù)多個(gè)圖片的大小和形狀等對(duì)該多個(gè)圖片的位置進(jìn)行調(diào) 整,使得合并得到的圖片占用的顯示空間盡可能的小。該預(yù)設(shè)算法可以由技術(shù)人員在開發(fā) 時(shí)設(shè)置,也可以由用戶在使用的過(guò)程中調(diào)整,本發(fā)明實(shí)施例對(duì)此不做限定。根據(jù)預(yù)設(shè)算法的 不同,該啟動(dòng)信息中用于表示該多個(gè)圖片在該預(yù)設(shè)圖片中的位置的方式也不同,每個(gè)圖片 可以由該圖片的四個(gè)頂點(diǎn)坐標(biāo)表示,還可以由兩個(gè)頂點(diǎn)坐標(biāo)表示,當(dāng)然,還可以用中心點(diǎn)坐 標(biāo)表示等等,本發(fā)明實(shí)施例對(duì)此不作具體限定。
[0047] 需要說(shuō)明的是,該啟動(dòng)信息中除了包括該多個(gè)圖片標(biāo)識(shí)以及該多個(gè)圖片在該預(yù)設(shè) 圖片中的位置之外,還可以包括其它信息,如該多個(gè)圖片的尺寸以及圖片名稱等,本發(fā)明實(shí) 施例對(duì)該啟動(dòng)信息中包含的內(nèi)容不做限定。
[0048]上述步驟201~202是終端設(shè)備將該多個(gè)圖片進(jìn)行合并,得到預(yù)設(shè)圖片和啟動(dòng)信 息的過(guò)程,當(dāng)終端設(shè)備完成上述步驟201~202的過(guò)程之后,保存預(yù)設(shè)圖片和啟動(dòng)信息,以 便于在啟動(dòng)該瀏覽器時(shí),根據(jù)該預(yù)設(shè)圖片和啟動(dòng)信息,對(duì)瀏覽器的界面進(jìn)行顯示。
[0049] 需要說(shuō)明的是,該步驟201~202的合并過(guò)程可以是在終端設(shè)備安裝了瀏覽器之 后進(jìn)行,也可以是由瀏覽器提供者在服務(wù)器上合并后,將預(yù)設(shè)圖片和啟動(dòng)信息打包至瀏覽 器安裝包,以便終端設(shè)備直接使用,本發(fā)明實(shí)施例對(duì)此不作具體限定。在終端設(shè)備