Page calibration method and device, medium, equipment and computer program product

Abstract

The invention relates to a page calibration method and device, a medium, equipment and a computer program product. The method comprises the steps of obtaining a standard image corresponding to a target page and a display image corresponding to the target page; based on the standard image, determining a to-be-calibrated target component corresponding to the target page; performing image recognition on the standard image and the display image to obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; determining a calibration result of the target page based on the first attribute information and the second attribute information; and displaying an overlapped image of the standard image and the display image, and displaying the calibration result in the overlapped image.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular, to a page calibration method, apparatus, device, and computer program product. Background Art

[0002] Usually during the development of a page, UI (User Interface) designers will design a visual draft to determine the standard visual effect of the page, that is, the effect when the page is expected to be displayed. When developers subsequently develop the page, UI designers are usually required to conduct a visual inspection, such as going through multiple rounds of design inspection-R&D modification-design inspection, which takes a long time, and the verification results may vary due to differences in manual experience and vision. Summary of the invention

[0003] This summary is provided to introduce concepts in a brief form that will be described in detail in the detailed description below. This summary is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.

[0004] In a first aspect, the present disclosure provides a page calibration method, the method comprising: Acquire a standard image corresponding to a target page and a display image corresponding to the target page; Based on the standard image, determining a target component to be calibrated corresponding to the target page; Performing image recognition on the standard image and the display image to obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; Determining a calibration result of the target page based on the first attribute information and the second attribute information; An overlapping image of the standard image and the display image is displayed, and the calibration result is displayed in the overlapping image.

[0005] In a second aspect, the present disclosure provides a page calibration device, the device comprising: An acquisition module, used to acquire a standard image corresponding to a target page and a display image corresponding to the target page; A first determination module, configured to determine a target component to be calibrated corresponding to the target page based on the standard image; a recognition module, configured to perform image recognition on the standard image and the display image, and obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; A second determining module, configured to determine a calibration result of the target page based on the first attribute information and the second attribute information; A processing module is used to display an overlapping image of the standard image and the display image, and to display the calibration result in the overlapping image.

[0006] In a third aspect, the present disclosure provides a computer-readable medium having a computer program stored thereon, which implements the steps of the method described in the first aspect when the computer program is executed by a processing device.

[0007] In a fourth aspect, the present disclosure provides an electronic device, including: a storage device having a computer program stored thereon; A processing device is used to execute the computer program in the storage device to implement the steps of the method described in the first aspect.

[0008] In a fifth aspect, the present disclosure provides a computer program product, including a computer program, which implements the steps of the method described in the first aspect when executed by a processor.

[0009] In the above technical solution, by determining the target component to be calibrated based on the corresponding target page, the data processing amount of the page calibration can be reduced to a certain extent while ensuring that the required components in the page are calibrated, thereby improving the efficiency of the page calibration. In addition, by extracting the attribute information of the target component in the standard image and the display image, the comprehensiveness of the attribute information can be improved, and the accuracy of the page calibration result can be improved. Compared with manual inspection, the manual workload can be effectively reduced, and the error of manual inspection can be avoided, further improving the effectiveness of page calibration, thereby ensuring the display consistency of the developed page.

[0010] Other features and advantages of the present disclosure will be described in detail in the following detailed description. BRIEF DESCRIPTION OF THE DRAWINGS

[0011] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale. In the drawings: Figure 1 is a flow chart of a page calibration method provided according to an embodiment of the present disclosure.

[0012] Figure 2 is a schematic diagram of overlapping images provided according to an embodiment of the present disclosure.

[0013] Figure 3is a schematic diagram of overlapping images provided according to another embodiment of the present disclosure.

[0014] Figure 4 is a schematic diagram of overlapping images provided according to another embodiment of the present disclosure.

[0015] Figure 5 It is a block diagram of a page calibration device provided by an embodiment of the present disclosure.

[0016] Figure 6 A schematic diagram of the structure of an electronic device suitable for implementing the embodiments of the present disclosure is shown. DETAILED DESCRIPTION

[0017] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

