CN112307408A - 确定页面中元素信息的方法、装置、电子设备及存储介质 - Google Patents
确定页面中元素信息的方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN112307408A CN112307408A CN202011333291.8A CN202011333291A CN112307408A CN 112307408 A CN112307408 A CN 112307408A CN 202011333291 A CN202011333291 A CN 202011333291A CN 112307408 A CN112307408 A CN 112307408A
- Authority
- CN
- China
- Prior art keywords
- target
- measured
- determining
- information
- cursor
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例公开了一种确定页面中元素信息的方法、装置、电子设备及存储介质,该方法包括:获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素;将所述待测量元素复制在预先设置的透明层中得到所述目标元素;获取所述目标元素的属性信息,并基于所述属性信息确定所述待测量元素的尺寸信息。本发明实施例技术方案,解决了现有技术中手动确定元素尺寸时,存在误差率较高、人工成本较高以及测量效率较低的技术问题,实现了自动、便捷以及准确的确定待测量元素尺寸的技术效果。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种确定页面中元素信息的方法、装置、电子设备及存储介质。
背景技术
在前端工程师开发网页时,需要知道自己开发出来的页面中元素的位置和尺寸是否与视觉稿一致,如,开发的html页面中,元素的尺寸和元素的位置是否与设计师设计的相符合。为了解决此问题,通常需要借助浏览器开发工具来测量,但是设计师通常不会使用此类工具,导致无法确定实际页面中的各元素是否与其设计相匹配。
为了解决上述问题,设计师通常会采用市面上的元素测量工具,如page ruler,采用此工具来测量的具体步骤是:用户拖动鼠标从待测量元素的左上顶点框选到右下顶点来确定元素的尺寸,由于是手动测量的,因此测量出的元素尺寸与元素实际尺寸存在一定的误差,导致存在测量准确率较低、测量效率较低以及人工成本较高的技术问题。
发明内容
本发明提供一种确定页面中元素信息的方法、装置、电子设备及存储介质,以实现自动、准确的测量页面中各元素尺寸以及间隔的技术效果。
第一方面,本发明实施例提供了一种确定页面中元素信息的方法,该方法包括:
获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素;
将所述待测量元素复制在预先设置的透明层中得到所述目标元素;
获取所述目标元素的属性信息,并基于所述属性信息确定所述带测量元素的尺寸信息。
第二方面,本发明实施例还提供了一种确定页面中元素信息的装置,该装置包括:
待测量元素模块,用于获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素;
目标元素确定模块,用于将所述待测量元素复制在预先设置的透明层中得到所述目标元素;
尺寸信息确定模块,用于获取所述目标元素的属性信息,并基于所述属性信息确定所述待测量元素的尺寸信息。
第三方面,本发明实施例还提供了一种电子设备,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本发明实施例任一所述的确定页面中元素信息的方法。
第四方面,本发明实施例还提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如本发明实施例任一所述的确定页面中元素信息的方法。
本发明实施例的技术方案,通过预先编写的程序在获取到光标的位置信息后,将光标所对应的待测量元素放置在预先设置的透明层中,并基于透明层显示的与待测量元素所对应的目标元素的属性信息,确定所述待测量元素的尺寸信息,解决了现有技术中手动确定元素尺寸时,存在误差率较高、人工成本较高以及测量效率较低的技术问题,实现了自动、便捷以及准确的确定待测量元素尺寸的技术效果。
附图说明
为了更加清楚地说明本发明示例性实施例的技术方案,下面对描述实施例中所需要用到的附图做一简单介绍。显然,所介绍的附图只是本发明所要描述的一部分实施例的附图,而不是全部的附图,对于本领域普通技术人员,在不付出创造性劳动的前提下,还可以根据这些附图得到其他的附图。
图1为本发明实施例一所提供的一种确定页面中元素信息的方法流程示意图;
图2为本发明实施例一所提供的将待测量元素显示在透明层中的示意图;
图3为本发明实施例二所提供的一种确定页面中元素信息的方法流程示意图;
图4为本发明实施例二所提供的选中页面中至少两个待测量元素的示意图;
图5为本发明实施例二所提供的确定前一目标元素与当前目标元素间距信息的示意图;
图6为本发明实施例三所提供的一种确定页面中元素信息的装置结构示意图;
图7为本发明实施例四所提供的一种电子设备结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
实施例一
图1为本发明实施例一所提供的一种确定页面中元素信息的方法流程示意图,本实施例可适用于自动确定页面中各元素尺寸和元素之间间距的情况,该方法可以由确定页面中元素信息的装置来执行,该系统可以通过软件和/或硬件的形式实现,该硬件可以是电子设备,如移动终端和PC端等。
在介绍本实施例技术方案之前,可以对应用场景进行示例性说明。通常一个页面中包括多个元素,各元素需要按照预先设计的要求显示在页面上,在前端页面布局完成后,可以测量页面中各元素是否按照设计要求进行布局的。
如图1所述,本实施例的方法包括:
S110、获取光标当前所对应的目标位置,并确定与目标位置所对应的待测量元素。
其中,光标可以显示或停止在前端页面的任意位置处,可以将光标当前所处的位置作为目标位置,如,光标在某个控件上静置,则可以光标此时所处的位置作为目标位置。相应的,某个控件中所编辑的元素作为待测量元素。
需要说明的是,页面中的每个元素均可以是待测量元素。通常,当需要测量某个元素的尺寸时,可以将光标放置在该元素处,因此,在本实施例中,是将光标所对应的元素作为待测量元素。
示例性的,页面包括多个控件,某个控件中编辑的内容为A,当用户将光标移动并静置在该控件上时,可以将光标当前所处的位置作为目标位置,控件中的内容A作为待测量元素。
具体的,页面浏览器可以实时检测光标当前所处的位置,并将光标当前所处的位置作为目标位置,相应的,光标所指向的控件所对应的内容作为待测量元素。
可选的,所述获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素,包括:获取光标在所述待测量元素所属页面的坐标信息;根据所述坐标信息,确定所述目标位置所对应的待测量元素。
通常,设计师在设计页面时,会设置各个元素在页面中的具体位置,由于每个元素是由很多点构成的面,而光标对应的为具体的点,因此在确定光标的具体位置后,可以确定包括光标具体位置的元素,并将该元素作为待测量元素。
其中,若光标在页面上的某个位置静置时,页面浏览器可以确定光标的具体位置,如,该光标距离页面左边缘的距离,距离页面上边缘的距离,根据此距离可以确定光标的具体位置信息,即光标在待测量元素所属页面的具体位置。在确定光标的具体位置后,可以根据具体位置确定页面中哪个元素包括该位置信息,可以将包括该位置信息的元素作为待测量元素。
S120、将所述待测量元素复制在预先设置的透明层中得到所述目标元素。
需要说明的是,网页上的元素众多,用户可以在前端页面中进行相应的操作,为了便于用户确定当前测量的元素是哪一个元素,可以在测量元素时,在当前网页的最上层添加一个透明层,该透明层的作用为用于屏蔽页面本身的交互行为,使用户可以专注于元素的测量。
具体的,在确定出待测量元素后,可以将该待测量元素复制在预先设置的透明层上,并将显示在透明层上的元素作为目标元素。
可选的,当检测到触发测量元素尺寸的操作时,调取预先设置的与所述目标元素所属页面尺寸相同的透明层,以将光标所对应的待测量元素复制至所述透明层上。
其中,用户可以触发测量元素尺寸的操作,当检测到触发该操作时,可以基于预先编写的程序代码实现在当前页面的最上层添加透明层,以将当前光标所对应的待测量元素复制至透明层上,从而便于用户确认当前测量的元素为哪一个元素。
设置的透明层的好处在于,不仅可以屏蔽页面本身的交互行为,还可以便于用户确认当前测量的元素为哪一个元素,提高了测量元素的通用性和便捷性。
可选的,所述将所述待测量元素复制在预先设置的透明层中得到所述目标元素,包括:调取预先编写的复制程序,将所述待测量元素复制至预先设置的透明层中,并将所述待测量元素在所述透明层中区别显示,得到所述目标元素。
具体的,在检测到触发测量元素尺寸的操作时,不仅可以在当前页面上显示预先设置的透明层,还可以调用预先编写的复制代码,以将当前光标所对应的待测量元素复制至透明层中的相应位置处。同时,为了在透明层中区别显示该待测量元素,可以将待测量元素以其他颜色显示,可选的,蓝色。
示例性的,如图2所示,将光标所对位置处的待测量元素复制在透明层中与该待测量元素相对应的位置处,同时,可以将复制的待测量元素蓝色透明显示在透明层上。
S130、获取所述目标元素的属性信息,并基于所述属性信息确定所述待测量元素的尺寸信息。
具体的,在确定目标元素后,可以获取目标元素的属性信息,基于属性信息可以确定目标元素的形状、尺寸等,可选的,获取到目标元素的长度和宽度,可以将此长度和宽度作为待测量元素的尺寸。
需要说明的是,此时是直接获取到的具体元素,因此测量出来的结果是精准的,实现了只需要移动光标就可以测量页面中各元素尺寸的技术效果。
本发明实施例的技术方案,通过预先编写的程序在获取到光标的位置信息后,将光标所对应的待测量元素放置在预先设置的透明层中,并基于透明层显示的与待测量元素所对应的目标元素的属性信息,确定所述待测量元素的尺寸信息,解决了现有技术中手动确定元素尺寸时,存在误差率较高、人工成本较高以及测量效率较低的技术问题,实现了自动、便捷以及准确的确定待测量元素尺寸的技术效果。
在上述技术方案的基础上,当检测到所述光标的目标位置发生变化时,则将所述目标元素从所述透明层中删除,并获取所述光标的下一目标位置,以将所述目标位置所对应的待测量元素作为目标元素。
其中,目标位置发生变化可以理解为用户可以移动鼠标,当鼠标移动时会带动光标的移动,相应的,光标停止的位置可能与前一次光标停止的位置存在一定的差异,可以将光标再次停留的位置作为目标位置。也就是说,光标当前停留的位置为用户想要测量元素尺寸的位置,此时,可以将前一目标位置所对应的目标元素从透明层中删除,将当前光标位置所对应的元素复制至透明层上,即重复执行S110至S130,来确定当前光标位置所对应的目标元素的尺寸信息。
实施例二
图3为本发明实施例二所提供的一种确定页面中元素信息的方法流程示意图。在前述实施例的基础上,在检测到触发待测量元素并触发确认按键时,可以将待测量元素保留在透明层中,并在检测到光标所对应的目标位置发生变化时,将变化后目标位置所对应的待测量元素显示在透明层中,此时可以确定两个目标元素之间的间距信息。其中,与上述实施例相同或者相应的技术术语不再赘述。
如图3所示,所述方法包括:
S210、当检测到触发所述待测量元素时,则在所述透明层中保留所述目标元素,并将所述目标元素作为前一目标元素。
其中,触发待测量元素可以理解触发了确认按键,如,触发了鼠标左键,则说明要选定该待测量元素。将触发的待测量元素作为前一目标元素。
具体的,在检测到用户触发鼠标左键时,则说明需要将待测量元素保留在透明层中,可以将保留在透明层中的元素作为前一目标元素。
需要说明的是,当检测到用户触发待测量元素,则说明用户可能要测量两个元素之间的间距信息。
示例性的,参见图4,当检测到用户触发待测量元素A时,可以将重复执行S110至S120将待测量元素复制至透明层上,作为复制节点A。
S220、在检测到所述光标的位置发生变化时,获取所述光标的当前目标位置,并将所述当前目标位置所对应的当前待测量元素复制至所述透明层中,作为当前目标元素。
具体的,光标可以在当前页面上进行移动,将光标当前停留的位置,作为当前目标位置,重复执行S110至S120将光标当前目标位置所对应的元素复制至透明层中,可以将此时复制的元素作为当前目标元素。
示例性的,继续参见图4,获取光标的当前目标位置,并获取当前目标位置所对应的当前待测量元素,并将当前待测量元素复制至透明层中,得到透明层中的复制点B。即,A为前一次被选中的待测量元素,B为光标当前停留位置所对应的待测量元素,也就是说,若用户触发待测量元素,则可以不删除前一复制点A。
S230、根据所述前一目标元素与所述当前目标元素之间的元素位置信息,确定所述前一目标元素与所述当前目标元素在目标方向上的间距信息。
其中,所述目标方向包括水平方向和与所述水平方向垂直的数竖直方向。间距信息包括在水平方向上的间距以及在竖直方向上的间距。
具体的,可以根据前一目标元素与当前目标元素之间的元素位置信息,可选的,坐标信息,确定两个元素在目标方向上的间距信息。
可选的,所述根据所述前一目标元素与所述当前目标元素之间的元素位置信息,确定所述前一目标元素与所述当前目标元素在目标方向上的间距信息,包括:确定所述前一目标元素和所述当前目标元素的第一边缘在水平方向到所述页面同一边缘的水平距离信息;确定所述前一目标元素和所述当前目标元素的第二边缘在竖直方向上到所述页面同一边缘的竖直距离信息;根据所述水平距离信息和所述竖直距离信息,确定所述前一目标元素和所述当前目标元素之间的间距信息。
其中,目标元素的第一边缘是指元素的左边缘或右边缘,相应的,页面同一边缘也是指页面的左边缘或右边缘。第二边缘是在竖直方向上的上边缘或下边缘,相应的,此时的同一边缘是指页面的上边缘或下边缘。
具体的,在分别确定前一目标元素和当前目标元素在水平方向上距离页面第一边缘的距离信息后,可以根据距离信息的差值确定前一目标元素和当前目标元素在水平方向上的水平距离;同时,分别确定前一目标元素和当前目标元素在竖直方向上距离页面第二边缘的距离信息后,可以根据距离信息的差值,确定前一目标元素和当前目标元素在竖直方向上的竖直距离。基于竖直距离和水平距离,确定前一目标元素和当前目标元素之间的间距信息。
示例性的,参见图5,选中节点A即前一目标元素和当前光标停留的节点B,即当前目标元素,可以基于预先编写的程序,确定两个元素的坐标信息,在获取到坐标信息后,可以根据预先编写的程序计算两个元素之间的距离,编写的程序执行的步骤可以如下所示:首先获取两个节点距离浏览器视口左边以及上边的距离x1、y1、x2、y2。这时节点A到节点B的横向距离width=x2-x1;纵向距离height=y2-y1,可以将width和height作为前一目标元素和当前目标元素之间的间距信息。
本发明实施例的技术方案,可以根据用户的触发操作,自动确定相邻两个触发操作所对应的目标元素的间隔信息,解决了现有技术中手动测量元素的尺寸以及间距信息时,存在误差率较高、人力成本较高以及测量效率较低的技术问题,实现了自动便捷确定元素间间距的技术效果。
实施例三
图6为本发明实施例三提供的一种确定页面中元素信息的装置结构示意图,该装置包括:待测量元素确定模块310、目标元素确定模块320和尺寸信息确定模块330。
其中,待测量元素确定模块310,用于获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素;目标元素确定模块320,用于将所述待测量元素复制在预先设置的透明层中得到所述目标元素;尺寸信息确定模块330,用于获取所述目标元素的属性信息,并基于所述属性信息确定所述待测量元素的尺寸信息。
在上述技术方案的基础上,所述待测量元素确定模块,还用于获取光标在所述待测量元素所属页面的坐标信息;根据所述坐标信息,确定所述目标位置所对应的待测量元素。
在上述各技术方案的基础上,所述装置还包括:透明层显示模块,用于当检测到触发测量元素尺寸的操作时,调取预先设置的与所述目标元素所属页面尺寸相同的透明层,以将光标所对应的待测量元素复制至所述透明层上。
在上述各技术方案的基础上,所述目标元素确定模块,还用于:调取预先编写的复制程序,将所述待测量元素复制至预先设置的透明层中,并将所述待测量元素在所述透明层中区别显示,得到所述目标元素。
在上述各技术方案的基础上,所述装置还包括:目标元素替换模块,用于当检测到所述光标的目标位置发生变化时,则将所述目标元素从所述透明层中删除,并获取所述光标的下一目标位置,以将所述目标位置所对应的待测量元素作为目标元素。
在上述各技术方案的基础上,所述装置还包括:元素间距确定模块,用于当检测到触发所述待测量元素时,则在所述透明层中保留所述目标元素,并将所述目标元素作为前一目标元素;以及在检测到所述光标的位置发生变化时,获取所述光标的当前目标位置,并将所述当前目标位置所对应的当前待测量元素复制至所述透明层中,作为当前目标元素;根据所述前一目标元素与所述当前目标元素之间的元素位置信息,确定所述前一目标元素与所述当前目标元素在目标方向上的间距信息;所述目标方向包括水平方向和与所述水平方向垂直的数竖直方向。
在上述各技术方案的基础上,所述元素间距确定模块,还用于确定所述前一目标元素和所述当前目标元素的第一边缘在水平方向到所述页面同一边缘的水平距离信息;确定所述前一目标元素和所述当前目标元素的第二边缘在竖直方向上到所述页面同一边缘的竖直距离信息;根据所述水平距离信息和所述竖直距离信息,确定所述前一目标元素和所述当前目标元素之间的间距信息。
本发明实施例的技术方案,通过预先编写的程序在获取到光标的位置信息后,将光标所对应的待测量元素放置在预先设置的透明层中,并基于透明层显示的与待测量元素所对应的目标元素的属性信息,确定所述待测量元素的尺寸信息,解决了现有技术中手动确定元素尺寸时,存在误差率较高、人工成本较高以及测量效率较低的技术问题,实现了自动、便捷以及准确的确定待测量元素尺寸的技术效果。
本发明实施例所提供的确定页面中元素信息的装置可执行本发明任意实施例所提供的确定页面中元素信息的方法,具备执行方法相应的功能模块和有益效果。
值得注意的是,上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明实施例的保护范围。
实施例四
图7为本发明实施例四提供的一种电子设备的结构示意图。图7示出了适于用来实现本发明实施例实施方式的示例性电子设备40的框图。图7显示的电子设备40仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示,电子设备40以通用计算设备的形式表现。电子设备40的组件可以包括但不限于:一个或者多个处理器或者处理单元401,系统存储器402,连接不同系统组件(包括系统存储器402和处理单元401)的总线403。
总线403表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(ISA)总线,微通道体系结构(MAC)总线,增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。
电子设备40典型地包括多种计算机系统可读介质。这些介质可以是任何能够被电子设备40访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器402可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(RAM)404和/或高速缓存存储器405。电子设备40可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统406可以用于读写不可移动的、非易失性磁介质(图7未显示,通常称为“硬盘驱动器”)。尽管图7中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线403相连。存储器402可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块407的程序/实用工具408,可以存储在例如存储器402中,这样的程序模块407包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块407通常执行本发明所描述的实施例中的功能和/或方法。
电子设备40也可以与一个或多个外部设备409(例如键盘、指向设备、显示器410等)通信,还可与一个或者多个使得用户能与该电子设备40交互的设备通信,和/或与使得该电子设备40能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口411进行。并且,电子设备40还可以通过网络适配器412与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器412通过总线403与电子设备40的其它模块通信。应当明白,尽管图7中未示出,可以结合电子设备40使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。
处理单元401通过运行存储在系统存储器402中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的确定页面中元素信息的方法。
实施例五
本发明实施例五还提供一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行确定页面中元素信息的方法。
该方法包括:
获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素;
将所述待测量元素复制在预先设置的透明层中得到所述目标元素;
获取所述目标元素的属性信息,并基于所述属性信息确定所述待测量元素的尺寸信息。
本发明实施例的计算机存储介质,可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括——但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明实施例操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言——诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种确定页面中元素信息的方法,其特征在于,包括:
获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素;
将所述待测量元素复制在预先设置的透明层中得到所述目标元素;
获取所述目标元素的属性信息,并基于所述属性信息确定所述待测量元素的尺寸信息。
2.根据权利要求1所述的方法,其特征在于,所述获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素,包括:
获取光标在所述待测量元素所属页面的坐标信息;
根据所述坐标信息,确定所述目标位置所对应的待测量元素。
3.根据权利要求1所述的方法,其特征在于,还包括:
当检测到触发测量元素尺寸的操作时,调取预先设置的与所述目标元素所属页面尺寸相同的透明层,以将光标所对应的待测量元素复制至所述透明层上。
4.根据权利要求1所述的方法,其特征在于,所述将所述待测量元素复制在预先设置的透明层中得到所述目标元素,包括:
调取预先编写的复制程序,将所述待测量元素复制至预先设置的透明层中,并将所述待测量元素在所述透明层中区别显示,得到所述目标元素。
5.根据权利要求1所述的方法,其特征在于,还包括:
当检测到所述光标的目标位置发生变化时,则将所述目标元素从所述透明层中删除,并获取所述光标的下一目标位置,以将所述目标位置所对应的待测量元素作为目标元素。
6.根据权利要求1所述的方法,其特征在于,还包括:
当检测到触发所述待测量元素时,则在所述透明层中保留所述目标元素,并将所述目标元素作为前一目标元素;以及
在检测到所述光标的位置发生变化时,获取所述光标的当前目标位置,并将所述当前目标位置所对应的当前待测量元素复制至所述透明层中,作为当前目标元素;
根据所述前一目标元素与所述当前目标元素之间的元素位置信息,确定所述前一目标元素与所述当前目标元素在目标方向上的间距信息;
所述目标方向包括水平方向和与所述水平方向垂直的数竖直方向。
7.根据权利要求6所述的方法,其特征在于,所述根据所述前一目标元素与所述当前目标元素之间的元素位置信息,确定所述前一目标元素与所述当前目标元素在目标方向上的间距信息,包括:
确定所述前一目标元素和所述当前目标元素的第一边缘在水平方向到所述页面同一边缘的水平距离信息;
确定所述前一目标元素和所述当前目标元素的第二边缘在竖直方向上到所述页面同一边缘的竖直距离信息;
根据所述水平距离信息和所述竖直距离信息,确定所述前一目标元素和所述当前目标元素之间的间距信息。
8.一种确定页面中元素信息的装置,其特征在于,包括:
待测量元素确定模块,用于获取光标当前所对应的目标位置,并确定与所述目标位置所对应的待测量元素;
目标元素确定模块,用于将所述待测量元素复制在预先设置的透明层中得到所述目标元素;
尺寸信息确定模块,用于获取所述目标元素的属性信息,并基于所述属性信息确定所述待测量元素的尺寸信息。
9.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的确定页面中元素信息的方法。
10.一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-7中任一所述的确定页面中元素信息的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011333291.8A CN112307408B (zh) | 2020-11-24 | 2020-11-24 | 确定页面中元素信息的方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011333291.8A CN112307408B (zh) | 2020-11-24 | 2020-11-24 | 确定页面中元素信息的方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN112307408A true CN112307408A (zh) | 2021-02-02 |
CN112307408B CN112307408B (zh) | 2022-08-05 |
Family
ID=74335553
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011333291.8A Active CN112307408B (zh) | 2020-11-24 | 2020-11-24 | 确定页面中元素信息的方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112307408B (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113032347A (zh) * | 2021-04-21 | 2021-06-25 | 联仁健康医疗大数据科技股份有限公司 | 显示元素方法、装置、电子设备及存储介质 |
CN113051514A (zh) * | 2021-03-26 | 2021-06-29 | 挂号网(杭州)科技有限公司 | 元素的定位方法、装置、电子设备及存储介质 |
CN113687880A (zh) * | 2021-08-20 | 2021-11-23 | 挂号网(杭州)科技有限公司 | 一种调用组件的方法、装置、设备和介质 |
CN113724015A (zh) * | 2021-09-07 | 2021-11-30 | 北京沃东天骏信息技术有限公司 | 确定目标显示页面的方法、装置、电子设备及存储介质 |
CN113821278A (zh) * | 2021-09-06 | 2021-12-21 | 挂号网(杭州)科技有限公司 | 调用图像尺寸方法、装置、电子设备及存储介质 |
CN113886188A (zh) * | 2021-10-20 | 2022-01-04 | 北京达佳互联信息技术有限公司 | 网页元素的监测方法、装置、电子设备、存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130257731A1 (en) * | 2012-04-03 | 2013-10-03 | Cheng Uei Precision Industry Co., Ltd. | Mouse structure |
CN110908550A (zh) * | 2018-09-17 | 2020-03-24 | 北京京东尚科信息技术有限公司 | 光标悬停状态下的操作处理方法和装置 |
CN111428166A (zh) * | 2020-02-28 | 2020-07-17 | 深圳壹账通智能科技有限公司 | 页面配置方法、页面元素替换方法、装置、设备及介质 |
CN111680251A (zh) * | 2020-05-28 | 2020-09-18 | 平安普惠企业管理有限公司 | 浏览器元素测量方法、装置、电子设备及存储介质 |
-
2020
- 2020-11-24 CN CN202011333291.8A patent/CN112307408B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130257731A1 (en) * | 2012-04-03 | 2013-10-03 | Cheng Uei Precision Industry Co., Ltd. | Mouse structure |
CN110908550A (zh) * | 2018-09-17 | 2020-03-24 | 北京京东尚科信息技术有限公司 | 光标悬停状态下的操作处理方法和装置 |
CN111428166A (zh) * | 2020-02-28 | 2020-07-17 | 深圳壹账通智能科技有限公司 | 页面配置方法、页面元素替换方法、装置、设备及介质 |
CN111680251A (zh) * | 2020-05-28 | 2020-09-18 | 平安普惠企业管理有限公司 | 浏览器元素测量方法、装置、电子设备及存储介质 |
Non-Patent Citations (1)
Title |
---|
于淑云: "基于高校的可配置网站集群前端框架的设计与应用", 《办公自动化》 * |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113051514A (zh) * | 2021-03-26 | 2021-06-29 | 挂号网(杭州)科技有限公司 | 元素的定位方法、装置、电子设备及存储介质 |
CN113051514B (zh) * | 2021-03-26 | 2023-05-26 | 挂号网(杭州)科技有限公司 | 元素的定位方法、装置、电子设备及存储介质 |
CN113032347A (zh) * | 2021-04-21 | 2021-06-25 | 联仁健康医疗大数据科技股份有限公司 | 显示元素方法、装置、电子设备及存储介质 |
CN113032347B (zh) * | 2021-04-21 | 2023-12-01 | 联仁健康医疗大数据科技股份有限公司 | 显示元素方法、装置、电子设备及存储介质 |
CN113687880A (zh) * | 2021-08-20 | 2021-11-23 | 挂号网(杭州)科技有限公司 | 一种调用组件的方法、装置、设备和介质 |
CN113821278A (zh) * | 2021-09-06 | 2021-12-21 | 挂号网(杭州)科技有限公司 | 调用图像尺寸方法、装置、电子设备及存储介质 |
CN113821278B (zh) * | 2021-09-06 | 2024-05-03 | 挂号网(杭州)科技有限公司 | 调用图像尺寸方法、装置、电子设备及存储介质 |
CN113724015A (zh) * | 2021-09-07 | 2021-11-30 | 北京沃东天骏信息技术有限公司 | 确定目标显示页面的方法、装置、电子设备及存储介质 |
CN113886188A (zh) * | 2021-10-20 | 2022-01-04 | 北京达佳互联信息技术有限公司 | 网页元素的监测方法、装置、电子设备、存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN112307408B (zh) | 2022-08-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112307408B (zh) | 确定页面中元素信息的方法、装置、电子设备及存储介质 | |
US11561887B2 (en) | Test script debugging using an automated testing framework and UI rendering tree | |
CN107506300B (zh) | 一种用户界面测试方法、装置、服务器和存储介质 | |
CN108553894B (zh) | 显示控制方法及装置、电子设备、存储介质 | |
TWI601020B (zh) | 圖表分析系統及圖表分析方法 | |
CN104823143B (zh) | 三维基板检查装置的图形用户界面 | |
CN110990411B (zh) | 数据结构的生成方法及装置、调用方法及装置 | |
CN111812545B (zh) | 线路缺陷检测方法、装置、设备及介质 | |
US7073138B2 (en) | Method and apparatus for cursor positioning in bi-directional text | |
JP2002083017A (ja) | 構造物変状調査支援システム | |
CN111836093B (zh) | 视频播放方法、装置、设备和介质 | |
CN113986426B (zh) | 图像检测方法、装置、可读介质及电子设备 | |
WO2024109959A1 (zh) | 廊道桥架及支架三维自动化设计方法、装置、介质及设备 | |
CN110781063A (zh) | 网页首屏时间的测量方法、装置、设备及存储介质 | |
CN112667218A (zh) | 一种处理方法、装置、设备及存储介质 | |
CN111428430B (zh) | 电路设计中的电路器件信息获取方法、装置、设备及介质 | |
CN111125564B (zh) | 热力图生成方法、装置、计算机设备及存储介质 | |
CN108920230B (zh) | 鼠标悬浮操作的响应方法、装置、设备和存储介质 | |
CN114692055A (zh) | 表单处理方法、装置、存储介质与电子设备 | |
US8015485B2 (en) | Multidimensional web page ruler | |
CN106569785B (zh) | 一种作业表单生成方法及设备 | |
CN113821278B (zh) | 调用图像尺寸方法、装置、电子设备及存储介质 | |
CN115936638B (zh) | 一种基于地理信息影响分析的安全管控系统及方法 | |
CN116050036B (zh) | 一种电网图构建方法、装置及设备 | |
US20240070944A1 (en) | Visual Reordering Of Partial Vector Objects |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |