生成瀏覽器可讀的皮膚文件的方法和裝置制造方法
【專(zhuān)利摘要】本發(fā)明提出一種生成瀏覽器可讀的皮膚文件的方法和裝置，該生成瀏覽器可讀的皮膚文件的方法包括獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件；獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素；對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件；根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。該方法能夠?qū)崿F(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
【專(zhuān)利說(shuō)明】生成瀏覽器可讀的皮膚文件的方法和裝置
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)絡(luò)通信【技術(shù)領(lǐng)域】，尤其涉及一種生成瀏覽器可讀的皮膚文件的方法和裝置。
【背景技術(shù)】
[0002]為了提供更好的用戶(hù)體驗(yàn)，目前很多瀏覽器都提供了換膚功能。相關(guān)技術(shù)中，通常是設(shè)計(jì)師先設(shè)計(jì)瀏覽器皮膚，再拿給程序員編寫(xiě)成瀏覽器可讀的代碼，以便在瀏覽器中呈現(xiàn)設(shè)計(jì)師設(shè)計(jì)的皮膚。
[0003]這種方式需要設(shè)計(jì)師和程序員之間不斷溝通，需要人工操作和干預(yù)，實(shí)現(xiàn)繁瑣。
【發(fā)明內(nèi)容】
[0004]本發(fā)明旨在至少在一定程度上解決相關(guān)技術(shù)中的技術(shù)問(wèn)題之一。
[0005]為此，本發(fā)明的一個(gè)目的在于提出一種生成瀏覽器可讀的皮膚文件的方法，該方法可以實(shí)現(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
[0006]本發(fā)明的另一個(gè)目的在于提出一種生成瀏覽器可讀的皮膚文件的裝置。
[0007]為達(dá)到上述目的，本發(fā)明第一方面實(shí)施例提出的生成瀏覽器可讀的皮膚文件的方法，包括:獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件；獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素；對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件；根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
[0008]本發(fā)明第一方面實(shí)施例提出的生成瀏覽器可讀的皮膚文件的方法，通過(guò)獲取第一組文件元素和第二組文件元素，并對(duì)第一組文件元素和第二組文件元素進(jìn)行組合處理，可以將設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中存在的皮膚文件，進(jìn)而生成瀏覽器可讀的皮膚文件，從而實(shí)現(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
[0009]為達(dá)到上述目的，本發(fā)明第二方面實(shí)施例提出的生成瀏覽器可讀的皮膚文件的裝置，包括:第一獲取模塊，用于獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件；第二獲取模塊，用于獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素；組合模塊，用于對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件；生成模塊，用于根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
[0010]本發(fā)明第二方面實(shí)施例提出的生成瀏覽器可讀的皮膚文件的裝置，通過(guò)獲取第一組文件元素和第二組文件元素，并對(duì)第一組文件元素和第二組文件元素進(jìn)行組合處理，可以將設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中存在的皮膚文件，進(jìn)而生成瀏覽器可讀的皮膚文件，從而實(shí)現(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
[0011]為達(dá)到上述目的，本發(fā)明第三方面實(shí)施例提出的客戶(hù)端設(shè)備，包括:殼體、處理器、存儲(chǔ)器、電路板和電源電路，其中，電路板安置在殼體圍成的空間內(nèi)部，處理器和存儲(chǔ)器設(shè)置在電路板上；電源電路，用于為客戶(hù)端設(shè)備的各個(gè)電路或器件供電；存儲(chǔ)器用于存儲(chǔ)可執(zhí)行程序代碼；處理器通過(guò)讀取存儲(chǔ)器中存儲(chǔ)的可執(zhí)行程序代碼來(lái)運(yùn)行與可執(zhí)行程序代碼對(duì)應(yīng)的程序，以用于執(zhí)行以下步驟:獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件；獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素；對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件；根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
[0012]本發(fā)明第三方面實(shí)施例提出的客戶(hù)端設(shè)備，通過(guò)獲取第一組文件元素和第二組文件元素，并對(duì)第一組文件元素和第二組文件元素進(jìn)行組合處理，可以將設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中存在的皮膚文件，進(jìn)而生成瀏覽器可讀的皮膚文件，從而實(shí)現(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
[0013]本發(fā)明附加的方面和優(yōu)點(diǎn)將在下面的描述中部分給出，部分將從下面的描述中變得明顯，或通過(guò)本發(fā)明的實(shí)踐了解到。
【專(zhuān)利附圖】
【附圖說(shuō)明】
[0014]本發(fā)明上述的和/或附加的方面和優(yōu)點(diǎn)從下面結(jié)合附圖對(duì)實(shí)施例的描述中將變得明顯和容易理解，其中:
[0015]圖1是本發(fā)明一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的方法的流程示意圖；
[0016]圖2是本發(fā)明實(shí)施例中PSD格式的皮膚文件包括的圖層的示意圖；
[0017]圖3是本發(fā)明另一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的方法的流程示意圖；
[0018]圖4是本發(fā)明實(shí)施例中組合處理的流程示意圖；
[0019]圖5是本發(fā)明另一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的裝置的結(jié)構(gòu)示意圖；
[0020]圖6是本發(fā)明另一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的裝置的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0021]下面詳細(xì)描述本發(fā)明的實(shí)施例，所述實(shí)施例的示例在附圖中示出，其中自始至終相同或類(lèi)似的標(biāo)號(hào)表示相同或類(lèi)似的元件或具有相同或類(lèi)似功能的元件。下面通過(guò)參考附圖描述的實(shí)施例是示例性的，僅用于解釋本發(fā)明，而不能理解為對(duì)本發(fā)明的限制。相反，本發(fā)明的實(shí)施例包括落入所附加權(quán)利要求書(shū)的精神和內(nèi)涵范圍內(nèi)的所有變化、修改和等同物。
[0022]圖1是本發(fā)明一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的方法的流程示意圖，該方法包括:
[0023]Sll:獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件。
[0024]其中，第一格式的皮膚文件可以是指PSD格式的皮膚文件。
[0025]PSD格式的皮膚文件是由多個(gè)圖層組成的。
[0026]例如，參見(jiàn)圖2，PSD格式的皮膚文件20可以包括背景圖層21和模塊圖層22，模塊圖層22可以包括后退按鈕、前進(jìn)按鈕、刷新按鈕、最大化按鈕、最小化按鈕和關(guān)閉按鈕等。具體的，每個(gè)圖層可以由圖案、顏色和文字等組成。
[0027]第一組文件元素可以是指對(duì)設(shè)計(jì)師設(shè)計(jì)的PSD格式的皮膚文件進(jìn)行圖層解析后得到的一組文件元素。例如，第一組文件元素包括設(shè)計(jì)師設(shè)計(jì)的后退按鈕、前進(jìn)按鈕、和刷新按鈕等。
[0028]S12:獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素。
[0029]其中，設(shè)計(jì)師在設(shè)計(jì)瀏覽器皮膚時(shí)是基于設(shè)定的瀏覽器原型進(jìn)行設(shè)計(jì)的，例如，瀏覽器原型中指定各模塊的命名、尺寸等，設(shè)計(jì)師可以依此進(jìn)行設(shè)計(jì)。其中，設(shè)計(jì)師在設(shè)計(jì)時(shí)需要沿用瀏覽器原型中指定的模塊命名，例如，瀏覽器原型中記載后退按鈕的命名為“BACK”，設(shè)計(jì)師在設(shè)計(jì)后退按鈕時(shí)可以將該模塊圖層命名為“BACK”。對(duì)于尺寸，設(shè)計(jì)師可以設(shè)計(jì)與原型中的尺寸不同，例如，對(duì)于后退按鈕，瀏覽器原型中的尺寸為尺寸_1，設(shè)計(jì)師可以將其設(shè)計(jì)為尺寸_2。
[0030]具體的,瀏覽器原型中包括其清單文件(mainfest.json),該清單文件中會(huì)記錄相應(yīng)瀏覽器原型中包括的各文件元素的信息，例如，命名、尺寸等，通過(guò)讀取該清單文件可以獲取第二組文件元素。
[0031]Sll和S12無(wú)時(shí)序限制關(guān)系。
[0032]S13:對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件。
[0033]其中，如果設(shè)計(jì)師設(shè)計(jì)了瀏覽器原型中的某個(gè)文件元素，則用設(shè)計(jì)師設(shè)計(jì)的替換瀏覽器原型中的相應(yīng)文件元素，當(dāng)然，可以理解的是，替換的文件元素需要與瀏覽器原型中的文件元素命名和尺寸相同，當(dāng)尺寸不同時(shí)可以調(diào)整尺寸后替換。例如，設(shè)計(jì)師設(shè)計(jì)了一個(gè)新的后退按鈕，該新的后退按鈕的尺寸與瀏覽器原型中記錄的后退按鈕的尺寸相同，則用設(shè)計(jì)師設(shè)計(jì)的后退按鈕替換瀏覽器原型中記錄的后退按鈕。以此類(lèi)推，用設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中相應(yīng)的文件元素后，就可以得到組合后的文件。
[0034]S14:根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
[0035]其中，第二格式的皮膚文件可以是指CRX格式的皮膚文件。
[0036]CRX格式的文件是一個(gè)特殊格式的zip壓縮包，包含類(lèi)似.json的各種配置聲明，以及大量的圖片文件，然后根據(jù)整體數(shù)據(jù)進(jìn)行加密，并包含Chrome技術(shù)規(guī)范要求的簽名，在zip文件的頭部寫(xiě)入特殊的數(shù)據(jù)，從而完成合法的生成或者說(shuō)打包。[0037]因此，用第一組文件元素中的至少部分文件元素或者調(diào)整后的至少部分文件元素，替換第二組文件元素中的相應(yīng)文件元素后，就可以根據(jù)瀏覽器原型的清單文件(maintfest.json)索引圖片文件，將索引的所有圖片文件進(jìn)行打包后(或者說(shuō)生成)，得到CRX格式的皮膚文件。
[0038]本實(shí)施例通過(guò)獲取第一組文件元素和第二組文件元素，并對(duì)第一組文件元素和第二組文件元素進(jìn)行組合處理，可以將設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中存在的皮膚文件，進(jìn)而生成瀏覽器可讀的皮膚文件，從而實(shí)現(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
[0039]圖3是本發(fā)明另一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的方法的流程示意圖，該方法包括:
[0040]S31:設(shè)計(jì)師設(shè)計(jì)瀏覽器皮膚，得到PSD格式的皮膚文件。
[0041]其中，設(shè)計(jì)師可以用photoshop進(jìn)行瀏覽器皮膚設(shè)計(jì)，以生成PSD格式的皮膚文件。
[0042]S32:圖層解析器對(duì)該P(yáng)SD格式的皮膚文件進(jìn)行圖層解析。
[0043]其中，圖層解析器可以是本地文件，實(shí)現(xiàn)文件本地解析；或者設(shè)計(jì)師可以通過(guò)網(wǎng)絡(luò)將PSD格式的皮膚文件上傳給包含圖層解析器的設(shè)備。
[0044]圖層解析器具有對(duì)PSD格式的文件進(jìn)行圖層解析的功能，以實(shí)現(xiàn)對(duì)設(shè)計(jì)師設(shè)計(jì)的PSD格式的瀏覽器皮膚文件的圖層解析。
[0045]通過(guò)圖層解析，可以得到組成PSD格式的皮膚文件的每個(gè)圖層，例如，得到設(shè)計(jì)師設(shè)計(jì)的背景、后退按鈕、前進(jìn)按鈕和刷新按鈕等。
[0046]S33:圖元輸出器將圖層解析器得到的每個(gè)圖層保存在設(shè)定的文件夾中。
[0047]其中，可以預(yù)先設(shè)定一個(gè)文件夾，該文件夾用于保存解析后得到的圖層。
[0048]在保存時(shí)，圖元輸出器可以按照預(yù)先設(shè)定的配置對(duì)解析后的每個(gè)圖層進(jìn)行逐一保存，預(yù)先設(shè)定的配置可以是圖元名-圖片的值對(duì)關(guān)系，其中，圖元名的值與圖層的命名相同，圖片的值可以具體為該圖片的保存路徑。
[0049]例如，解析后得到的圖層包括背景、后退按鈕和前進(jìn)按鈕，預(yù)先設(shè)定的配置包括:背景-路徑_1，后退按鈕-路徑_2，前進(jìn)按鈕-路徑_3，那么，可以將背景保存在路徑_1指定的位置，將后退按鈕保存在路徑_2指定的位置，將前進(jìn)按鈕保存在路徑_3指定的位置。
[0050]S34:獲取瀏覽器原型。
[0051]其中，瀏覽器原型也可以稱(chēng)為擴(kuò)展原型。
[0052]對(duì)應(yīng)每個(gè)瀏覽器，都會(huì)有一個(gè)瀏覽器原型，以便設(shè)計(jì)師基于此進(jìn)行設(shè)計(jì)。
[0053]S35:擴(kuò)展解析器對(duì)瀏覽器原型進(jìn)行解析。
[0054]其中，可以從瀏覽器原型中提取mainfest.json文件,該mainfest.json文件中記錄瀏覽器原型中每個(gè)文件元素的信息，例如，每個(gè)文件的命名、尺寸等。通過(guò)解析，就可以獲取瀏覽器原型中的文件元素。
[0055]S31-33與S34-S35無(wú)時(shí)序限制關(guān)系。
[0056]S36:樣式組合器對(duì)圖元輸出器中保存的文件元素，以及擴(kuò)展解析器得到的文件元素進(jìn)行組合處理。
[0057]參見(jiàn)圖4，組合處理的流程可以包括:[0058]S401:選擇一個(gè)第二文件元素，其中，第二文件元素是對(duì)瀏覽器原型進(jìn)行解析后得到的文件元素。
[0059]其中，可以是隨機(jī)選擇一個(gè)第二文件元素，或者，是依次選擇一個(gè)第二文件元素。
[0060]S402:遍歷預(yù)設(shè)的文件夾，判斷是否存在與該第二文件元素命名相同的一個(gè)第一文件元素，若是，執(zhí)行S404，否則，執(zhí)行S403，其中，第一文件元素是對(duì)設(shè)計(jì)師設(shè)計(jì)的文件進(jìn)行解析后得到的文件元素。
[0061]S403:保持第二文件元素不變。
[0062]S卩，當(dāng)設(shè)計(jì)師沒(méi)有設(shè)計(jì)相應(yīng)元素時(shí)，用瀏覽器原型中默認(rèn)的元素。例如，設(shè)計(jì)師沒(méi)有設(shè)計(jì)后退按鈕，那就采用瀏覽器原型中默認(rèn)的后退按鈕。
[0063]S404:判斷是否存在重名的第一文件元素，若是，執(zhí)行S405，否則執(zhí)行S406。
[0064]例如，對(duì)于后退按鈕，設(shè)計(jì)師可能設(shè)計(jì)了多個(gè)，該多個(gè)后退按鈕位于不同的分層上。
[0065]S405:采用重名中最上層的第一文件元素。
[0066]其中，由于最上層的通常是最新的，因此，采用最上層的文件元素作為設(shè)計(jì)師最后設(shè)計(jì)的文件元素。
[0067]S406:判斷該第一文件元素的尺寸是否與第二文件元素的才尺寸相同，若是，執(zhí)行S408，否則執(zhí)行S407。
[0068]S407:調(diào)整第一文件元素的尺寸，使得調(diào)整后的尺寸與第二文件元素的尺寸相同。
[0069]例如，當(dāng)?shù)谝晃募氐某叽绱笥诘诙募氐某叽鐣r(shí)，可以將第一文件元素等比例縮小到與第二文件元素的尺寸相同，或者，當(dāng)?shù)谝晃募氐某叽缧∮诘诙募氐某叽鐣r(shí)，可以將第一文件元素等比例放大到與第二文件元素的尺寸相同。
[0070]S408:用第一文件元素替換命名相同且尺寸相同的第二文件元素。
[0071]例如，設(shè)計(jì)師設(shè)計(jì)的后退按鈕與瀏覽器原型中后退按鈕的命名相同且尺寸相同，則用設(shè)計(jì)師設(shè)計(jì)的后退按鈕替換瀏覽器原型中的后退按鈕。
[0072]S409:判斷是否存在沒(méi)有選擇的第二文件元素，若是，重復(fù)執(zhí)行S401及其后續(xù)步驟，否則執(zhí)行S410。
[0073]S410:結(jié)束，得到組合后的文件。
[0074]S37:擴(kuò)展生成器根據(jù)組合后的文件生成CRX格式的皮膚文件。
[0075]其中，可以根據(jù)mainfest.json中記錄的文件元素的信息，逐次得到每個(gè)文件元素，其中可以包括第一文件元素和保持不變的第二文件元素，之后將這些文件元素進(jìn)行打包后就可以得到CRX格式的皮膚文件。
[0076]本實(shí)施例通過(guò)上述的設(shè)計(jì)階段、解析階段、匹配階段和完成階段，就實(shí)現(xiàn)由PSD格式的皮膚文件到CRX格式的皮膚文件的自動(dòng)轉(zhuǎn)換，提高了瀏覽器皮膚的制作效率，優(yōu)化了生成過(guò)程，無(wú)需人工參與，降低人員成本和操作成本，實(shí)現(xiàn)從PSD文件到CRX文件的流程化和系統(tǒng)化。
[0077]圖5是本發(fā)明另一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的裝置的結(jié)構(gòu)示意圖，該裝置50包括第一獲取模塊51、第二獲取模塊52、組合模塊53和生成模塊54。
[0078]第一獲取模塊51用于獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件；[0079]其中，第一格式的皮膚文件可以是指PSD格式的皮膚文件。
[0080]PSD格式的皮膚文件是由多個(gè)圖層組成的。
[0081]例如，參見(jiàn)圖2，PSD格式的皮膚文件20可以包括背景圖層21和模塊圖層22，模塊圖層22可以包括后退按鈕、前進(jìn)按鈕、刷新按鈕、最大化按鈕、最小化按鈕和關(guān)閉按鈕等。具體的，每個(gè)圖層可以由圖案、顏色和文字等組成。
[0082]第一組文件元素可以是指對(duì)設(shè)計(jì)師設(shè)計(jì)的PSD格式的皮膚文件進(jìn)行圖層解析后得到的一組文件元素。例如，第一組文件元素包括設(shè)計(jì)師設(shè)計(jì)的后退按鈕、前進(jìn)按鈕、和刷新按鈕等。
[0083]第二獲取模塊52用于獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素；
[0084]其中，設(shè)計(jì)師在設(shè)計(jì)瀏覽器皮膚時(shí)是基于設(shè)定的瀏覽器原型進(jìn)行設(shè)計(jì)的，例如，瀏覽器原型中指定各模塊的命名、尺寸等，設(shè)計(jì)師可以依此進(jìn)行設(shè)計(jì)。其中，設(shè)計(jì)師在設(shè)計(jì)時(shí)需要沿用瀏覽器原型中指定的模塊命名，例如，瀏覽器原型中記載后退按鈕的命名為“BACK”，設(shè)計(jì)師在設(shè)計(jì)后退按鈕時(shí)可以將該模塊圖層命名為“BACK”。對(duì)于尺寸，設(shè)計(jì)師可以設(shè)計(jì)與原型中的尺寸不同，例如，對(duì)于后退按鈕，瀏覽器原型中的尺寸為尺寸_1，設(shè)計(jì)師可以將其設(shè)計(jì)為尺寸_2。
[0085]具體的，瀏覽器原型中包括其清單文件(mainfest.json),該清單文件中會(huì)記錄相應(yīng)瀏覽器原型中包括的各文件元素的信息，例如，命名、尺寸等，通過(guò)讀取該清單文件可以獲取第二組文件元素。
[0086]組合模塊53用于對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件；
[0087]其中，如果設(shè)計(jì)師設(shè)計(jì)了瀏覽器原型中的某個(gè)文件元素，則用設(shè)計(jì)師設(shè)計(jì)的替換瀏覽器原型中的相應(yīng)文件元素，當(dāng)然，可以理解的是，替換的文件元素需要與瀏覽器原型中的文件元素命名和尺寸相同，當(dāng)尺寸不同時(shí)可以調(diào)整尺寸后替換。例如，設(shè)計(jì)師設(shè)計(jì)了一個(gè)新的后退按鈕，該新的后退按鈕的尺寸與瀏覽器原型中記錄的后退按鈕的尺寸相同，則用設(shè)計(jì)師設(shè)計(jì)的后退按鈕替換瀏覽器原型中記錄的后退按鈕。以此類(lèi)推，用設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中相應(yīng)的文件元素后，就可以得到組合后的文件。
[0088]生成模塊54用于根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
[0089]其中，第二格式的皮膚文件可以是指CRX格式的皮膚文件。
[0090]CRX格式的文件是一個(gè)特殊格式的zip壓縮包，包含類(lèi)似.json的各種配置聲明，以及大量的圖片文件，然后根據(jù)整體數(shù)據(jù)進(jìn)行加密，并包含Chrome技術(shù)規(guī)范要求的簽名，在zip文件的頭部寫(xiě)入特殊的數(shù)據(jù)，從而完成合法的生成或者說(shuō)打包。
[0091]因此，用第一組文件元素中的至少部分文件元素或者調(diào)整后的至少部分文件元素，替換第二組文件元素中的相應(yīng)文件元素后，就可以根據(jù)瀏覽器原型的清單文件(maintfest.json)索引圖片文件，將索引的所有圖片文件進(jìn)行打包后(或者說(shuō)生成)，得到CRX格式的皮膚文件。
[0092]本實(shí)施例通過(guò)獲取第一組文件元素和第二組文件元素，并對(duì)第一組文件元素和第二組文件元素進(jìn)行組合處理，可以將設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中存在的皮膚文件，進(jìn)而生成瀏覽器可讀的皮膚文件，從而實(shí)現(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
[0093]圖6是本發(fā)明另一實(shí)施例提出的生成瀏覽器可讀的皮膚文件的裝置的結(jié)構(gòu)示意圖，在上一實(shí)施例的基礎(chǔ)上，第一獲取模塊51可以具體包括第一單元511、第二單元512和第三單元513。
[0094]第一單元511用于獲取所述第一格式的皮膚文件，所述第一格式的皮膚文件由多個(gè)文件圖層組成；
[0095]其中，第一格式的皮膚文件可以是設(shè)計(jì)師設(shè)計(jì)的PSD格式的皮膚文件。
[0096]設(shè)計(jì)師可以用photoshop進(jìn)行瀏覽器皮膚設(shè)計(jì)，以生成PSD格式的皮膚文件。
[0097]第二單元512用于對(duì)所述第一格式的皮膚文件進(jìn)行圖層解析，得到組成所述第一格式的皮膚文件的每個(gè)文件圖層；
[0098]其中，第二單元512可以具體為圖層解析器，圖層解析器可以是本地文件，實(shí)現(xiàn)文件本地解析；或者設(shè)計(jì)師可以通過(guò)網(wǎng)絡(luò)將PSD格式的皮膚文件上傳給包含圖層解析器的設(shè)備。
[0099]圖層解析器具有對(duì)PSD格式的文件進(jìn)行圖層解析的功能，以實(shí)現(xiàn)對(duì)設(shè)計(jì)師設(shè)計(jì)的PSD格式的瀏覽器皮膚文件的圖層解析。
[0100]通過(guò)圖層解析，可以得到組成PSD格式的皮膚文件的每個(gè)圖層，例如，得到設(shè)計(jì)師設(shè)計(jì)的背景、后退按鈕、前進(jìn)按鈕和刷新按鈕等。
[0101]第三單元513用于將所述每個(gè)文件圖層中的元素組成所述第一組文件元素。
[0102]其中，第三單元可以具體為圖元輸出器。
[0103]可以預(yù)先設(shè)定一個(gè)文件夾，該文件夾用于保存解析后得到的圖層。
[0104]在保存時(shí)，第三單元可以按照預(yù)先設(shè)定的配置對(duì)解析后的每個(gè)圖層進(jìn)行逐一保存，預(yù)先設(shè)定的配置可以是圖元名-圖片的值對(duì)關(guān)系，其中，圖元名的值與圖層的命名相同，圖片的值可以具體為該圖片的保存路徑。
[0105]例如，解析后得到的圖層包括背景、后退按鈕和前進(jìn)按鈕，預(yù)先設(shè)定的配置包括:背景-路徑_1，后退按鈕-路徑_2，前進(jìn)按鈕-路徑_3，那么，可以將背景保存在路徑_1指定的位置，將后退按鈕保存在路徑_2指定的位置，將前進(jìn)按鈕保存在路徑_3指定的位置。
[0106]另一實(shí)施例中，第二獲取模塊52可以包括第四單元521和第五單元522。
[0107]第四單元521用于獲取所述瀏覽器原型，所述瀏覽器原型中包括清單文件；
[0108]其中，瀏覽器原型也可以稱(chēng)為擴(kuò)展原型。
[0109]對(duì)應(yīng)每個(gè)瀏覽器，都會(huì)有一個(gè)瀏覽器原型，以便設(shè)計(jì)師基于此進(jìn)行設(shè)計(jì)。
[0110]第五單元522用于將所述清單文件中包括的文件元素組成所述第二組文件元素。
[0111]第五單元522可以具體為擴(kuò)展解析器。
[0112]第五單元522可以從瀏覽器原型中提取mainfest.json文件，該mainfest.json文件中記錄瀏覽器原型中每個(gè)文件元素的信息，例如，每個(gè)文件的命名、尺寸等。通過(guò)解析，就可以獲取瀏覽器原型中的文件元素。
[0113]另一實(shí)施例中，組合模塊53可以具體為樣式組合器。
[0114]所述第一組文件元素和所述第二組文件元素都包括多個(gè)文件元素，且所述第一組文件元素中的文件元素的命名規(guī)則與所述第二組文件元素中的文件元素的命名規(guī)則相同。[0115]另一實(shí)施例中，所述組合模塊具體用于:對(duì)應(yīng)第二文件元素，如果存在第一文件元素，且所述第一文件元素與所述第二文件元素的命名相同，且所述第一文件元素與所述第二文件元素的尺寸相同，則在所述第二組文件元素中用所述第一文件元素替換所述第二文件元素，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
[0116]例如，設(shè)計(jì)師設(shè)計(jì)的后退按鈕與瀏覽器原型中后退按鈕的命名相同且尺寸相同，則用設(shè)計(jì)師設(shè)計(jì)的后退按鈕替換瀏覽器原型中的后退按鈕。
[0117]另一實(shí)施例中，所述組合模塊具體用于:對(duì)應(yīng)第二文件元素，如果存在第一文件元素，且所述第一文件元素與所述第二文件元素的命名相同，但所述第一文件元素與所述第二文件元素的尺寸不相同，則對(duì)所述第一文件元素進(jìn)行調(diào)整，使得調(diào)整后的第一文件元素的尺寸與所述第二文件元素的尺寸相同；在所述第二組文件元素中用所述調(diào)整后的第一文件元素替換所述第二文件元素，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
[0118]例如，當(dāng)?shù)谝晃募氐某叽绱笥诘诙募氐某叽鐣r(shí)，可以將第一文件元素等比例縮小到與第二文件元素的尺寸相同，或者，當(dāng)?shù)谝晃募氐某叽缧∮诘诙募氐某叽鐣r(shí)，可以將第一文件元素等比例放大到與第二文件元素的尺寸相同。
[0119]另一實(shí)施例中，所述組合模塊進(jìn)一步具體用于:如果所述第一組文件元素中存在多個(gè)與所述第二文件元素命名相同的文件元素，則確定最上層的文件元素為所述第一文件元素。
[0120]其中，由于最上層的通常是最新的，因此，采用最上層的文件元素作為設(shè)計(jì)師最后設(shè)計(jì)的文件元素。
[0121]另一實(shí)施例中，所述組合模塊具體用于:對(duì)應(yīng)第二文件元素，如果不存在與所述第二文件元素命名相同的第一文件元素，則在所述第二組文件元素中保持所述第二文件元素不變，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
[0122]S卩，當(dāng)設(shè)計(jì)師沒(méi)有設(shè)計(jì)相應(yīng)元素時(shí)，用瀏覽器原型中默認(rèn)的元素。例如，設(shè)計(jì)師沒(méi)有設(shè)計(jì)后退按鈕，那就采用瀏覽器原型中默認(rèn)的后退按鈕。
[0123]另一實(shí)施例中，所述生成模塊具體用于:根據(jù)所述瀏覽器原型的清單文件，獲取所述清單文件中記錄的每個(gè)文件元素；對(duì)獲取的所有文件元素進(jìn)行打包后得到第二格式的皮膚文件。
[0124]其中，所述第一格式為PSD格式，所述第二格式為CRX格式?？梢愿鶕?jù)mainfest.json中記錄的文件元素的信息，逐次得到每個(gè)文件元素，其中可以包括第一文件元素和保持不變的第二文件元素，之后將這些文件元素進(jìn)行打包后就可以得到CRX格式的皮膚文件。
[0125]本實(shí)施例通過(guò)上述的設(shè)計(jì)階段、解析階段、匹配階段和完成階段，就實(shí)現(xiàn)由PSD格式的皮膚文件到CRX格式的皮膚文件的自動(dòng)轉(zhuǎn)換，提高了瀏覽器皮膚的制作效率，優(yōu)化了生成過(guò)程，無(wú)需人工參與，降低人員成本和操作成本，實(shí)現(xiàn)從PSD文件到CRX文件的流程化和系統(tǒng)化。
[0126]本發(fā)明實(shí)施例還提供了一種客戶(hù)端設(shè)備，該客戶(hù)端設(shè)備包括殼體、處理器、存儲(chǔ)器、電路板和電源電路，其中，電路板安置在殼體圍成的空間內(nèi)部，處理器和存儲(chǔ)器設(shè)置在電路板上；電源電路，用于為客戶(hù)端設(shè)備的各個(gè)電路或器件供電；存儲(chǔ)器用于存儲(chǔ)可執(zhí)行程序代碼；處理器通過(guò)讀取存儲(chǔ)器中存儲(chǔ)的可執(zhí)行程序代碼來(lái)運(yùn)行與可執(zhí)行程序代碼對(duì)應(yīng)的程序，以用于執(zhí)行以下步驟:
[0127]SlT:獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件。
[0128]其中，第一格式的皮膚文件可以是指PSD格式的皮膚文件。
[0129]PSD格式的皮膚文件是由多個(gè)圖層組成的。
[0130]例如，參見(jiàn)圖2，PSD格式的皮膚文件20可以包括背景圖層21和模塊圖層22，模塊圖層22可以包括后退按鈕、前進(jìn)按鈕、刷新按鈕、最大化按鈕、最小化按鈕和關(guān)閉按鈕等。具體的，每個(gè)圖層可以由圖案、顏色和文字等組成。
[0131]第一組文件元素可以是指對(duì)設(shè)計(jì)師設(shè)計(jì)的PSD格式的皮膚文件進(jìn)行圖層解析后得到的一組文件元素。例如，第一組文件元素包括設(shè)計(jì)師設(shè)計(jì)的后退按鈕、前進(jìn)按鈕、和刷新按鈕等。
[0132]S12’:獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素。
[0133]其中，設(shè)計(jì)師在設(shè)計(jì)瀏覽器皮膚時(shí)是基于設(shè)定的瀏覽器原型進(jìn)行設(shè)計(jì)的，例如，瀏覽器原型中指定各模塊的命名、尺寸等，設(shè)計(jì)師可以依此進(jìn)行設(shè)計(jì)。其中，設(shè)計(jì)師在設(shè)計(jì)時(shí)需要沿用瀏覽器原型中指定的模塊命名，例如，瀏覽器原型中記載后退按鈕的命名為“BACK”，設(shè)計(jì)師在設(shè)計(jì)后退按鈕時(shí)可以將該模塊圖層命名為“BACK”。對(duì)于尺寸，設(shè)計(jì)師可以設(shè)計(jì)與原型中的尺寸不同，例如，對(duì)于后退按鈕，瀏覽器原型中的尺寸為尺寸_1，設(shè)計(jì)師可以將其設(shè)計(jì)為尺寸_2。
[0134]具體的,瀏覽器原型中包括其清單文件(mainfest.json),該清單文件中會(huì)記錄相應(yīng)瀏覽器原型中包括的各文件元素的信息，例如，命名、尺寸等，通過(guò)讀取該清單文件可以獲取第二組文件元素。
[0135]S11’和S12’無(wú)時(shí)序限制關(guān)系。
[0136]S13’:對(duì)該第一組文件元素和該第二組文件元素進(jìn)行組合處理，得到組合后的文件。
[0137]其中，如果設(shè)計(jì)師設(shè)計(jì)了瀏覽器原型中的某個(gè)文件元素，則用設(shè)計(jì)師設(shè)計(jì)的替換瀏覽器原型中的相應(yīng)文件元素，當(dāng)然，可以理解的是，替換的文件元素需要與瀏覽器原型中的文件元素命名和尺寸相同，當(dāng)尺寸不同時(shí)可以調(diào)整尺寸后替換。例如，設(shè)計(jì)師設(shè)計(jì)了一個(gè)新的后退按鈕，該新的后退按鈕的尺寸與瀏覽器原型中記錄的后退按鈕的尺寸相同，則用設(shè)計(jì)師設(shè)計(jì)的后退按鈕替換瀏覽器原型中記錄的后退按鈕。以此類(lèi)推，用設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中相應(yīng)的文件元素后，就可以得到組合后的文件。
[0138]S14’:根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
[0139]其中，第二格式的皮膚文件可以是指CRX格式的皮膚文件。
[0140]CRX格式的文件是一個(gè)特殊格式的zip壓縮包，包含類(lèi)似.json的各種配置聲明，以及大量的圖片文件，然后根據(jù)整體數(shù)據(jù)進(jìn)行加密，并包含Chrome技術(shù)規(guī)范要求的簽名，在zip文件的頭部寫(xiě)入特殊的數(shù)據(jù)，從而完成合法的生成或者說(shuō)打包。
[0141]因此，用第一組文件元素中的至少部分文件元素或者調(diào)整后的至少部分文件元素，替換第二組文件元素中的相應(yīng)文件元素后，就可以根據(jù)瀏覽器原型的清單文件(maintfest.json)索引圖片文件，將索引的所有圖片文件進(jìn)行打包后(或者說(shuō)生成)，得到CRX格式的皮膚文件。
[0142]本實(shí)施例通過(guò)獲取第一組文件元素和第二組文件元素，并對(duì)第一組文件元素和第二組文件元素進(jìn)行組合處理，可以將設(shè)計(jì)師設(shè)計(jì)的文件元素替換瀏覽器原型中存在的皮膚文件，進(jìn)而生成瀏覽器可讀的皮膚文件，從而實(shí)現(xiàn)由設(shè)計(jì)師設(shè)計(jì)的皮膚文件到瀏覽器可讀的皮膚文件的自動(dòng)轉(zhuǎn)換，降低人工成本，實(shí)現(xiàn)皮膚文件格式轉(zhuǎn)換的流程化和系統(tǒng)化。
[0143]另一實(shí)施例中，處理器通過(guò)讀取存儲(chǔ)器中存儲(chǔ)的可執(zhí)行程序代碼來(lái)運(yùn)行與可執(zhí)行程序代碼對(duì)應(yīng)的程序，以用于執(zhí)行以下步驟:
[0144]S31’:設(shè)計(jì)師設(shè)計(jì)瀏覽器皮膚，得到PSD格式的皮膚文件。
[0145]其中，設(shè)計(jì)師可以用photoshop進(jìn)行瀏覽器皮膚設(shè)計(jì)，以生成PSD格式的皮膚文件。
[0146]S32’:圖層解析器對(duì)該P(yáng)SD格式的皮膚文件進(jìn)行圖層解析。
[0147]其中，圖層解析器可以是本地文件，實(shí)現(xiàn)文件本地解析；或者設(shè)計(jì)師可以通過(guò)網(wǎng)絡(luò)將PSD格式的皮膚文件上傳給包含圖層解析器的設(shè)備。
[0148]圖層解析器具有對(duì)PSD格式的文件進(jìn)行圖層解析的功能，以實(shí)現(xiàn)對(duì)設(shè)計(jì)師設(shè)計(jì)的PSD格式的瀏覽器皮膚文件的圖層解析。
[0149]通過(guò)圖層解析，可以得到組成PSD格式的皮膚文件的每個(gè)圖層，例如，得到設(shè)計(jì)師設(shè)計(jì)的背景、后退按鈕、前進(jìn)按鈕和刷新按鈕等。
[0150]S33’:圖元輸出器將圖層解析器得到的每個(gè)圖層保存在設(shè)定的文件夾中。
[0151]其中，可以預(yù)先設(shè)定一個(gè)文件夾，該文件夾用于保存解析后得到的圖層。
[0152]在保存時(shí)，圖元輸出器可以按照預(yù)先設(shè)定的配置對(duì)解析后的每個(gè)圖層進(jìn)行逐一保存，預(yù)先設(shè)定的配置可以是圖元名-圖片的值對(duì)關(guān)系，其中，圖元名的值與圖層的命名相同，圖片的值可以具體為該圖片的保存路徑。
[0153]例如，解析后得到的圖層包括背景、后退按鈕和前進(jìn)按鈕，預(yù)先設(shè)定的配置包括:背景-路徑_1，后退按鈕-路徑_2，前進(jìn)按鈕-路徑_3，那么，可以將背景保存在路徑_1指定的位置，將后退按鈕保存在路徑_2指定的位置，將前進(jìn)按鈕保存在路徑_3指定的位置。
[0154]S34’:獲取瀏覽器原型。
[0155]其中，瀏覽器原型也可以稱(chēng)為擴(kuò)展原型。
[0156]對(duì)應(yīng)每個(gè)瀏覽器，都會(huì)有一個(gè)瀏覽器原型，以便設(shè)計(jì)師基于此進(jìn)行設(shè)計(jì)。
[0157]S35’:擴(kuò)展解析器對(duì)瀏覽器原型進(jìn)行解析。
[0158]其中，可以從瀏覽器原型中提取mainfest.json文件，該mainfest.json文件中記錄瀏覽器原型中每個(gè)文件元素的信息，例如，每個(gè)文件的命名、尺寸等。通過(guò)解析，就可以獲取瀏覽器原型中的文件元素。
[0159]S31，-33，與S34，-S35，無(wú)時(shí)序限制關(guān)系。
[0160]S36’:樣式組合器對(duì)圖元輸出器中保存的文件元素，以及擴(kuò)展解析器得到的文件元素進(jìn)行組合處理。[0161]組合處理的流程可以包括:
[0162]S401’:選擇一個(gè)第二文件元素，其中，第二文件元素是對(duì)瀏覽器原型進(jìn)行解析后得到的文件元素。
[0163]其中，可以是隨機(jī)選擇一個(gè)第二文件元素，或者，是依次選擇一個(gè)第二文件元素。
[0164]S402’:遍歷預(yù)設(shè)的文件夾，判斷是否存在與該第二文件元素命名相同的一個(gè)第一文件元素，若是，執(zhí)行S404’，否則，執(zhí)行S403’，其中，第一文件元素是對(duì)設(shè)計(jì)師設(shè)計(jì)的文件進(jìn)行解析后得到的文件元素。
[0165]S403’:保持第二文件元素不變。
[0166]S卩，當(dāng)設(shè)計(jì)師沒(méi)有設(shè)計(jì)相應(yīng)元素時(shí)，用瀏覽器原型中默認(rèn)的元素。例如，設(shè)計(jì)師沒(méi)有設(shè)計(jì)后退按鈕，那就采用瀏覽器原型中默認(rèn)的后退按鈕。
[0167]S404’:判斷是否存在重名的第一文件元素，若是，執(zhí)行S405’，否則執(zhí)行S406’。
[0168]例如，對(duì)于后退按鈕，設(shè)計(jì)師可能設(shè)計(jì)了多個(gè)，該多個(gè)后退按鈕位于不同的分層上。
[0169]S405’:采用重名中最上層的第一文件元素。
[0170]其中，由于最上層的通常是最新的，因此，采用最上層的文件元素作為設(shè)計(jì)師最后設(shè)計(jì)的文件元素。
[0171]S406’:判斷該第一文件元素的尺寸是否與第二文件元素的尺寸相同，若是，執(zhí)行S408’，否則執(zhí)行S407，。
[0172]S407’:調(diào)整第一文件元素的尺寸，使得調(diào)整后的尺寸與第二文件元素的尺寸相同。
[0173]例如，當(dāng)?shù)谝晃募氐某叽绱笥诘诙募氐某叽鐣r(shí)，可以將第一文件元素等比例縮小到與第二文件元素的尺寸相同，或者，當(dāng)?shù)谝晃募氐某叽缧∮诘诙募氐某叽鐣r(shí)，可以將第一文件元素等比例放大到與第二文件元素的尺寸相同。
[0174]S408’:用第一文件元素替換命名相同且尺寸相同的第二文件元素。
[0175]例如，設(shè)計(jì)師設(shè)計(jì)的后退按鈕與瀏覽器原型中后退按鈕的命名相同且尺寸相同，則用設(shè)計(jì)師設(shè)計(jì)的后退按鈕替換瀏覽器原型中的后退按鈕。
[0176]S409’:判斷是否存在沒(méi)有選擇的第二文件元素，若是，重復(fù)執(zhí)行S401及其后續(xù)步驟，否則執(zhí)行S410’。
[0177]S410’:結(jié)束，得到組合后的文件。
[0178]S37’:擴(kuò)展生成器根據(jù)組合后的文件生成CRX格式的皮膚文件。
[0179]其中，可以根據(jù)mainfest.json中記錄的文件元素的信息，逐次得到每個(gè)文件元素，其中可以包括第一文件元素和保持不變的第二文件元素，之后將這些文件元素進(jìn)行打包后就可以得到CRX格式的皮膚文件。
[0180]本實(shí)施例通過(guò)上述的設(shè)計(jì)階段、解析階段、匹配階段和完成階段，就實(shí)現(xiàn)由PSD格式的皮膚文件到CRX格式的皮膚文件的自動(dòng)轉(zhuǎn)換，提高了瀏覽器皮膚的制作效率，優(yōu)化了生成過(guò)程，無(wú)需人工參與，降低人員成本和操作成本，實(shí)現(xiàn)從PSD文件到CRX文件的流程化和系統(tǒng)化。
[0181]需要說(shuō)明的是，在本發(fā)明的描述中，術(shù)語(yǔ)“第一”、“第二”等僅用于描述目的，而不能理解為指示或暗示相對(duì)重要性。此外，在本發(fā)明的描述中，除非另有說(shuō)明，“多個(gè)”的含義是兩個(gè)或兩個(gè)以上。
[0182]流程圖中或在此以其他方式描述的任何過(guò)程或方法描述可以被理解為，表示包括一個(gè)或更多個(gè)用于實(shí)現(xiàn)特定邏輯功能或過(guò)程的步驟的可執(zhí)行指令的代碼的模塊、片段或部分，并且本發(fā)明的優(yōu)選實(shí)施方式的范圍包括另外的實(shí)現(xiàn)，其中可以不按所示出或討論的順序，包括根據(jù)所涉及的功能按基本同時(shí)的方式或按相反的順序，來(lái)執(zhí)行功能，這應(yīng)被本發(fā)明的實(shí)施例所屬【技術(shù)領(lǐng)域】的技術(shù)人員所理解。
[0183]應(yīng)當(dāng)理解，本發(fā)明的各部分可以用硬件、軟件、固件或它們的組合來(lái)實(shí)現(xiàn)。在上述實(shí)施方式中，多個(gè)步驟或方法可以用存儲(chǔ)在存儲(chǔ)器中且由合適的指令執(zhí)行系統(tǒng)執(zhí)行的軟件或固件來(lái)實(shí)現(xiàn)。例如，如果用硬件來(lái)實(shí)現(xiàn)，和在另一實(shí)施方式中一樣，可用本領(lǐng)域公知的下列技術(shù)中的任一項(xiàng)或他們的組合來(lái)實(shí)現(xiàn):具有用于對(duì)數(shù)據(jù)信號(hào)實(shí)現(xiàn)邏輯功能的邏輯門(mén)電路的離散邏輯電路，具有合適的組合邏輯門(mén)電路的專(zhuān)用集成電路，可編程門(mén)陣列(PGA)，現(xiàn)場(chǎng)可編程門(mén)陣列(FPGA)等。
[0184]本【技術(shù)領(lǐng)域】的普通技術(shù)人員可以理解實(shí)現(xiàn)上述實(shí)施例方法攜帶的全部或部分步驟是可以通過(guò)程序來(lái)指令相關(guān)的硬件完成，所述的程序可以存儲(chǔ)于一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，包括方法實(shí)施例的步驟之一或其組合。
[0185]此外，在本發(fā)明各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理模塊中，也可以是各個(gè)單元單獨(dú)物理存在，也可以?xún)蓚€(gè)或兩個(gè)以上單元集成在一個(gè)模塊中。上述集成的模塊既可以采用硬件的形式實(shí)現(xiàn)，也可以采用軟件功能模塊的形式實(shí)現(xiàn)。所述集成的模塊如果以軟件功能模塊的形式實(shí)現(xiàn)并作為獨(dú)立的產(chǎn)品銷(xiāo)售或使用時(shí)，也可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。
[0186]上述提到的存儲(chǔ)介質(zhì)可以是只讀存儲(chǔ)器，磁盤(pán)或光盤(pán)等。
[0187]在本說(shuō)明書(shū)的描述中，參考術(shù)語(yǔ)“一個(gè)實(shí)施例”、“一些實(shí)施例”、“示例”、“具體示例”、或“一些示例”等的描述意指結(jié)合該實(shí)施例或示例描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)包含于本發(fā)明的至少一個(gè)實(shí)施例或示例中。在本說(shuō)明書(shū)中，對(duì)上述術(shù)語(yǔ)的示意性表述不一定指的是相同的實(shí)施例或示例。而且，描述的具體特征、結(jié)構(gòu)、材料或者特點(diǎn)可以在任何的一個(gè)或多個(gè)實(shí)施例或示例中以合適的方式結(jié)合。
[0188]盡管上面已經(jīng)示出和描述了本發(fā)明的實(shí)施例，可以理解的是，上述實(shí)施例是示例性的，不能理解為對(duì)本發(fā)明的限制，本領(lǐng)域的普通技術(shù)人員在本發(fā)明的范圍內(nèi)可以對(duì)上述實(shí)施例進(jìn)行變化、修改、替換和變型。
【權(quán)利要求】
1.一種生成瀏覽器可讀的皮膚文件的方法，其特征在于，包括: 獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件； 獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素； 對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件；根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取第一組文件元素，包括: 獲取所述第一格式的皮膚文件，所述第一格式的皮膚文件由多個(gè)文件圖層組成； 對(duì)所述第一格式的皮膚文件進(jìn)行圖層解析，得到組成所述第一格式的皮膚文件的每個(gè)文件圖層； 將所述每個(gè)文件圖層中的元素組成所述第一組文件元素。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述獲取第二組文件元素，包括: 獲取所述瀏覽器原型，所述瀏覽器原型中包括清單文件； 將所述清單文件中包括的文件元素組成所述第二組文件元素。
4.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述第一組文件元素和所述第二組文件元素都包括多個(gè)文件元素，且所述第一組文件元素中的文件元素的命名規(guī)則與所述第二組文件元素中的文件元素的命名規(guī)則相同。
5.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，包括: 對(duì)應(yīng)第二文件元素，如果存在第一文件元素，且所述第一文件元素與所述第二文件元素的命名相同，且所述第一文件元素與所述第二文件元素的尺寸相同，則在所述第二組文件元素中用所述第一文件元素替換所述第二文件元素，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
6.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，包括: 對(duì)應(yīng)第二文件元素，如果存在第一文件元素，且所述第一文件元素與所述第二文件元素的命名相同，但所述第一文件元素與所述第二文件元素的尺寸不相同，則對(duì)所述第一文件元素進(jìn)行調(diào)整，使得調(diào)整后的第一文件元素的尺寸與所述第二文件元素的尺寸相同； 在所述第二組文件元素中用所述調(diào)整后的第一文件元素替換所述第二文件元素，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
7.根據(jù)權(quán)利要求5或6所述的方法，其特征在于， 如果所述第一組文件元素中存在多個(gè)與所述第二文件元素命名相同的文件元素，則確定最上層的文件元素為所述第一文件元素。
8.根據(jù)權(quán)利要求4所述的方法，其特征在于，所述對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，包括:對(duì)應(yīng)第二文件元素，如果不存在與所述第二文件元素命名相同的第一文件元素，則在所述第二組文件元素中保持所述第二文件元素不變，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
9.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)所述組合后的文件得到第二格式的皮膚文件，包括: 根據(jù)所述瀏覽器原型的清單文件，獲取所述清單文件中記錄的每個(gè)文件元素； 對(duì)獲取的所有文件元素進(jìn)行打包后得到第二格式的皮膚文件。
10.根據(jù)權(quán)利要求1至9任一項(xiàng)所述的方法，其特征在于， 所述第一格式為PSD格式。
11.根據(jù)權(quán)利要求1至9任一項(xiàng)所述的方法，其特征在于， 所述第二格式為CRX格式。
12.—種生成瀏覽器可讀的皮膚文件的裝置，其特征在于，包括: 第一獲取模塊，用于獲取第一組文件元素，所述第一組文件元素包括對(duì)第一格式的皮膚文件解析后得到文 件元素，所述第一格式的皮膚文件是設(shè)計(jì)師設(shè)計(jì)的皮膚文件； 第二獲取模塊，用于獲取第二組文件元素，所述第二組文件元素包括對(duì)瀏覽器原型解析后得到的文件元素； 組合模塊，用于對(duì)所述第一組文件元素和所述第二組文件元素進(jìn)行組合處理，得到組合后的文件； 生成模塊，用于根據(jù)所述組合后的文件得到第二格式的皮膚文件，所述第二格式的皮膚文件是瀏覽器可讀的皮膚文件。
13.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述第一獲取模塊包括: 第一單元，用于獲取所述第一格式的皮膚文件，所述第一格式的皮膚文件由多個(gè)文件圖層組成； 第二單元，用于對(duì)所述第一格式的皮膚文件進(jìn)行圖層解析，得到組成所述第一格式的皮膚文件的每個(gè)文件圖層； 第三單元，用于將所述每個(gè)文件圖層中的元素組成所述第一組文件元素。
14.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述第二獲取模塊包括: 第四單元，用于獲取所述瀏覽器原型，所述瀏覽器原型中包括清單文件； 第五單元，用于將所述清單文件中包括的文件元素組成所述第二組文件元素。
15.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述第一組文件元素和所述第二組文件元素都包括多個(gè)文件元素，且所述第一組文件元素中的文件元素的命名規(guī)則與所述第二組文件元素中的文件元素的命名規(guī)則相同。
16.根據(jù)權(quán)利要求15所述的裝置，其特征在于，所述組合模塊具體用于: 對(duì)應(yīng)第二文件元素，如果存在第一文件元素，且所述第一文件元素與所述第二文件元素的命名相同，且所述第一文件元素與所述第二文件元素的尺寸相同，則在所述第二組文件元素中用所述第一文件元素替換所述第二文件元素，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
17.根據(jù)權(quán)利要求15所述的裝置，其特征在于，所述組合模塊具體用于: 對(duì)應(yīng)第二文件元素，如果存在第一文件元素，且所述第一文件元素與所述第二文件元素的命名相同，但所述第一文件元素與所述第二文件元素的尺寸不相同，則對(duì)所述第一文件元素進(jìn)行調(diào)整，使得調(diào)整后的第一文件元素的尺寸與所述第二文件元素的尺寸相同； 在所述第二組文件元素中用所述調(diào)整后的第一文件元素替換所述第二文件元素，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
18.根據(jù)權(quán)利要求16或17所述的裝置，其特征在于，所述組合模塊進(jìn)一步具體用于: 如果所述第一組文件元素中存在多個(gè)與所述第二文件元素命名相同的文件元素，則確定最上層的文件元素為所述 第一文件元素。
19.根據(jù)權(quán)利要求15所述的裝置，其特征在于，所述組合模塊具體用于: 對(duì)應(yīng)第二文件元素，如果不存在與所述第二文件元素命名相同的第一文件元素，則在所述第二組文件元素中保持所述第二文件元素不變，其中，所述第二文件元素是所述第二組文件元素中的一個(gè)文件元素，所述第一文件元素是所述第一組文件元素中的一個(gè)文件元素。
20.根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述生成模塊具體用于: 根據(jù)所述瀏覽器原型的清單文件，獲取所述清單文件中記錄的每個(gè)文件元素； 對(duì)獲取的所有文件元素進(jìn)行打包后得到第二格式的皮膚文件。
21.根據(jù)權(quán)利要求12至20任一項(xiàng)所述的裝置，其特征在于，所述第一格式為PSD格式。
22.根據(jù)權(quán)利要求12至20任一項(xiàng)所述的裝置，其特征在于，所述第二格式為CRX格式。
【文檔編號(hào)】G06F9/44GK104007963SQ201410188879
【公開(kāi)日】2014年8月27日 申請(qǐng)日期:2014年5月6日 優(yōu)先權(quán)日:2014年5月6日
【發(fā)明者】周琦, 王瑋, 范路, 江昪 申請(qǐng)人:北京金山網(wǎng)絡(luò)科技有限公司