[0018] It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and / or in parallel. In addition, the method embodiments may include additional steps and / or omit the steps shown. The scope of the present disclosure is not limited in this respect.

[0019] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

[0020] It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

[0021] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0022] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0023] It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

[0024] For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.

[0025] As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

[0026] It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.

[0027] At the same time, it is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and relevant provisions.

[0028] Figure 1 As shown, it is a flow chart of a page calibration method provided according to an embodiment of the present disclosure, as shown in Figure 1 As shown, the method may include: In step 11, a standard image corresponding to the target page and a display image corresponding to the target page are obtained.

[0029] The target page may be a page that needs to be calibrated. As an example, each page in the application may be calibrated as the target page to ensure the accuracy of the display elements of each page in the application. As another example, some pages in the application do not have high requirements for display accuracy. In an actual application, the user may select the page that needs to be calibrated from multiple pages of the application. After the user selects, the standard image and the display image may be determined based on the page identifier of the target page selected by the user.

[0030] As an example, the standard image is designed by the designer for the target page and can be pre-stored in a calibration image library. In this step, the user can select from the calibration image library, or the standard image can be automatically determined based on the page identifier of the target page. The display image corresponding to the target page can be obtained by rendering the target page and taking a screenshot of the page. The loading and rendering of the page can be implemented based on a common method in the art, which will not be described in detail here.

[0031] In step 12, based on the standard image, the target component to be calibrated corresponding to the target page is determined.

[0032] As an example, each component in the target page can be used as the target component, such as an image, text, button, etc. As another example, in order to improve the efficiency of calibration and the applicability of the page, the components in the page that need to be displayed consistently can be used as target components for calibration, such as Figure 2 As shown, the avatar A1 and the comment content A2 displayed in the page can be used as target components, and other components (such as the time component A3) may not need to be calibrated. For example, the designer can pre-configure each page to constrain the target components that need to be calibrated.

[0033] In step 13, image recognition is performed on the standard image and the display image to obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image.

[0034] As an example, the standard image and the display image can be respectively input into the image recognition model to obtain the first attribute information and the second attribute information. The image recognition model can be implemented based on a neural network model. For example, the image can be annotated in advance to determine the annotated components in the image and their attribute information, so as to obtain a training sample. The image and the annotated components are then input into the image recognition model to perform model training based on the loss calculation based on the predicted attribute information and the annotated attribute information, thereby obtaining an image recognition model. The attributes of the target component can be pre-set based on the actual application scenario to improve the comprehensiveness and effectiveness of the obtained attribute information, and provide effective data support for subsequent page calibration.

[0035] In step 14, a calibration result of the target page is determined based on the first attribute information and the second attribute information.

[0036] As an example, the information of the same attribute of the same target component in the first attribute information and the second attribute information can be compared. If the two are the same, the calibration of the attribute of the target component is passed. If the two are different, the calibration of the attribute of the target component is abnormal. For example, the attribute can be information such as the size and color of the target component.

[0037] In step 15, an overlapping image of the standard image and the display image is displayed, and the calibration result is displayed in the overlapping image.

[0038] As an example, in order to facilitate the user to view the image, the standard image can be adjusted according to the preset transparency, and the adjusted standard image and the display image are overlapped to obtain an overlapped image, so as to ensure that the difference between the two images is clearly displayed. As another example, user-defined transparency can also be supported, such as Figure 2 As shown at B1 in the figure, an overlapping image that meets the user's needs is obtained. Therefore, the user can clearly see the difference components in the two images based on the overlapping image.

[0039] Among them, the color difference of some components may be difficult for some users to distinguish with naked eyes. In this embodiment, the calibration result can be further displayed in the overlapping image to further prompt the user of the difference that he / she has not seen, thereby ensuring the accuracy of page calibration.

[0040] In the above technical solution, by determining the target component to be calibrated based on the corresponding target page, the data processing amount of the page calibration can be reduced to a certain extent while ensuring that the required components in the page are calibrated, thereby improving the efficiency of the page calibration. In addition, by extracting the attribute information of the target component in the standard image and the display image, the comprehensiveness of the attribute information can be improved, and the accuracy of the page calibration result can be improved. Compared with manual inspection, the manual workload can be effectively reduced, and the error of manual inspection can be avoided, further improving the effectiveness of page calibration, thereby ensuring the display consistency of the developed page.

