一種自動檢測css表達式的方法及裝置的制造方法
【專利摘要】本發(fā)明公開了一種自動檢測CSS表達式的方法及裝置。該方法包括：獲取包含用戶界面的源代碼的HTML文件；基于預設的語言檢測HTML文件中的源代碼是否包含CSS表達式的標識符；若檢測到標識符，則確定為源代碼包含有CSS表達式，否則確定為源代碼不包含有CSS表達式。通過上述方式，本發(fā)明能夠自動檢測出源代碼中是否包含CSS表達式，方便快捷，并且結果準確。
【專利說明】
_種自動檢測css表達式的方法及裝置
技術領域
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)技術領域，尤其是涉及一種自動檢測CSS表達式的方法及裝置。
【背景技術】
[0002] 層疊樣式表(Cascading Style Sheets，CSS)是一種用來表現(xiàn)HTML(標準通用標記 語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。
[0003] CSS可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制， 使頁面變得更漂亮，更容易編排，使頁面真正賞心悅目，給客戶一個良好的視覺效果，而CSS 表達式則是一種使用動態(tài)設置CSS屬性的方式，所以在隔行換色或者模擬偽類方面會很強 大。
[0004] 但是CSS表達式經(jīng)常被重復計算。不僅僅是頁面渲染和調(diào)整大小的時候，在頁面被 滾動，甚至用戶在頁面上移動鼠標時都會重新計算表達式。給CSS表達式添加一個計數(shù)器就 可以追蹤它重新計算的時間和頻率，而在頁面上動動鼠標就可以引發(fā)10000多次重新計算。 這將影響整個頁面的性能，拖慢網(wǎng)頁加載速度甚至會造成頁面卡死。
[0005] 因此，通常會查看頁面中是否存在CSS表達式，現(xiàn)有技術中，查看界面中是否存在 CSS表達式一般都是通過人工查看源代碼，從頭至尾檢查看是否包含表達式，如果代碼量 大，費時又費力，并且很容易存在漏查。

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

[0006] 本發(fā)明主要解決的技術問題是提供一種自動檢測CSS表達式的方法及裝置，能夠 自動檢測出源代碼中是否包含CSS表達式，方便快捷，并且結果準確。
[0007] 為解決上述技術問題，本發(fā)明采用的一個技術方案是:提供一種自動檢測CSS表達 式的方法，該方法包括:獲取包含用戶界面的源代碼的HTML文件;基于預設的語言檢測HTML 文件中的源代碼是否包含CSS表達式的標識符;若檢測到標識符，則確定為源代碼包含有 CSS表達式，否則確定為源代碼不包含有CSS表達式。
[0008] 其中，獲取包含用戶界面的源代碼的HTML文件的步驟之前還包括:存儲用戶界面 的地址信息。
[0009] 其中，CSS表達式的標識符為expression!；)表達式。
[0010]其中，方法還包括：在確定源代碼包含有CSS表達式時，返回CSS表達式所在的位 置，并給出修改格式。
[0011] 其中，修改格式為將CSS表達式刪除，并替代為jquery表達式。
[0012] 為解決上述技術問題，本發(fā)明采用的另一個技術方案是:提供一種自動檢測CSS表 達式的裝置，該裝置包括:收發(fā)單元，用于獲取包含用戶界面的源代碼的HTML文件;檢測單 元，用于基于預設的語言檢測HTML文件中的源代碼是否包含CSS表達式的標識符；處理單 元，用于在檢測單元檢測到標識符時，確定為源代碼包含有CSS表達式，否則確定為源代碼 不包含有CSS表達式。
[0013]其中，裝置還包括:存儲單元，用于存儲用戶界面的地址信息。
[0014] 其中，CSS表達式的標識符為expression!；)表達式。
[0015] 其中，處理單元還在確定源代碼包含有CSS表達式時，返回CSS表達式所在的位置， 并給出修改格式。
[0016] 其中，修改格式為將CSS表達式刪除，并替代為jquery表達式。
[0017] 本發(fā)明的有益效果是：區(qū)別于現(xiàn)有技術的情況，本發(fā)明提供一種自動檢測CSS表達 式的方法及裝置。該方法包括:獲取包含用戶界面的源代碼的HTML文件;基于預設的語言檢 測HTML文件中的源代碼是否包含CSS表達式的標識符;若檢測到標識符，則確定為源代碼包 含有CSS表達式，否則確定為源代碼不包含有CSS表達式。因此，本發(fā)明能夠自動檢測出源代 碼中是否包含CSS表達式，方便快捷，并且結果準確。
【附圖說明】
[0018] 圖1是本發(fā)明實施例提供的一種自動檢測CSS表達式的方法的流程圖；
[0019] 圖2是本發(fā)明實施例提供的一種自動檢測CSS表達式的裝置的結構示意圖。
【具體實施方式】
[0020] 請參閱圖1，圖1是本發(fā)明實施例提供的一種自動檢測CSS表達式的方法的流程圖。 如圖1所示，本發(fā)明實施例的方法包括以下步驟：
[0021 ]步驟S1:獲取包含用戶界面的源代碼的HTML文件。
[0022]在本步驟之前，還包括存儲用戶界面的地址信息。具體為，通過Java語言將用戶界 面的地址載入內(nèi)存中進行存儲。
[0023]本步驟具體為，獲取用戶界面的源代碼，然后解析出HTML文件。
[0024]步驟S2:基于預設的語言檢測HTML文件中的源代碼是否包含CSS表達式的標識符。 [0025]本步驟中，若檢測到標識符，則跳轉到步驟S3，否則跳轉到步驟S4。
[0026]由于CSS表達式中會插入javascript (js)的代碼，因此，本步驟的預設的語言優(yōu)選 為java語言。
[0027] 其中，CSS表達式的標識符為expression!；)表達式。例如，一個讓body (主體）中 color(顏色)每隔一個小時變換一次CSS表達式為：
[0028] body {color: express ion ((new Date ()). getHours() % 2?，，#B8D4FF，>
[0029] :"#F08A00"）；}。
[0030] 因此本步驟具體為通過java語言檢測HTML文件中的源代碼是否包含expression 0表達式。
[0031 ]步驟S3:確定為源代碼包含有CSS表達式。
[0032] 本步驟進一步包括，返回CSS表達式所在的位置，具體為通過對話框形式返回CSS 表達式所在的行數(shù)，并給出修改格式。其中，修改格式為將CSS表達式刪除，并替代為jquery 表達式。
[0033] 本步驟還進一步提示用戶確認修改，并在用戶確定修改后，根據(jù)修改格式進行修 改。即將原來CSS表達式刪除，在<scripttype = 〃text/javascript〃>開始處用jquery實現(xiàn) 原來的CSS表達式。
[0034]承接前文的例子，修改為：
[0036] 步驟S4:確定為源代碼不包含有CSS表達式。進一步給出提示此界面中不存在CSS 表達式。
[0037] 因此，本發(fā)明能夠自動檢測出源代碼中是否包含CSS表達式，方便快捷，并且結果 準確。進一步的，在包含有CSS表達式時返回所在的行數(shù)，并進行修改，因此可以優(yōu)化HTML文 件，從而提尚界面性能。
[0038] 本發(fā)明的自動檢測CSS表達式的方法，也適用于非技術人員使用，由于非技術人員 在希望自己的產(chǎn)品絢麗多彩被客戶喜歡的同時也希望產(chǎn)品的性能好，但產(chǎn)品是否存在CSS 表達式都不太了解，因此，本發(fā)明的自動檢測CSS表達式的方法可以使用戶不通過技術方面 的知識而明確看清楚自己產(chǎn)品是否需要優(yōu)化，對維護自己互聯(lián)網(wǎng)產(chǎn)品更容易，更直觀。
[0039] 本發(fā)明還提供一種自動檢測CSS表達式的裝置，適用于前文所述的方法。具體請參 閱圖2,如圖2所示，本實施例的裝置20包括收發(fā)單元21、處理單元22以及檢測單元23。
[0040] 其中，收發(fā)單元21用于獲取包含用戶界面的源代碼的HTML文件。具體為，獲取用戶 界面的源代碼，然后解析出HTML文件。
[0041] 檢測單元23用于基于預設的語言檢測HTML文件中的源代碼是否包含CSS表達式的 標識符。
[0042]由于CSS表達式中會插入javascript (js)的代碼，因此，預設的語言優(yōu)選為java語 言。
[0043] 其中，CSS表達式的標識符為express ion ()表達式。例如，一個讓body (主體）中 color(顏色)每隔一個小時變換一次CSS表達式為：
[0044] body {color: express ion ((new Date ()). getHours() % 2?，，#B8D4FF，>
[0045] :"#F08A00"）；}。
[0046] 因此檢測單元23具體為通過java語言檢測HTML文件中的源代碼是否包含 expression))表達式。
[0047] 處理單元22用于在檢測單元23檢測到標識符時，確定為源代碼包含有CSS表達式， 否則確定為源代碼不包含有CSS表達式。
[0048] 處理單元22還在確定源代碼包含有CSS表達式時，返回CSS表達式所在的位置，具 體為通過對話框形式返回CSS表達式所在的行數(shù)，并給出修改格式。其中，修改格式為將CSS 表達式刪除，并替代為jquery表達式。
[0049] 處理單元22還進一步提示用戶確認修改，并在用戶確定修改后，根據(jù)修改格式進 行修改。即將原來CSS表達式刪除，在〈scripttype = "text/javascript〃>開始處用jquery 實現(xiàn)原來的CSS表達式。
[0050] 承接前文的例子，修改為：
[0051]
[0052] 處理單元22在確定為源代碼不包含有CSS表達式。進一步給出提示此界面中不存 在CSS表達式。
[0053]進一步的，本實施例的裝置20還包括存儲單元24,用于存儲用戶界面的地址信息， 存儲單元24可以為內(nèi)存。具體為，處理單元22通過Java語言將用戶界面的地址載入內(nèi)存中 進行存儲。
[0054]因此，本發(fā)明能夠自動檢測出源代碼中是否包含CSS表達式，方便快捷，并且結果 準確。進一步的，在包含有CSS表達式時返回所在的行數(shù)，并進行修改，因此可以優(yōu)化HTML文 件，從而提尚界面性能。
[0055]以上所述僅為本發(fā)明的實施例，并非因此限制本發(fā)明的專利范圍，凡是利用本發(fā) 明說明書及附圖內(nèi)容所作的等效結構或等效流程變換，或直接或間接運用在其他相關的技 術領域，均同理包括在本發(fā)明的專利保護范圍內(nèi)。
【主權項】
1. 一種自動檢測css表達式的方法，其特征在于，所述方法包括： 獲取包含用戶界面的源代碼的HTML文件； 基于預設的語言檢測所述HTML文件中的源代碼是否包含CSS表達式的標識符； 若檢測到所述標識符，則確定為所述源代碼包含有所述CSS表達式，否則確定為所述源 代碼不包含有所述CSS表達式。2. 根據(jù)權利要求1所述的方法，其特征在于，所述獲取包含用戶界面的源代碼的HTML文 件的步驟之前還包括： 存儲所述用戶界面的地址信息。3. 根據(jù)權利要求2所述的方法，其特征在于，所述CSS表達式的標識符為expression!；) 表達式。4. 根據(jù)權利要求1所述的方法，其特征在于，所述方法還包括： 在確定所述源代碼包含有所述CSS表達式時，返回所述CSS表達式所在的位置，并給出 修改格式。5. 根據(jù)權利要求4所述的方法，其特征在于，所述修改格式為將所述CSS表達式刪除，并 替代為jquery表達式。6. -種自動檢測CSS表達式的裝置，其特征在于，所述裝置包括： 收發(fā)單元，用于獲取包含用戶界面的源代碼的HTML文件； 檢測單元，用于基于預設的語言檢測所述HTML文件中的源代碼是否包含CSS表達式的 標識符； 處理單元，用于在所述檢測單元檢測到所述標識符時，確定為所述源代碼包含有所述 CSS表達式，否則確定為所述源代碼不包含有所述CSS表達式。7. 根據(jù)權利要求6所述的裝置，其特征在于，所述裝置還包括： 存儲單元，用于存儲所述用戶界面的地址信息。8. 根據(jù)權利要求6所述的裝置，其特征在于，所述CSS表達式的標識符為expression!；) 表達式。9. 根據(jù)權利要求6所述的裝置，其特征在于，所述處理單元還在確定所述源代碼包含有 所述CSS表達式時，返回所述CSS表達式所在的位置，并給出修改格式。10. 根據(jù)權利要求9所述的裝置，其特征在于，所述修改格式為將所述CSS表達式刪除， 并替代為jquery表達式。
【文檔編號】G06F17/30GK105868404SQ201610250072
【公開日】2016年8月17日
【申請日】2016年4月20日
【發(fā)明人】黃金鈺
【申請人】上海斐訊數(shù)據(jù)通信技術有限公司