專利名稱：用于合并層疊樣式表文件的方法和設(shè)備的制作方法
技術(shù)領(lǐng)域：
本發(fā)明的實施方式總體上涉及網(wǎng)絡(luò)信息技術(shù)，更具體地，涉及用于合并層疊樣式表文件的方法和設(shè)備。
背景技術(shù)：
隨著網(wǎng) 絡(luò)技術(shù)的發(fā)展，層疊樣式表(Cascading Style Sheet,下文簡稱CSS)已成為現(xiàn)代網(wǎng)絡(luò)信息技術(shù)的一個重要組成部分。CSS可以作為單獨的文件而存在，也作為代碼段被包含在相應(yīng)Web頁面的源代碼文件(例如，超文本鏈接語言HTML文件)之中。CSS可用于定義一組與Web頁面的繪制和呈現(xiàn)有關(guān)的規(guī)則，以用于控制Web頁面的外觀和/或用戶交互。例如，CSS文件可以限定Web頁面中的字體、字號、超級鏈接的樣式、對各種用戶交互事件的響應(yīng)，等等。通過使用CSS來設(shè)置Web頁面的格式，可實現(xiàn)Web頁面的內(nèi)容與表現(xiàn)形式的分離。Web頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則存放在另一個文件中或HTML文檔的某一部分(通常為文件頭部分)。這樣不僅可使維護站點的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時間。此外，CSS的使用還有利于Web頁面的修改，便于Web頁面風格的統(tǒng)一。為了提高Web站點的可維護性以及更好地管理開發(fā)和維護過程，目前，CSS規(guī)則通常以獨立CSS文件的形式存在。在中大型Web站點的開發(fā)中，往往會涉及到數(shù)目眾多的(數(shù)百個乃至數(shù)千個)CSS文件。如何開發(fā)和管理這些CSS文件對于Web站點的開發(fā)和運營具有重要影響。從Web站點的開發(fā)和維護的角度出發(fā)，盡可能地降低CSS文件的功能粒度是有利的。也即，使每個CSS文件限定盡可能地僅與相對獨立的功能相關(guān)聯(lián)。然而，另一方面，過小的粒度可能導(dǎo)致與Web頁面相關(guān)聯(lián)的CSS文件數(shù)目過多。此時，在加載Web頁面時，為了獲得這些CSS文件將會導(dǎo)致數(shù)目較多的網(wǎng)絡(luò)通信(例如，HTTP請求和響應(yīng))，這將顯著影響Web頁面的繪制性能，并且增加對網(wǎng)絡(luò)帶寬的壓力。由此可見，在CSS的功能粒度劃分以及相應(yīng)的存儲方案上存在著矛盾。為了克服這一問題，現(xiàn)有技術(shù)中已經(jīng)提出了對CSS文件進行動態(tài)合并的解決方案。根據(jù)這種方案，開發(fā)人員在Web站點的開發(fā)過程中仍然盡量確保CSS的功能粒度足夠小(由此，將會存在數(shù)目較多的CSS文件)。在需要加載某個特定的Web頁面時，與該Web頁面相關(guān)聯(lián)的多個CSS被動態(tài)地合并，以降低需要通過網(wǎng)絡(luò)來傳輸?shù)腃SS文件的數(shù)目。以此方式，可以降低網(wǎng)絡(luò)請求的數(shù)目和網(wǎng)絡(luò)通信量，加速Web頁面的加載。然而，在現(xiàn)有技術(shù)中，對CSS文件的合并是通過獨立的配置文件來控制的。換言之，CSS文件的合并策略和方式由與Web頁面和CSS文件分離的另一配置文件來限定?，F(xiàn)有技術(shù)的這種方案可稱作“外部配置”方案。外部配置方案雖然能夠有效地減少CSS文件的數(shù)目，然而對配置文件本身的管理卻增加了額外的人力、物力和時間開銷。而且，本領(lǐng)域技術(shù)人員可以理解，外部配置方案本質(zhì)上是一種集中式方案，即眾多CSS文件的合并由少數(shù)配置文件來控制。一旦配置文件本身丟失或者出現(xiàn)錯誤，將導(dǎo)致多個Web頁面甚至整個Web站點受到影響,潛在地可能造成較大的損失。而且，在現(xiàn)有技術(shù)中，由配置文件控制的CSS文件合并通常是簡單的頭尾合并，即，將一個CSS文件作為整體附在另一 CSS文件之后。這是由于很難在配置文件中準確地描述兩個或更多CSS文件的具體合并方式(例如，內(nèi)容的插入位置)。本領(lǐng)域技術(shù)人員可以理解，這種簡單的頭尾合并可能造成CSS中屬性的前后覆蓋(S卩，文件中后定義的屬性覆蓋了先前定義的屬性)，潛在地引起Web頁面呈現(xiàn)的錯誤或不期望結(jié)果
發(fā)明內(nèi)容
為了克服現(xiàn)有技術(shù)中的上述缺陷，本發(fā)明的實施方式提供用于CSS文件合并的新穎的方法和設(shè)備。在本發(fā)明的一個方面，提供一種用于合并層疊樣式表CSS文件的方法，包括獲取與將要加載的Web頁面相關(guān)聯(lián)的第一 CSS文件；確定所述第一 CSS文件中是否包含預(yù)定義標簽；響應(yīng)于確定所述CSS文件中包含所述預(yù)定義標簽，將所述預(yù)定義標簽所指示的第二CSS文件與所述第一 CSS文件合并。根據(jù)某些可選實施方式，所述合并包括在所述預(yù)定義標簽在所述第一 CSS文件中的位置處，將所述第二 CSS文件的內(nèi)容插入所述第一 CSS文件。根據(jù)某些可選實施方式，所述預(yù)定義標簽由Oimport語句聲明。根據(jù)某些可選實施方式，上述方法還包括響應(yīng)于所述合并，對所述第二CSS文件中包含的統(tǒng)一資源定位符(URL)的相對路徑進行轉(zhuǎn)換。根據(jù)某些可選實施方式，所述合并包括在不覆蓋所述第一 CSS文件的情況下，生成新的合并CSS文件。在本發(fā)明的又一方面，提供一種用于合并層疊樣式表CSS文件的設(shè)備，包括獲取裝置，配置用于獲取與將要加載的Web頁面相關(guān)聯(lián)的第一 CSS文件；確定裝置，配置用于確定所述第一 CSS文件中是否包含預(yù)定義標簽；合并裝置，配置用于響應(yīng)于確定所述CSS文件中包含所述預(yù)定義標簽，將所述預(yù)定義標簽所指示的第二 CSS文件與所述第一 CSS文件合并。根據(jù)本發(fā)明的實施方式，在Web站點的開發(fā)過程中，一方面可以確保每個CSS文件具有盡量小的功能粒度，另一方面可以通過在CSS文件的適當位置包含預(yù)定義標簽(例如◎import語句，如下文詳述)來管理CSS文件的運行時動態(tài)合并。相應(yīng)地，Web頁面的HTML文件中僅需包含數(shù)目較少的CSS文件應(yīng)用。由此，在Web頁面的實際加載過程中，對于與該頁面相關(guān)聯(lián)的CSS文件，本發(fā)明的實施方式將根據(jù)其中的預(yù)定義標簽(如果存在的話)動態(tài)獲取其他CSS文件，并且將這些CSS文件與當前CSS文件動態(tài)結(jié)合。以此方式，CSS文件的合并以一種完全“自配置”的方式實現(xiàn)，而無需任何外部配置文件的輔助，這極大地提高了 Web站點開發(fā)和管理的效用和靈活性。而且，根據(jù)本發(fā)明的優(yōu)選實施方式，CSS文件的合并可以根據(jù)標簽在CSS文件中的位置來完成。由此，可以準確地控制CSS文件的合并，進而準確地控制合并CSS文件的行為，而不是如同現(xiàn)有技術(shù)中那樣簡單地執(zhí)行頭尾合并。