[0041] In a possible embodiment, an exemplary implementation manner of determining the target component to be calibrated corresponding to the target page may include: Based on the target page and the image processing model, a to-be-recognized area frame in the target page is determined; and a component in the to-be-recognized area frame in the target page is used as the target component.

[0042] As an example, the image processing model can be implemented based on a neural network model, such as being determined based on the following method: multiple page images can be obtained and components that need to be calibrated can be annotated as training images, and then the page images can be input into the image processing model to obtain predicted components, and loss calculation can be performed based on the predicted components and the annotated components, and model training can be performed based on the loss to obtain the image processing model. As an example, the predicted components can be identified by means of an area box, that is, an area box in the page image can be determined based on the image processing model, and the area box contains components.

[0043] In this step, the image of the target page can be input into the image processing model, so that the area frame output by the image processing model can be obtained, and then the area frame can be used for identification to obtain the target component therein.

[0044] Therefore, through the above technical solution, there is no need for users to pre-configure the page, thereby reducing manual workload. The components that need to be calibrated in the page are identified through the image processing model to ensure the effectiveness of the component calibration in the page, thereby improving the reliability of page calibration.

[0045] In a possible embodiment, determining the calibration result of the target page based on the first attribute information and the second attribute information may include: A calibration prompt text is generated based on the first attribute information, the second attribute information, and calibration prompt information, wherein the calibration prompt information is used to determine a target attribute of calibration.

[0046] Among them, different properties can be limited to be calibrated in different scenarios, and in this embodiment, the target property that needs to be calibrated can be determined based on the calibration prompt information. As an example, in one scenario, the size of the target component needs to be calibrated to ensure that the component can be displayed at a fixed size when the page is displayed. In another scenario, the size and color of the target component need to be calibrated to ensure that the size and color of the component are fixed and uniform when the page is displayed, consistent with the design draft.

[0047] For example, the calibration prompt message is as follows: Please combine the following calibration image information {first attribute information} and display image information {second attribute information} to calibrate the component based on the size and color dimensions of the component.

[0048] Therefore, the first attribute information and the second attribute information may be concatenated into the calibration prompt information to obtain the calibration prompt text.

[0049] Afterwards, the calibration prompt text is input into a calibration determination model to obtain the calibration result, wherein the calibration determination model is implemented based on a large language model.

[0050] Among them, the general large language model can be fine-tuned based on the example prompt method to obtain the calibration judgment model. For example, training data can be obtained by marking the data of calibration pass and calibration abnormality for fine-tuning training. The method of fine-tuning training can be determined based on the general training method of the large language model, which is not limited here.

[0051] The output format of the calibration result may also be constrained in the calibration prompt text, so as to obtain the calibration result in a unified format, thereby providing effective data support for subsequent adjustment or prompt operations based on the calibration result.

[0052] Therefore, through the above technical solution, the attributes that need to be calibrated can be configured in real time through the calibration prompt information, thereby improving the matching degree between the page calibration and the actual application scenario, and improving the application scope of the page calibration method provided by the present disclosure.

[0053] In actual application scenarios, users can visually check whether components are different by viewing the overlapping images. For example, when the positions in the standard image and the display image are different, a ghosting effect may be displayed in the overlapping image, such as Figure 2 As shown in A2 and A3.

[0054] In order to further compare the images, the user can adjust the position of the standard image to achieve component alignment and then determine whether there are differences in other properties of the components. However, in actual application scenarios, the position difference between the standard image and the displayed image is usually small, and it is usually difficult for the user to achieve effective alignment when adjusting the position by dragging the image. Based on this, the present disclosure also provides the following embodiments.

[0055] In a possible embodiment, the method may further include: In response to receiving a request to modify the position of the standard image, a position adjustment interface is displayed, wherein the position adjustment interface displays a pixel movement configuration item, and the pixel movement includes a longitudinal pixel movement and a lateral pixel movement.

