Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method and device for determining element information in page, electronic equipment and storage medium

A technology of element information and elements, applied in the computer field, can solve problems such as low measurement efficiency, low measurement accuracy, and errors, and achieve the effect of convenient and accurate determination

Active Publication Date: 2021-02-02
微医云(杭州)控股有限公司
View PDF4 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

To solve this problem, browser development tools are usually needed to measure, but designers usually don't use such tools, so it is impossible to determine whether the elements in the actual page match their design
[0003] In order to solve the above problems, designers usually use element measurement tools on the market, such as page ruler. The specific steps of using this tool to measure are: the user drags the mouse to select from the upper left vertex to the lower right vertex of the element to be measured to determine Since the size of the element is measured manually, there is a certain error between the measured element size and the actual size of the element, resulting in technical problems of low measurement accuracy, low measurement efficiency, and high labor costs.

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and device for determining element information in page, electronic equipment and storage medium
  • Method and device for determining element information in page, electronic equipment and storage medium
  • Method and device for determining element information in page, electronic equipment and storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0029] figure 1 It is a schematic flowchart of a method for determining element information in a page provided by Embodiment 1 of the present invention. This embodiment is applicable to the situation of automatically determining the size of each element in the page and the distance between elements. The method can be determined by determining the element information in the page The system can be implemented in the form of software and / or hardware, and the hardware can be electronic equipment, such as mobile terminals and PC terminals.

[0030] Before introducing the technical solution of this embodiment, the application scenario can be described as an example. Usually a page includes multiple elements, and each element needs to be displayed on the page according to the pre-designed requirements. After the front-end page layout is completed, it can be measured whether each element in the page is laid out according to the design requirements.

[0031] Such as figure 1 Describe...

Embodiment 2

[0056] image 3 It is a schematic flowchart of a method for determining element information in a page provided by Embodiment 2 of the present invention. On the basis of the foregoing embodiments, when it is detected that the element to be measured is triggered and the confirmation button is triggered, the element to be measured can be kept in the transparent layer, and when it is detected that the position of the target corresponding to the cursor changes, the changed target The element to be measured corresponding to the position is displayed in the transparent layer, and the distance information between two target elements can be determined at this time. Wherein, technical terms that are the same as or corresponding to those in the foregoing embodiments will not be repeated here.

[0057] Such as image 3 As shown, the method includes:

[0058] S210. When it is detected that the element to be measured is triggered, retain the target element in the transparent layer, and u...

Embodiment 3

[0075] Figure 6 It is a schematic structural diagram of an apparatus for determining element information in a page provided by Embodiment 3 of the present invention. The apparatus includes: an element to be measured determining module 310 , a target element determining module 320 and a size information determining module 330 .

[0076] Wherein, the element to be measured determining module 310 is used to obtain the target position corresponding to the current cursor, and determine the element to be measured corresponding to the target position; the target element determining module 320 is used to copy the element to be measured in The target element is obtained from a preset transparent layer; the size information determining module 330 is configured to acquire attribute information of the target element, and determine size information of the element to be measured based on the attribute information.

[0077] On the basis of the above technical solution, the module for determ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The embodiment of the invention discloses a method and device for determining element information in a page, electronic equipment and a storage medium, and the method comprises the steps: obtaining atarget position currently corresponding to a cursor, and determining a to-be-measured element corresponding to the target position; copying the to-be-measured element in a preset transparent layer toobtain the target element; and obtaining attribute information of the target element, and determining size information of the to-be-measured element based on the attribute information. According to the technical scheme, the technical problems that in the prior art, when the element size is manually determined, the error rate is high, the labor cost is high, and the measurement efficiency is low are solved, and the technical effect of automatically, conveniently and accurately determining the size of the element to be measured is achieved.

Description

technical field [0001] The embodiments of the present invention relate to the field of computer technology, and in particular to a method, device, electronic device and storage medium for determining element information in a page. Background technique [0002] When a front-end engineer develops a web page, he needs to know whether the position and size of the elements in the developed page are consistent with the visual draft, for example, whether the size and position of the elements in the developed HTML page match the design of the designer. To solve this problem, browser development tools are usually needed to measure, but designers usually do not use such tools, so it is impossible to determine whether the elements in the actual page match their design. [0003] In order to solve the above problems, designers usually use element measurement tools on the market, such as page ruler. The specific steps of using this tool to measure are: the user drags the mouse to select f...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F16/958G06F3/0487
CPCG06F16/958G06F3/0487
Inventor 范杨
Owner 微医云(杭州)控股有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com