通過參考附圖閱讀下文的詳細描述，本發(fā)明實施方式的上述以及其他目的、特征和優(yōu)點將變得易于理解。在附圖中，以示例性而非限制性的方式示出了本發(fā)明的若干實施方式，其中圖I示出了根據(jù)本發(fā)明示例性實施方式的用于合并CSS文件的方法100的流程圖；圖2示出了根據(jù)本發(fā)明示例性實施方式的用于合并CSS文件的設(shè)備200的框圖；以及圖3示出了適合用來實踐本發(fā)明實施方式的計算機系統(tǒng)的框圖。在附圖中，相同或?qū)?yīng)的標號表不相同或?qū)?yīng)的部分。
具體實施例方式下面將參考若干示例性實施方式來描述本發(fā)明的原理和精神。應(yīng)當理解，給出這些實施方式僅僅是為了使本領(lǐng)域技術(shù)人員能夠更好地理解進而實現(xiàn)本發(fā)明，而并非以任何方式限制本發(fā)明的范圍。如上文所述，根據(jù)本發(fā)明的實施方式，Web站點的開發(fā)人員在編寫CSS文件時，可以在可能需要合并的位置包含預(yù)定義的標簽。在Web頁面的加載過程中，對于與該頁面相關(guān)聯(lián)的CSS文件，將根據(jù)其中的預(yù)定義標簽(如果存在的話)動態(tài)獲取其他CSS文件，并且將這些CSS文件與當前CSS文件動態(tài)結(jié)合。由此，根據(jù)本發(fā)明的實施方式，CSS文件的合并以“自配置”方式實現(xiàn)，無需任何外部配置文件的參與。而且，根據(jù)本發(fā)明的優(yōu)選實施方式，CSS文件的合并可以根據(jù)標簽在CSS文件中的位置來完成。由此，可以準確地控制CSS文件的合并，從而控制合并后CSS文件的行為。下面結(jié)合附圖以示例的方式詳細描述本發(fā)明的各種實施方式。首先參考圖1，其示出了根據(jù)本發(fā)明示例性實施方式的用于合并CSS文件的方法100的流程圖。應(yīng)當理解，方法100中記載的各個步驟可以按照不同的順序執(zhí)行，和/或并行執(zhí)行。此外，方法100可以包括附加的步驟和/或省略執(zhí)行示出的步驟。本發(fā)明的范圍在此方面不受限制。方法100開始后，在步驟S102，獲取與將要加載的Web頁面相關(guān)聯(lián)的第一 CSS文件。本領(lǐng)域技術(shù)人員可以理解，當例如瀏覽器等應(yīng)用請求加載某個特定Web頁面時，其可以獲得該Web頁面的HTML文件。如本領(lǐng)域中已知的，在Web的HTML源文件中，例如可以指示與該Web頁面相關(guān)聯(lián)的CSS文件的統(tǒng)一資源定位符(URL)。作為一個具體示例，相關(guān)聯(lián)CSS文件的URL通?？梢栽谂cWeb頁面的HTML文件的〈link〉標簽中指示，而〈link〉標簽通常包含在由〈head〉標簽定義的頭部中。下面的表I給出了利用〈link〉標簽來指示CSS文件的URL的一個具體示例