[0056] As an example, a position adjustment control may be displayed in the display interface, and the user may trigger a position modification request for the standard image by clicking the position adjustment control, and then the position adjustment interface may be further displayed, such as Figure 3 shown.

[0057] The position movement information of the standard image is determined according to the received user input operation on the pixel movement configuration item.

[0058] Furthermore, the user can input in the input box in the position adjustment interface to determine the pixels that need to be moved vertically and horizontally, and further determine the position movement information in combination with the moving direction of the standard image dragged by the user. Figure 3 If the pixel moves in the direction C indicated by the arrow, it can be determined that the position movement information includes moving 2 pixels in the direction of C1 and 3 pixels in the direction of C2.

[0059] For example, the movement configuration items in four directions, such as up, down, left, and right, can also be displayed in the pixel movement configuration items, so that the user can directly configure based on the movement they need. As in the above example, the user can move 2 pixels up and 3 pixels to the right to obtain the position movement information.

[0060] Afterwards, the display position of the standard image is adjusted based on the position movement information, that is, the standard image is controlled to move based on the position movement information, and is displayed overlapping with the display image after the movement.

[0061] Therefore, the above technical solution allows the user to move the display position of the standard image in units of pixels, so as to overlap the moved standard image with the display image, further determine the adjustment information required for the abnormal component, effectively reduce the operational errors of the user when moving the image, and simplify the operation process.

[0062] In a possible embodiment, the calibration result includes calibration information of each of the target components. For example, if the target component is calibrated abnormally, the calibration information includes the calibration difference corresponding to the target component, such as position difference, size difference, color difference, etc. If the target component is calibrated successfully, the calibration information is empty.

[0063] Accordingly, displaying the calibration result in the overlapping image may include: If the calibration information of the target component is not empty, an abnormality mark is displayed in the display area of ​​the target component in the overlapping image, wherein the abnormality mark is used to indicate that the calibration result of the target component is abnormal.

[0064] In order to facilitate users to view abnormal components in the page, components with calibration abnormalities can be identified in the overlapping image. As an example, target components with calibration abnormalities can be displayed in the overlapping image. For example, for each target component, if the calibration information of the target component is not empty, it means that there is abnormal information in the calibration process of the target component. The abnormal identification can be an area box corresponding to the target component, and the display area of ​​the target component can be an area centered on the target component. The target component is displayed in the display area, and the size of the display area can be pre-set based on the actual application scenario.

[0065] As another example, the mark of the target component whose calibration information is empty may also be displayed in the overlapping image, and the mark may be a pass mark, such as a red frame as an abnormal mark and a green frame as a pass mark.

[0066] Therefore, through the above technical solution, independent display can be performed on a component basis, so that users can quickly locate abnormal components in the page based on the abnormal identification, saving users the operational process of checking and calibrating, and facilitating users to check and re-check components with calibration abnormalities, thereby improving user experience.

[0067] In a possible embodiment, the calibration result includes calibration information of each target component. Accordingly, displaying the calibration result in the overlapping image may include: In response to detecting that the mouse position is in the display area of ​​the target component and the calibration information of the target component is not empty, the calibration information of the target component is displayed in the prompt area corresponding to the target component in the overlapping image, wherein the calibration information corresponding to the target component is not initially displayed.

[0068] If there are many components with calibration abnormalities in the target page, the calibration information of each abnormal component may overlap each other, and it is difficult for the user to clearly understand which component the calibration information corresponds to. Therefore, in this embodiment, the calibration information corresponding to each target component is not initially displayed. The user can trigger the display of the calibration information by moving the mouse to the target component he wants to view.

[0069] As an example, the prompt area corresponding to the target component may be a prompt box associated with the target component, such as Figure 4 As shown, when the user moves the mouse to the display area of ​​the target component, the hover display of the target component is triggered, and the calibration information of the target component can be displayed in the prompt area B2, such as the calibration abnormality of the target component can be displayed, and its size is 4×4, which is different from the size 5×5 in the standard image. In response to detecting that the mouse position moves out of the display area of ​​the target component, the calibration information of the target component is hidden.

