[发明专利]CSS样式精简方法、装置、电子设备及存储介质

权利要求书

1.一种CSS样式精简方法，其特征在于，所述方法包括：

获取浏览器的插件接口，并在所述插件接口中创建配置文件，其中，所述配置文件中记录有多个待测页面的地址及每个待测页面中的交互元素；

读取所述配置文件并依次遍历所述多个待测页面的地址及每个待测页面中的交互元素；

启动所述浏览器并控制所述浏览器依次访问所述待测页面的地址对应的待测页面；

通过所述浏览器对所述待测页面进行渲染并通过CSS的remove and combine插件获取渲染过程中的第一CSS使用结果；

通过所述浏览器对所述待测页面中的交互元素进行渲染并获取渲染过程中的第二CSS使用结果；

根据所述第一CSS使用结果和所述第二CSS使用结果对CSS样式进行精简处理，包括：读取代码中的CSS标签得到CSS全量；初始化一个集合；将所述第一CSS使用结果中的每个第一CSS样式按照顺序写入所述集合中；依次遍历所述第二CSS使用结果中的每个第二CSS样式；将每个第二CSS样式与所述集合中的第一CSS样式进行比对；当第二CSS样式与所述集合中的第一CSS样式比对失败时，将所述第二CSS样式写入所述集合中；根据合并处理得到的CSS结果对所述CSS全量中的CSS样式进行精简处理；

获取待测网站的HTML代码及JavaScript逻辑代码；将精简处理后的CSS样式拼装至所述HTML代码的头部标签中；将所述JavaScript逻辑代码的链接拼装至所述HTML代码的主体部分，生成新的HTML代码；发送所述新的HTML代码给服务器；

将子页面与所述子页面中的交互元素进行关联；将点击元素与对应的精简后的CSS全量中的CSS样式进行关联；

在加载所述子页面时，保留与所述子页面关联的CSS样式，并删除与其他子页面关联的CSS样式。

2.如权利要求1所述的方法，其特征在于，所述在所述插件接口中创建配置文件包括：

采用自动化测试工具启动所述浏览器；

在所述浏览器中输入待测网站的网址；

通过所述自动化测试工具模拟用户点击所述待测网站中的每个子页面得到多个待测页面的地址；

通过所述自动化测试工具模拟用户点击所述每个子页面中的交互元素得到每个待测页面中交互的元素的名称；

根据所述待测页面的地址及所述地址下的多个元素的名称在所述插件接口中创建配置文件。