一种自动检测css表达式的方法及装置的制造方法
【专利摘要】本发明公开了一种自动检测CSS表达式的方法及装置。该方法包括：获取包含用户界面的源代码的HTML文件；基于预设的语言检测HTML文件中的源代码是否包含CSS表达式的标识符；若检测到标识符，则确定为源代码包含有CSS表达式，否则确定为源代码不包含有CSS表达式。通过上述方式，本发明能够自动检测出源代码中是否包含CSS表达式，方便快捷，并且结果准确。
【专利说明】
_种自动检测css表达式的方法及装置
技术领域
[0001] 本发明涉及互联网技术领域，尤其是涉及一种自动检测CSS表达式的方法及装置。
【背景技术】
[0002] 层叠样式表(Cascading Style Sheets，CSS)是一种用来表现HTML(标准通用标记 语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
[0003] CSS可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制， 使页面变得更漂亮，更容易编排，使页面真正赏心悦目，给客户一个良好的视觉效果，而CSS 表达式则是一种使用动态设置CSS属性的方式，所以在隔行换色或者模拟伪类方面会很强 大。
[0004] 但是CSS表达式经常被重复计算。不仅仅是页面渲染和调整大小的时候，在页面被 滚动，甚至用户在页面上移动鼠标时都会重新计算表达式。给CSS表达式添加一个计数器就 可以追踪它重新计算的时间和频率，而在页面上动动鼠标就可以引发10000多次重新计算。 这将影响整个页面的性能，拖慢网页加载速度甚至会造成页面卡死。
[0005] 因此，通常会查看页面中是否存在CSS表达式，现有技术中，查看界面中是否存在 CSS表达式一般都是通过人工查看源代码，从头至尾检查看是否包含表达式，如果代码量 大，费时又费力，并且很容易存在漏查。
【发明内容】
[0006] 本发明主要解决的技术问题是提供一种自动检测CSS表达式的方法及装置，能够 自动检测出源代码中是否包含CSS表达式，方便快捷，并且结果准确。
[0007] 为解决上述技术问题，本发明采用的一个技术方案是:提供一种自动检测CSS表达 式的方法，该方法包括:获取包含用户界面的源代码的HTML文件;基于预设的语言检测HTML 文件中的源代码是否包含CSS表达式的标识符;若检测到标识符，则确定为源代码包含有 CSS表达式，否则确定为源代码不包含有CSS表达式。
[0008] 其中，获取包含用户界面的源代码的HTML文件的步骤之前还包括:存储用户界面 的地址信息。
[0009] 其中，CSS表达式的标识符为expression!；)表达式。
[0010]其中，方法还包括：在确定源代码包含有CSS表达式时，返回CSS表达式所在的位 置，并给出修改格式。
[0011] 其中，修改格式为将CSS表达式删除，并替代为jquery表达式。
[0012] 为解决上述技术问题，本发明采用的另一个技术方案是:提供一种自动检测CSS表 达式的装置，该装置包括:收发单元，用于获取包含用户界面的源代码的HTML文件;检测单 元，用于基于预设的语言检测HTML文件中的源代码是否包含CSS表达式的标识符；处理单 元，用于在检测单元检测到标识符时，确定为源代码包含有CSS表达式，否则确定为源代码 不包含有CSS表达式。
[0013]其中，装置还包括:存储单元，用于存储用户界面的地址信息。
[0014] 其中，CSS表达式的标识符为expression!；)表达式。
[0015] 其中，处理单元还在确定源代码包含有CSS表达式时，返回CSS表达式所在的位置， 并给出修改格式。
[0016] 其中，修改格式为将CSS表达式删除，并替代为jquery表达式。
[0017] 本发明的有益效果是：区别于现有技术的情况，本发明提供一种自动检测CSS表达 式的方法及装置。该方法包括:获取包含用户界面的源代码的HTML文件;基于预设的语言检 测HTML文件中的源代码是否包含CSS表达式的标识符;若检测到标识符，则确定为源代码包 含有CSS表达式，否则确定为源代码不包含有CSS表达式。因此，本发明能够自动检测出源代 码中是否包含CSS表达式，方便快捷，并且结果准确。
【附图说明】
[0018] 图1是本发明实施例提供的一种自动检测CSS表达式的方法的流程图；
[0019] 图2是本发明实施例提供的一种自动检测CSS表达式的装置的结构示意图。
【具体实施方式】
[0020] 请参阅图1，图1是本发明实施例提供的一种自动检测CSS表达式的方法的流程图。 如图1所示，本发明实施例的方法包括以下步骤：
[0021 ]步骤S1:获取包含用户界面的源代码的HTML文件。
[0022]在本步骤之前，还包括存储用户界面的地址信息。具体为，通过Java语言将用户界 面的地址载入内存中进行存储。
[0023]本步骤具体为，获取用户界面的源代码，然后解析出HTML文件。
[0024]步骤S2:基于预设的语言检测HTML文件中的源代码是否包含CSS表达式的标识符。 [0025]本步骤中，若检测到标识符，则跳转到步骤S3，否则跳转到步骤S4。
[0026]由于CSS表达式中会插入javascript (js)的代码，因此，本步骤的预设的语言优选 为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 表达式所在的行数，并给出修改格式。其中，修改格式为将CSS表达式删除，并替代为jquery 表达式。
[0033] 本步骤还进一步提示用户确认修改，并在用户确定修改后，根据修改格式进行修 改。即将原来CSS表达式删除，在<scripttype = 〃text/javascript〃>开始处用jquery实现 原来的CSS表达式。
[0034]承接前文的例子，修改为：
[0036] 步骤S4:确定为源代码不包含有CSS表达式。进一步给出提示此界面中不存在CSS 表达式。
[0037] 因此，本发明能够自动检测出源代码中是否包含CSS表达式，方便快捷，并且结果 准确。进一步的，在包含有CSS表达式时返回所在的行数，并进行修改，因此可以优化HTML文 件，从而提尚界面性能。
[0038] 本发明的自动检测CSS表达式的方法，也适用于非技术人员使用，由于非技术人员 在希望自己的产品绚丽多彩被客户喜欢的同时也希望产品的性能好，但产品是否存在CSS 表达式都不太了解，因此，本发明的自动检测CSS表达式的方法可以使用户不通过技术方面 的知识而明确看清楚自己产品是否需要优化，对维护自己互联网产品更容易，更直观。
[0039] 本发明还提供一种自动检测CSS表达式的装置，适用于前文所述的方法。具体请参 阅图2,如图2所示，本实施例的装置20包括收发单元21、处理单元22以及检测单元23。
[0040] 其中，收发单元21用于获取包含用户界面的源代码的HTML文件。具体为，获取用户 界面的源代码，然后解析出HTML文件。
[0041] 检测单元23用于基于预设的语言检测HTML文件中的源代码是否包含CSS表达式的 标识符。
[0042]由于CSS表达式中会插入javascript (js)的代码，因此，预设的语言优选为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表达式所在的行数，并给出修改格式。其中，修改格式为将CSS 表达式删除，并替代为jquery表达式。
[0049] 处理单元22还进一步提示用户确认修改，并在用户确定修改后，根据修改格式进 行修改。即将原来CSS表达式删除，在〈scripttype = "text/javascript〃>开始处用jquery 实现原来的CSS表达式。
[0050] 承接前文的例子，修改为：
[0051]
[0052] 处理单元22在确定为源代码不包含有CSS表达式。进一步给出提示此界面中不存 在CSS表达式。
[0053]进一步的，本实施例的装置20还包括存储单元24,用于存储用户界面的地址信息， 存储单元24可以为内存。具体为，处理单元22通过Java语言将用户界面的地址载入内存中 进行存储。
[0054]因此，本发明能够自动检测出源代码中是否包含CSS表达式，方便快捷，并且结果 准确。进一步的，在包含有CSS表达式时返回所在的行数，并进行修改，因此可以优化HTML文 件，从而提尚界面性能。
[0055]以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发 明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技 术领域，均同理包括在本发明的专利保护范围内。
【主权项】
1. 一种自动检测css表达式的方法，其特征在于，所述方法包括： 获取包含用户界面的源代码的HTML文件； 基于预设的语言检测所述HTML文件中的源代码是否包含CSS表达式的标识符； 若检测到所述标识符，则确定为所述源代码包含有所述CSS表达式，否则确定为所述源 代码不包含有所述CSS表达式。2. 根据权利要求1所述的方法，其特征在于，所述获取包含用户界面的源代码的HTML文 件的步骤之前还包括： 存储所述用户界面的地址信息。3. 根据权利要求2所述的方法，其特征在于，所述CSS表达式的标识符为expression!；) 表达式。4. 根据权利要求1所述的方法，其特征在于，所述方法还包括： 在确定所述源代码包含有所述CSS表达式时，返回所述CSS表达式所在的位置，并给出 修改格式。5. 根据权利要求4所述的方法，其特征在于，所述修改格式为将所述CSS表达式删除，并 替代为jquery表达式。6. -种自动检测CSS表达式的装置，其特征在于，所述装置包括： 收发单元，用于获取包含用户界面的源代码的HTML文件； 检测单元，用于基于预设的语言检测所述HTML文件中的源代码是否包含CSS表达式的 标识符； 处理单元，用于在所述检测单元检测到所述标识符时，确定为所述源代码包含有所述 CSS表达式，否则确定为所述源代码不包含有所述CSS表达式。7. 根据权利要求6所述的装置，其特征在于，所述装置还包括： 存储单元，用于存储所述用户界面的地址信息。8. 根据权利要求6所述的装置，其特征在于，所述CSS表达式的标识符为expression!；) 表达式。9. 根据权利要求6所述的装置，其特征在于，所述处理单元还在确定所述源代码包含有 所述CSS表达式时，返回所述CSS表达式所在的位置，并给出修改格式。10. 根据权利要求9所述的装置，其特征在于，所述修改格式为将所述CSS表达式删除， 并替代为jquery表达式。
【文档编号】G06F17/30GK105868404SQ201610250072
【公开日】2016年8月17日
【申请日】2016年4月20日
【发明人】黄金钰
【申请人】上海斐讯数据通信技术有限公司