[发明专利]网页元素定位方法

说明书

本发明公开了一种网页元素定位方法，在本发明的实施例中，基于吸附距离的设定，在拖拽元素被拖拽到距离网页元素一定距离范围内时释放，拖拽元素被自动吸附到设定的亲密性间隔处，不仅大大提高了网页编辑的效率，而且所生成的网页元素间的距离直接由设定值确定，定位的一致性好，且精度已经不是问题，换言之，设定值为多少，就可以达到多少。尤其是，拖拽的灵活性并没有因吸附距离和亲密性间隔的设定而有所影响。

技术领域

本发明涉及一种网页元素定位方法。

背景技术

可视化网页设计/编辑器（也称软件、工具）已经成为当前网页编辑的主流软件，其中，基于拖拽的网页编辑器插件也越来越多的被配置在各类网页编辑器中。拖拽的对象往往是网页编辑器所提供的各类控件，将选定的控件，通过鼠标点击并拖拽至指定的区域释放的方式形成网页元素，操作便捷性比较好。

网页元素在编辑窗口内的定位主要靠鼠标的拖拽定位，网页编辑器通常在编辑窗口侧边处提供标尺或者直接在编辑窗口内创建背景标尺，编辑人员通过经验和辅助标尺对网页元素在编辑窗口内进行定位。该种网页元素的定位方式存在其固有的缺陷：首先网页元素在拖拽过程中网页元素之间的距离无法细化，容易出现定位偏差；此外，拖拽过程中网页元素之间的距离不能在拖拽过程中实时获知。

中国专利文献CN103164191A公开了一种网页元素拖拽方法和装置，该专利文献在其背景技术部分对网页的基本构成和拖拽定位网页元素的原理进行了较为充分的说明，并进一步提出了通过在网页元素拖拽过程中根据网页元素拖拽的目标位置的坐标信息，确定当前网页元素所拖拽到的最上层元素，进而在该最上层元素或该最上层元素的上级节点为容器（用于存放其他网页元素的网页元素）时，将该网页元素移动到相应的容器中。该专利文献借此减少网页元素拖拽过程中的计算量，然而该拖拽过程适于相对粗略的拖拽操作。同时需要说明的是，发明人认为，拖拽过程中的网页元素的与编辑窗口已存的网页元素间的位置关系实质并不需要实时计算，在宏观的层面上需进行位置计算时往往在很小的范围内适用，编辑人员拖拽网页元素的精度不会大于毫米级。尤其是，拖拽网页元素所需要的计算量非常小，对当前计算机的资源占用量非常小，小到可以忽略或者说小到操作人员人眼无法识别的程度，没有必要过分强调单个网页元素拖拽时对资源占用的问题。

中国专利文献CN109213409A公开了一种网页中拖拽组件定位方法，其定位首先确定鼠标拖拽组件的释放时侧层级以及在同级组件中与其它组件的位置关系，然后用以自动调整组别归属和同级别中的位置，该中调整方式相对粗略，适于网页操作，而不适于网页编辑。

中国专利文献CN106445486A公开了一种构造和生成网页的方法及系统，其网页元素的生成也主要通过鼠标拖拽相关控件的方式生成，其对网页元素的定位主要靠鼠标拖拽，在一些实现中采用预先设定位置的方式进行定位。如前所述，简单的依靠鼠标拖拽，其定位精度比较差，而对于预先设定位置，其位置精度比较高，但操作灵活性比较差，尤其是控件图元大小相同，但网页元素大小并不相同，在预先设定位置的条件下，难以对网页元素的属性进行调整。

在一些实现中，编辑界面提供当前网页元素的实时位置信息，以辅助编辑人员进行编辑，这种方式并不能改善手动拖动控件的位置精度控制问题。即便是是鼠标拖拽的位置精度足够高，但在鼠标释放时，总是伴随着可察觉或者不可察觉的手势，而导致释放位置与释放前所确定的位置并不一致。

发明内容

本发明的目的在于提供一种在不影响操作灵活性的条件下具备良好定位精度的网页元素定位方法。

在本发明的实施例中，提供一种网页元素定位方法，应用于网页编辑，对当前的拖拽控件进行赋值，所赋值包括亲密性间隔和吸附距离；

拖拽控件进入编辑页面形成拖拽元素；

拖拽元素被拖拽至编辑页面内已存的网页元素给定距离范围内释放，拖拽元素被定位至距离所述网页元素亲密性间隔处而形成新的网页元素；