[发明专利]截取网页局部区域CSS样式的方法和系统

权利要求书

1.一种截取网页局部区域CSS样式的方法，其特征在于，包括以下步骤：

在接收到用户输入的监测指令时，监测输入设备在网页中的指示位置；

根据所述指示位置从网页中所有的html元素中确定用户需要复制的第一目标元素，并获取所述第一目标元素的引用；

遍历网页中所有的html元素的CSS规则对象，从所述CSS规则对象中查找所述第一目标元素的引用对应的cssRules对象；

从所述cssRules对象中获取第一目标元素的CSS样式键值对；

在接收到用户的复制指令时，复制所述CSS样式键值对。

2.根据权利要求1所述的截取网页局部区域CSS样式的方法，其特征在于，根据所述指示位置从网页中所有的html元素中确定用户需要复制的第一目标元素的步骤包括：

为网页中所有的html元素注册第一函数；其中，所述第一函数用于判断所述输入设备的坐标是否处于相应html元素的坐标范围之内；

若所述输入设备的坐标处于第一html元素的坐标范围之内，则将所述第一html元素设置为第一目标元素。

3.根据权利要求1所述的截取网页局部区域CSS样式的方法，其特征在于，还包括以下步骤：

在接收到用户输入的取消监测指令时，取消监测输入设备在网页中的指示位置。

4.根据权利要求1所述的截取网页局部区域CSS样式的方法，其特征在于，在获取所述第一目标元素的引用之后，还包括以下步骤：

根据所述引用获取第一目标元素在网页中的坐标值和尺寸；

根据所述坐标值和尺寸生成绝对定位的div元素，并用所述div元素覆盖所述第一目标元素。

5.根据权利要求4所述的截取网页局部区域CSS样式的方法，其特征在于，还包括以下步骤：

为所述div元素设置显示所述第一目标元素的CSS键值对的第一标识；

为所述第一目标元素设置区分所述第一目标元素与网页中的其他html元素的第二标识；

根据所述第一标识与第二标识查看第一目标元素的CSS样式。

6.根据权利要求4所述的截取网页局部区域CSS样式的方法，其特征在于，还包括以下步骤：

当监测到输入设备移动到所述网页中的第二目标元素的坐标范围内时，清除所述div元素，并重新生成div元素覆盖所述第二目标元素；其中，所述第二目标元素为网页中所述第一目标元素之外的其他html元素。

7.根据权利要求1所述的截取网页局部区域CSS样式的方法，其特征在于，遍历网页中所有的html元素的CSS规则对象，从所述CSS规则对象中查找第一目标元素的引用对应的cssRules对象的步骤包括：

获取网页中所有html元素的CSS规则对象；

遍历所述CSS规则对象的属性，获取所述CSS规则对象的每个属性中的cssRules对象；

遍历所述cssRules对象，并将所述cssRules对象的每个属性中的selectorText属性与第一目标元素进行匹配；若匹配成功，则将所述cssRules对象设置为第一目标元素的cssRules对象。

8.根据权利要求1所述的截取网页局部区域CSS样式的方法，其特征在于，在从第一目标元素的cssRules对象中获取第一目标元素的CSS样式键值对的步骤之后，还包括：

对第一目标元素的CSS样式键值对的值进行空值过滤以及CSS属性的过滤，得到第一目标元素的有效CSS样式键值对。