權(quán)利要求
1.一種用于合并層疊樣式表CSS文件的方法，包括 獲取與將要加載的Web頁面相關(guān)聯(lián)的第一 CSS文件； 確定所述第一 CSS文件中是否包含預(yù)定義標簽； 響應(yīng)于確定所述CSS文件中包含所述預(yù)定義標簽，將所述預(yù)定義標簽所指示的第二CSS文件與所述第一 CSS文件合并。
2.如權(quán)利要求I所述的方法，其中所述合并包括 在所述預(yù)定義標簽在所述第一 CSS文件中的位置處，將所述第二 CSS文件的內(nèi)容插入所述第一 CSS文件。
3.如權(quán)利要求I所述的方法，其中所述合并包括 在不覆蓋所述第一 CSS文件的情況下，生成新的合并CSS文件。
4.如權(quán)利要求I所述的方法，其中所述預(yù)定義標簽由Oimport語句實現(xiàn)。
5.如權(quán)利要求I所述的方法，還包括 響應(yīng)于所述合并，對所述第二 CSS文件中包含的統(tǒng)一資源定位符URL的相對路徑進行轉(zhuǎn)換。
6.一種用于合并層疊樣式表CSS文件的設(shè)備，包括 獲取裝置，配置用于獲取與將要加載的Web頁面相關(guān)聯(lián)的第一 CSS文件； 確定裝置，配置用于確定所述第一 CSS文件中是否包含預(yù)定義標簽； 合并裝置，配置用于響應(yīng)于確定所述CSS文件中包含所述預(yù)定義標簽而將所述預(yù)定義標簽所指示的第二 CSS文件與所述第一 CSS文件合并。
7.如權(quán)利要求6所述的設(shè)備，其中所述合并裝置包括 配置用于在所述預(yù)定義標簽在所述第一 CSS文件中的位置處將所述第二 CSS文件的內(nèi)容插入所述第一 CSS文件的裝置。
8.如權(quán)利要求6所述的設(shè)備，其中所述合并裝置包括 配置用于在不覆蓋所述第一 CSS文件的情況下生成新的合并CSS文件的裝置。
9.如權(quán)利要求6所述的設(shè)備,其中所述預(yù)定義標簽由Oimport語句實現(xiàn)。
10.如權(quán)利要求6所述的設(shè)備，還包括 路徑轉(zhuǎn)換裝置，配置用于響應(yīng)于所述合并而對所述第二 CSS文件中包含的統(tǒng)一資源定位符URL的相對路徑進行轉(zhuǎn)換。
全文摘要
本發(fā)明的實施方式涉及用于合并層疊樣式表文件的方法和設(shè)備。具體公開了一種用于合并層疊樣式表CSS文件的方法，包括獲取與將要加載的Web頁面相關(guān)聯(lián)的第一CSS文件；確定所述第一CSS文件中是否包含預(yù)定義標簽；響應(yīng)于確定所述CSS文件中包含所述預(yù)定義標簽，將所述預(yù)定義標簽所指示的第二CSS文件與所述第一CSS文件合并。本發(fā)明的實施方式公開了相應(yīng)的設(shè)備。
文檔編號G06F17/30GK102622376SQ20111003514
公開日2012年8月1日 申請日期2011年1月28日 優(yōu)先權(quán)日2011年1月28日
發(fā)明者李靖威 申請人:北京千橡網(wǎng)景科技發(fā)展有限公司