[發明專利]層疊樣式表樣式轉換方法及裝置

在審

• 申請號: 201210088358.5
• 申請日: 2012-03-30
• 公開（公告）號: CN103365640A
• 公開（公告）日: 2013-10-23
• 發明（設計）人: 滕飛
• 申請（專利權）人: 中興通訊股份有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 工業和信息化部電子專利中心 11010
• 代理人: 梁軍

技術領域

本發明涉及計算機技術領域，特別是涉及一種層疊樣式表(Cascading?Style?Sheets，簡稱為CSS)樣式轉換方法及裝置。

背景技術

隨著互聯網時代的到來，網絡技術日新月異，不同類型的瀏覽器都在努力實現對第5版超文本標記語言(Hypertext?Markup?Language?5，簡稱為HTML5)的支持，CSS?3樣式已經在豐富著網絡世界，CSS?4也已在規劃設計之中。

在上述背景下，為前端開發者的網頁開發造成了一定的困難：既需要支持兼容各種瀏覽器，也需要了解新舊CSS版本的差異化、以及CSS樣式的摒棄或者改變。但是，開發者很難記清楚各版本中每種CSS樣式的寫法和屬性，反復查閱則浪費時間，影響效率。因此，目前急需一種簡單的CSS樣式轉換方法來幫助開發者，使開發者在開發過程中，在設置某一個CSS樣式時，可以智能的產生支持不同瀏覽器的CSS樣式。

發明內容

本發明提供一種CSS樣式轉換方法及裝置，以使開發者在開發過程中，在設置某一個CSS樣式時，能夠智能的產生支持不同瀏覽器的CSS樣式。

本發明提供一種CSS樣式轉換方法，包括：

將用戶選取的CSS代碼文本劃分為一個或多個CSS字符串，分別獲取一個或多個CSS字符串的屬性名；

將各個CSS字符串的屬性名分別與CSS樣式庫進行對比，在CSS樣式庫存在相應的屬性名的情況下，根據CSS樣式庫中相應的CSS規則將相應的CSS字符串轉換為符合CSS樣式轉換標準和代碼規范并支持多瀏覽器兼容的CSS樣式，并將轉換后的CSS字符串返回給用戶。

本發明還提供了一種CSS樣式轉換裝置，包括：

文本獲取模塊，用于獲取用戶選取的CSS代碼文本；

文本分析模塊，用于將文本獲取模塊獲取的CSS代碼文本劃分為一個或多個CSS字符串，分別獲取一個或多個CSS字符串的屬性名，將各個CSS字符串的屬性名分別與CSS樣式庫進行對比，在CSS樣式庫存在相應的屬性名的情況下，根據CSS樣式庫中相應的CSS規則將相應的CSS字符串轉換為符合CSS樣式轉換標準和代碼規范并支持多瀏覽器兼容的CSS樣式，并將轉換后的CSS字符串返回給用戶。

本發明有益效果如下：

通過獲取用戶選取的CSS代碼文本，并與CSS庫進行對比，按照CSS規范和標準，對代碼文本進行分析和替換，使代碼文本具有瀏覽器兼容性，更符合代碼規范等優點，能夠在開發網頁時便捷的產生兼容瀏覽器的不同樣式，為用戶節省了時間；本發明實施例的技術方案不僅能夠讓開發者方便的進行CSS部分的開發，還能夠簡化或者糾正CSS代碼結構或者代碼缺陷。

附圖說明

圖1是本發明實施例的CSS樣式轉換方法的流程圖；

圖2是本發明實施例的CSS樣式轉換方法的詳細操作流程圖；

圖3是本發明實施例的優化CSS代碼文本的流程圖；

圖4是本發明實施例的CSS樣式轉換裝置的結構示意圖；

圖5是本發明實施例的CSS樣式轉換裝置的詳細結構示意圖。

具體實施方式

為了使開發者在開發過程中設置某一個CSS樣式時，能夠智能的產生支持不同瀏覽器的CSS樣式，本發明提供了一種CSS樣式轉換方法及裝置，以下結合附圖以及實施例，對本發明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發明，并不限定本發明。

方法實施例

根據本發明的實施例，提供了一種CSS樣式轉換方法，圖1是本發明實施例的CSS樣式轉換方法的流程圖，如圖1所示，根據本發明實施例的CSS樣式轉換方法包括如下處理：

步驟101，將用戶選取的CSS代碼文本劃分為一個或多個CSS字符串，分別獲取一個或多個CSS字符串的屬性名；

在步驟101中，具體包括如下處理：獲取用戶選取范圍內的CSS代碼文本，根據屬性名將CSS代碼文本劃分為一個或多個CSS字符串，其中，一個CSS字符串為CSS代碼文本中的一個屬性。

也就是說，首先需要獲取用戶選取范圍內的CSS代碼文本內容，隨后，根據關鍵標示符(即屬性名)，將選中的代碼文本分割成可供分析的字符串。

在步驟101中，分別獲取一個或多個CSS字符串的屬性名之后，優選地，可以將具有相同屬性名的CSS字符串合并為一個CSS字符串。