[0070] Therefore, through the above technical solution, the calibration information of the target component can be selectively displayed based on the actual needs of the user, which can not only display the information required by the user, but also avoid information occlusion and correlation errors caused by displaying the calibration information of each component at the same time, providing the user with intuitive information display, so that the user can quickly understand the calibration information of the component.

[0071] In a possible embodiment, the calibration information includes position movement information corresponding to the target component, wherein the position movement information includes longitudinal pixel movement information and transverse pixel movement information. Accordingly, the method may further include: In response to receiving a confirmation operation of the position movement information, a display position of the standard image is adjusted based on the position movement information.

[0072] As an example, when the position movement information is displayed in the prompt area, the adjustment control may be displayed simultaneously. If the user wants to adjust the standard image according to the displayed position movement information, the user may click the confirmation button to realize automatic adjustment of the standard image.

[0073] As an example, the position movement information is used to indicate that when the center of the target component in the standard image coincides with the center of the target component in the display image, the longitudinal movement pixels and the lateral movement pixels required for the standard image are determined. After the position movement information is determined and the user confirms the movement, the position of the standard image can be controlled to be adjusted based on the indications of the longitudinal movement pixels and the lateral movement pixels in the position movement information, so that the adjusted target component in the standard image and the target component in the display image overlap, thereby calibrating the target component.

[0074] Therefore, through the above technical solution, the user can move the standard image while displaying the calibration results, without the need for the user to manually adjust the standard image, saving the user's workload while ensuring the accuracy of the standard image position movement, making it convenient for the user to accurately and effectively check and compare the target components in the displayed image and the standard image, thereby improving the user experience.

[0075] Based on the same aspect, the present disclosure also provides a page calibration device, such as Figure 5 As shown, the device 10 comprises: An acquisition module 100 is used to acquire a standard image corresponding to a target page and a display image corresponding to the target page; A first determination module 200 is used to determine the target component to be calibrated corresponding to the target page based on the standard image; The recognition module 300 is used to perform image recognition on the standard image and the display image to obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; A second determination module 400, configured to determine a calibration result of the target page based on the first attribute information and the second attribute information; The processing module 500 is used to display an overlapping image of the standard image and the display image, and to display the calibration result in the overlapping image.

[0076] Optionally, the second determining module includes: A generating submodule, configured to generate a calibration prompt text based on the first attribute information, the second attribute information and calibration prompt information, wherein the calibration prompt information is used to determine a target attribute of calibration; The processing submodule is used to input the calibration prompt text into the calibration judgment model to obtain the calibration result.

[0077] Optionally, the device further comprises: A display module, configured to display a position adjustment interface in response to receiving a position modification request for the standard image, wherein the position adjustment interface displays a pixel movement configuration item, and the pixel movement includes a longitudinal pixel movement and a lateral pixel movement; A third determination module, configured to determine the position movement information of the standard image according to the received user input operation on the pixel movement configuration item; The first adjustment module is used to adjust the display position of the standard image based on the position movement information.

[0078] Optionally, the calibration result includes calibration information of each of the target components; The processing module comprises: The first display submodule is used to display the calibration information of the target component in the prompt area corresponding to the target component in the overlapping image in response to detecting that the mouse position is in the display area of ​​the target component and the calibration information of the target component is not empty, wherein the calibration information corresponding to the target component is not displayed initially.

[0079] Optionally, the calibration information includes position movement information corresponding to the target component, wherein the position movement information includes longitudinal pixel movement information and transverse pixel movement information; The device also includes: The second adjustment module is configured to adjust the display position of the standard image based on the position movement information in response to a confirmation operation of receiving the position movement information.

[0080] Optionally, the calibration result includes calibration information of each of the target components; The processing module comprises: The second display submodule is used to display an abnormality mark in the display area of ​​the target component in the overlapping image if the calibration information of the target component is not empty, wherein the abnormality mark is used to indicate that the calibration result of the target component is abnormal.

