[发明专利]CSS调试方法及装置

权利要求书

1.一种CSS调试方法，其特征在于，包括：

监测浏览器是否对加载的网页中CSS产生触发事件；

当监测到浏览器对加载的网页中CSS产生触发事件时，获取所述触发事件；

根据所述触发事件修改所述CSS对应的源文件。

2.根据权利要求1所述的CSS调试方法，其特征在于，所述根据所述触发事件修改所述CSS对应的源文件，包括：

将所述触发事件解析，得到修改信息；所述修改信息包括：修改位置和修改内容；

获取所述CSS对应的源文件；

查找所述源文件中所述修改位置上的文件内容；

根据所述修改内容修改所述文件内容。

3.根据权利要求1所述的CSS调试方法，其特征在于，所述获取所述触发事件，包括：

利用套接字socket方式与所述浏览器建立通信连接；

接收所述浏览器通过所述socket方式发送的所述触发事件。

4.根据权利要求1所述的CSS调试方法，其特征在于，在所述监测浏览器是否对加载的网页中CSS产生触发事件之前，包括：

利用所述浏览器加载所述网页；

通过所述浏览器内置的前端调试工具显示所述网页中CSS的显示内容。

5.根据权利要求1～4中任一所述的CSS调试方法，其特征在于，还包括：

保存修改后的源文件；

将修改后的源文件备份到预设位置。

6.一种CSS调试装置，其特征在于，包括：

监测模块，用于监测浏览器是否对加载的网页中CSS产生触发事件；

触发事件获取模块，用于在监测到浏览器对加载的网页中CSS产生触发事件时，获取所述触发事件；

文件修改模块，用于根据所述触发事件修改所述CSS对应的源文件。

7.根据权利要求6所述的CSS调试装置，其特征在于，所述文件修改模块，包括：

解析子模块，用于将所述触发事件解析，得到修改信息；所述修改信息包括：修改位置和修改内容；

文件获取子模块，用于获取所述CSS对应的源文件；

内容查找子模块，用于查找所述源文件中所述修改位置上的文件内容；

内容修改子模块，用于根据所述修改内容修改所述文件内容。

8.根据权利要求6所述的CSS调试装置，其特征在于，所述触发事件获取模块，包括：

通信连接子模块，用于利用套接字socket方式与所述浏览器建立通信连接；

接收子模块，用于接收所述浏览器通过所述socket方式发送的所述触发事件。

9.根据权利要求6所述的CSS调试装置，其特征在于，还包括：

网页加载模块，用于利用所述浏览器加载所述网页；

内容显示模块，用于通过所述浏览器内置的前端调试工具显示所述网页中CSS的显示内容。

10.根据权利要求6～9中任一所述的CSS调试装置，其特征在于，还包括：

文件保存模块，用于保存修改后的源文件；

文件备份模块，用于将修改后的源文件备份到预设位置。