[0081] Reference below Figure 6 , which shows a schematic diagram of the structure of an electronic device (such as a terminal device or a server) 600 suitable for implementing the embodiment of the present disclosure. The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Figure 6The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0082] like Figure 6 As shown, the electronic device 600 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 601, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 602 or a program loaded from a storage device 608 into a random access memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the electronic device 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0083] Typically, the following devices may be connected to the I / O interface 605: an input device 606 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 607 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 608 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 609. The communication device 609 may allow the electronic device 600 to communicate with other devices wirelessly or by wire to exchange data. Although Figure 6 The electronic device 600 is shown with various devices, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0084] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 609, or installed from a storage device 608, or installed from a ROM 602. When the computer program is executed by the processing device 601, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

[0085] It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. Computer readable signal media may also be any computer readable medium other than computer readable storage media, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any appropriate medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

[0086] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0087] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0088] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: obtains a standard image corresponding to a target page and a display image corresponding to the target page; determines a target component to be calibrated corresponding to the target page based on the standard image; performs image recognition on the standard image and the display image to obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; determines a calibration result of the target page based on the first attribute information and the second attribute information; displays an overlapping image of the standard image and the display image, and displays the calibration result in the overlapping image.

[0089] Computer program code for performing the operations of the present disclosure may be written in one or more programming languages ​​or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0090] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0091] The modules involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a module does not limit the module itself in some cases. For example, an acquisition module may also be described as a "module for acquiring a standard image corresponding to a target page and a display image corresponding to the target page".

[0092] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

[0093] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0094] According to one or more embodiments of the present disclosure, Example 1 provides a page calibration method, wherein the method includes: Acquire a standard image corresponding to a target page and a display image corresponding to the target page; Based on the standard image, determining a target component to be calibrated corresponding to the target page; Performing image recognition on the standard image and the display image to obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; Determining a calibration result of the target page based on the first attribute information and the second attribute information; An overlapping image of the standard image and the display image is displayed, and the calibration result is displayed in the overlapping image.

[0095] According to one or more embodiments of the present disclosure, Example 2 provides the method of Example 1, wherein determining the calibration result of the target page based on the first attribute information and the second attribute information includes: generating a calibration prompt text based on the first attribute information, the second attribute information and calibration prompt information, wherein the calibration prompt information is used to determine a target attribute of calibration; The calibration prompt text is input into a calibration decision model to obtain the calibration result.

[0096] According to one or more embodiments of the present disclosure, Example 3 provides the method of Example 1, wherein the method further includes: In response to receiving a request to modify the position of the standard image, displaying a position adjustment interface, wherein the position adjustment interface displays a pixel movement configuration item, and the pixel movement includes a longitudinal pixel movement and a lateral pixel movement; Determining position movement information of the standard image according to the received user input operation on the pixel movement configuration item; The display position of the standard image is adjusted based on the position movement information.

[0097] According to one or more embodiments of the present disclosure, Example 4 provides the method of Example 1, wherein the calibration result includes calibration information of each of the target components; The step of displaying the calibration result in the overlapping image comprises: In response to detecting that the mouse position is in the display area of ​​the target component and the calibration information of the target component is not empty, the calibration information of the target component is displayed in the prompt area corresponding to the target component in the overlapping image, wherein the calibration information corresponding to the target component is not initially displayed.

[0098] According to one or more embodiments of the present disclosure, Example 5 provides the method of Example 4, wherein the calibration information includes position movement information corresponding to the target component, wherein the position movement information includes longitudinal pixel movement information and transverse pixel movement information; The method further comprises: In response to receiving a confirmation operation of the position movement information, a display position of the standard image is adjusted based on the position movement information.

[0099] According to one or more embodiments of the present disclosure, Example 6 provides the method of Example 1, wherein the calibration result includes calibration information of each of the target components; The step of displaying the calibration result in the overlapping image comprises: If the calibration information of the target component is not empty, an abnormality mark is displayed in the display area of ​​the target component in the overlapping image, wherein the abnormality mark is used to indicate that the calibration result of the target component is abnormal.

[0100] According to one or more embodiments of the present disclosure, Example 7 provides a page calibration device, the device comprising: An acquisition module, used to acquire a standard image corresponding to a target page and a display image corresponding to the target page; A first determination module, configured to determine a target component to be calibrated corresponding to the target page based on the standard image; a recognition module, configured to perform image recognition on the standard image and the display image, and obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; A second determining module, configured to determine a calibration result of the target page based on the first attribute information and the second attribute information; A processing module is used to display an overlapping image of the standard image and the display image, and to display the calibration result in the overlapping image.

[0101] According to one or more embodiments of the present disclosure, Example 8 provides a computer-readable medium having a computer program stored thereon, which implements the steps of any of the methods described in Examples 1-6 when executed by a processing device.

[0102] According to one or more embodiments of the present disclosure, Example 9 provides an electronic device, including: a storage device having a computer program stored thereon; A processing device is used to execute the computer program in the storage device to implement the steps of any one of the methods described in Examples 1-6.

[0103] According to one or more embodiments of the present disclosure, Example 10 provides a computer program product, including a computer program, which implements the steps of any one of the methods of Examples 1-6 when executed by a processor.

[0104] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0105] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0106] Although the subject matter has been described in language specific to structural features and / or method logic actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims. Regarding the device in the above embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.

Claims

1. A page calibration method, characterized in that: The method comprises: Acquire a standard image corresponding to a target page and a display image corresponding to the target page; Based on the standard image, determining a target component to be calibrated corresponding to the target page; Performing image recognition on the standard image and the display image to obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; Determining a calibration result of the target page based on the first attribute information and the second attribute information; An overlapping image of the standard image and the display image is displayed, and the calibration result is displayed in the overlapping image.

2. The method according to claim 1, characterized in that The determining the calibration result of the target page based on the first attribute information and the second attribute information includes: generating a calibration prompt text based on the first attribute information, the second attribute information and calibration prompt information, wherein the calibration prompt information is used to determine a target attribute of calibration; The calibration prompt text is input into a calibration decision model to obtain the calibration result.

3. The method according to claim 1, characterized in that The method further comprises: In response to receiving a request to modify the position of the standard image, displaying a position adjustment interface, wherein the position adjustment interface displays a pixel movement configuration item, and the pixel movement includes a longitudinal pixel movement and a lateral pixel movement; Determining position movement information of the standard image according to the received user input operation on the pixel movement configuration item; The display position of the standard image is adjusted based on the position movement information.

4. The method according to claim 1, characterized in that: The calibration result includes calibration information of each target component; The step of displaying the calibration result in the overlapping image comprises: In response to detecting that the mouse position is in the display area of ​​the target component and the calibration information of the target component is not empty, the calibration information of the target component is displayed in the prompt area corresponding to the target component in the overlapping image, wherein the calibration information corresponding to the target component is not initially displayed.

5. The method according to claim 4, characterized in that The calibration information includes position movement information corresponding to the target component, wherein the position movement information includes longitudinal pixel movement information and transverse pixel movement information; The method further comprises: In response to receiving a confirmation operation of the position movement information, a display position of the standard image is adjusted based on the position movement information.

6. The method according to claim 1, characterized in that The calibration result includes calibration information of each target component; The step of displaying the calibration result in the overlapping image comprises: If the calibration information of the target component is not empty, an abnormality mark is displayed in the display area of ​​the target component in the overlapping image, wherein the abnormality mark is used to indicate that the calibration result of the target component is abnormal.

7. A page calibration device, characterized in that: The device comprises: An acquisition module, used to acquire a standard image corresponding to a target page and a display image corresponding to the target page; A first determination module, configured to determine a target component to be calibrated corresponding to the target page based on the standard image; a recognition module, configured to perform image recognition on the standard image and the display image, and obtain first attribute information of the attribute of the target component in the standard image and second attribute information of the attribute in the display image; A second determining module, configured to determine a calibration result of the target page based on the first attribute information and the second attribute information; A processing module is used to display an overlapping image of the standard image and the display image, and to display the calibration result in the overlapping image.

8. A computer readable medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processing device, the steps of the method according to any one of claims 1 to 6 are implemented.

9. An electronic device, characterized in that: include: a storage device having a computer program stored thereon; A processing device, configured to execute the computer program in the storage device to implement the steps of the method according to any one of claims 1 to 6.

10. A computer program product, comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 6 are implemented.

Images