CN113568840A - Method and system for recognizing transition drawing - Google Patents
Method and system for recognizing transition drawing Download PDFInfo
- Publication number
- CN113568840A CN113568840A CN202110931784.XA CN202110931784A CN113568840A CN 113568840 A CN113568840 A CN 113568840A CN 202110931784 A CN202110931784 A CN 202110931784A CN 113568840 A CN113568840 A CN 113568840A
- Authority
- CN
- China
- Prior art keywords
- control
- picture
- page
- color
- identifying
- 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
- 238000000034 method Methods 0.000 title claims abstract description 51
- 230000007704 transition Effects 0.000 title claims abstract description 49
- 238000009877 rendering Methods 0.000 claims description 39
- MCSXGCZMEPXKIW-UHFFFAOYSA-N 3-hydroxy-4-[(4-methyl-2-nitrophenyl)diazenyl]-N-(3-nitrophenyl)naphthalene-2-carboxamide Chemical compound Cc1ccc(N=Nc2c(O)c(cc3ccccc23)C(=O)Nc2cccc(c2)[N+]([O-])=O)c(c1)[N+]([O-])=O MCSXGCZMEPXKIW-UHFFFAOYSA-N 0.000 claims description 32
- 238000004590 computer program Methods 0.000 claims description 10
- 238000012790 confirmation Methods 0.000 claims description 6
- 230000009191 jumping Effects 0.000 claims description 6
- 238000006243 chemical reaction Methods 0.000 claims description 5
- 238000004364 calculation method Methods 0.000 claims description 3
- 239000003086 colorant Substances 0.000 claims description 3
- 238000012360 testing method Methods 0.000 abstract description 13
- 230000006870 function Effects 0.000 description 14
- 238000010586 diagram Methods 0.000 description 12
- 238000012545 processing Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000008094 contradictory effect Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 239000004984 smart glass Substances 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
- 238000010200 validation analysis Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
- G06F11/3644—Software debugging by instrumenting at runtime
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
- G06F11/366—Software debugging using diagnostics
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Image Analysis (AREA)
Abstract
The embodiment of the application provides a method and a system for recognizing transition drawing, wherein the method comprises the following steps: for a page picture obtained from a page screenshot of an application, carrying out color feature identification on each control in the page picture; after identifying the control with the picture color of dark red, determining that the page picture where the control is located has a transitional drawing problem. The embodiment of the application can realize the over-drawing problem of the automatic test application, is not limited by the version of an operating system, and does not need a ROOT mobile phone, thereby realizing a test scheme with lower cost.
Description
Technical Field
The embodiment of the application relates to the technical field of computers, in particular to a method, a system, computer equipment and a computer readable storage medium for recognizing transition drawing.
Background
The Android (Android) overdrawing problem refers to that a certain pixel on a screen is drawn for multiple times within the same frame time, and in a multi-level overlapped UI (interface) structure, if an invisible UI is also used for drawing, certain pixel areas are drawn for multiple times, and meanwhile, a large amount of CPU (central processing unit) and GPU (graphic processing unit) resources are wasted; therefore, it is necessary to test the over-rendering problem first, so as to improve the existing over-rendering problem.
At present, the over-rendering problem can be observed by human eyes in the prior art: selecting and displaying an over-drawn area by turning on a GPU (graphics processing Unit) debugging switch in a mobile phone developer mode, then distinguishing which pages have deep red pictures by naked eyes, and recording the pages with problems; however, the above-mentioned method of human eye observation cannot be applied to the requirement of automated testing.
Another approach in the prior art to test the over-rendering problem is a scheme based on the Hook system function: obtaining an over-drawn Counter value through a drawOverdrawawCounter of an internal type android, view, Hardwarrenderer $ GlRenderer in a Hook system function, and when the Counter value is more than 4, determining that the over-drawing problem exists; however, this method, although it can meet the requirement of automation, has the following disadvantages:
1. because the drawOverdrawCounter function is only realized in the Android 4.4.4 source code and is removed after the Android 5.0, the scheme can be realized on the Android 4.4.4;
2. in addition, the scheme needs a ROOT (super authority acquisition) mobile phone to be effective, and the cost is high.
In summary, in the prior art, the scheme for testing the overdraw problem cannot meet the automatic test requirement, or has a requirement on the version of an Android operating system, and cannot be applied to the versions of various operating systems, and needs a ROOT mobile phone, which is high in cost.
Disclosure of Invention
An object of the embodiments of the present application is to provide a method, a system, a computer device, and a computer-readable storage medium for identifying overdraw, which can implement an overdraw problem of an automatic test application, and are not limited by a version of an operating system, and do not require a ROOT mobile phone, thereby implementing a test scheme with lower cost.
One aspect of an embodiment of the present application provides a method for recognizing transition renderings, including:
for a page picture obtained from a page screenshot of an application, carrying out color feature identification on each control in the page picture;
after the control with the picture color being the specific color is identified, the problem of transitional drawing of the page picture where the control is located is determined.
Optionally, before performing color feature recognition on each control in the page picture obtained from the page screenshot of the application, the method further includes:
acquiring links of all pages of the application;
automatically jumping to each page of the application based on an in-page jump protocol according to the acquired link of the page; and are
And respectively carrying out screenshot on each page.
Optionally, the color feature recognition of each control in the page picture specifically includes:
acquiring position information and size information of each control in the page picture;
and for each control in the page picture, cutting out the picture of the control from the page picture according to the acquired position information and size information of the control, and converting the cut picture into RGB image information.
Optionally, the specific color is specifically a dark red color, and the identifying that the picture color is the control of the specific color specifically includes:
and if the ratio value of the number of the pixels with the colors in the deep red region to all the number of the pixels in the RGB image information of the control is greater than the threshold value, identifying that the picture color of the control is deep red.
An aspect of an embodiment of the present application further provides a system for recognizing transition renderings, including:
the color feature identification module is used for carrying out color feature identification on each control in the page picture aiming at the page picture obtained from the applied page screenshot;
and the transition drawing confirmation module is used for confirming that the transition drawing problem exists in the page picture where the control is located after the control with the picture color of the specific color is identified.
An aspect of embodiments of the present application further provides a computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor implementing the steps of the method for identifying a transition rendering as described above when executing the computer program.
An aspect of embodiments of the present application further provides a computer-readable storage medium, comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, the processor implementing the steps of the method for identifying a transition mapping as described above when executing the computer program.
The method, the system, the equipment and the computer-readable storage medium for identifying the transition drawing, provided by the embodiment of the application, can realize the problem of excessive drawing of automatic test application, have no requirements on machine types and operating system versions, and support all Android equipment; and Hook of system functions is avoided, so that no requirements are required for machine types and operating systems, and the method is suitable for various machine types of Android.
In addition, compared with a method for directly judging whether a specific color (a deep red area) exists in a page picture, the method for detecting whether the picture color of the control is deep red is used for judging whether the page picture has a transitional drawing problem, so that the method has higher accuracy, and can avoid misjudgment of whether the transitional drawing problem exists in interference values of some pixels in the page picture as much as possible.
Drawings
FIG. 1 schematically illustrates an application environment diagram of a method of identifying a transition rendering according to an embodiment of the application;
FIG. 2 is a flow chart schematically illustrating a method of identifying a transition rendering according to a first embodiment of the present application;
FIG. 3a is a flowchart illustrating sub-steps of step S202 in FIG. 2;
FIG. 3b is a schematic diagram illustrating conversion of the picture of each control in one page picture into RGB image information through color feature recognition;
FIG. 4a is a flowchart illustrating sub-steps of step S203 in FIG. 2;
FIG. 4b is a diagram illustrating a page picture with a control identified as dark red in color;
FIG. 5 schematically illustrates a block diagram of a system for identifying transition renderings, in accordance with a second embodiment of the present application;
fig. 6 is a block diagram schematically illustrating an internal structure of a color feature recognition module according to a second embodiment of the present application;
fig. 7 is a block diagram schematically illustrating an internal structure of a transition rendering confirmation module according to a second embodiment of the present application; and
fig. 8 schematically shows a hardware architecture diagram of a computer device suitable for implementing the method for recognizing transition rendering according to the third embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
It should be noted that the descriptions relating to "first", "second", etc. in the embodiments of the present application are only for descriptive purposes and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one such feature. In addition, technical solutions between various embodiments may be combined with each other, but must be realized by a person skilled in the art, and when the technical solutions are contradictory or cannot be realized, such a combination should not be considered to exist, and is not within the protection scope of the present application.
In the description of the present application, it should be understood that the numerical references before the steps do not identify the order of performing the steps, but merely serve to facilitate the description of the present application and to distinguish each step, and therefore should not be construed as limiting the present application.
The following are the term explanations of the present application:
color description of overdraw: the method comprises the following steps that a non-color represents that a pixel point is drawn only 1 time, blue represents that a pixel point is drawn 2 times, green represents that a pixel point is drawn 3 times, light red represents that a pixel point is drawn 4 times, and deep red represents that a pixel point is drawn more than 4 times, wherein the deep red is incorrect and needs to be optimized, so that whether a deep red picture exists in an applied page or not needs to be detected;
android (Android) schema: schema in Android is an intra-page jump protocol, is a very good implementation mechanism, and can jump to each page in app (application) very conveniently by defining the own schema protocol.
Fig. 1 schematically shows an environment application diagram according to an embodiment of the application. As shown in fig. 1:
the server 2 may be connected to a plurality of mobile terminals 6 through a network 4.
The server 2 can provide a plurality of services for the mobile terminal 6, and an application program (hereinafter, referred to as application for short) for realizing the services can analyze the overdraw problem by identifying the overdraw method.
The server 2, may be a device such as: rack-mounted servers, blade servers, tower servers, or rack servers (including independent servers or a server cluster composed of a plurality of servers), and the like.
Network 4 may include various network devices such as routers, switches, multiplexers, hubs, modems, bridges, repeaters, firewalls, proxy devices, and/or the like. The network 4 may include physical links, such as coaxial cable links, twisted pair cable links, fiber optic links, combinations thereof, and/or the like. The network 4 may include wireless links such as cellular links, satellite links, Wi-Fi links, and/or the like.
The terminal device 6 may be configured to access the server 2. The terminal device 6 may comprise any type of terminal device 6, such as: mobile devices, tablet devices, laptop computers, smart devices (e.g., smart watches, smart glasses), virtual reality headsets, gaming devices, set-top boxes, digital streaming devices, robots, vehicle terminals, smart televisions, e-book readers, MP4 (moving picture experts group audio layer IV) players, and the like.
The terminal equipment 6 can run Windows system and Android (Android)TM) System, etc. operating system. The user can also install various application program installation packages according to the needs, so that application programs for realizing various specific functions can be obtained.
The application program (hereinafter, simply referred to as application) of the terminal device 6 can analyze the overdraw problem by identifying the overdraw method.
The following describes a scheme for identifying transition renderings in various embodiments. The scheme may be implemented by a computer device 1300, and the computer device 1300 may be the server 2 or a computing node thereof, or the terminal device 6.
Example one
Fig. 2 schematically shows a flowchart of a method for identifying a transition rendering according to a first embodiment of the present application.
As shown in fig. 2, the method for identifying transition rendering may include the following steps S201 to S204, wherein:
step S201: and jumping to each page of the application, and respectively carrying out screenshot on each page.
The applications can be various applications running on the computer device 1300. The computer device 1300 may obtain, for an application to be tested, links of all pages of the application; and then automatically jumping to each page of the application based on a jump protocol (schema) in the page according to the link of the acquired page. For the currently skipped page, computer device 1300 captures the interface to obtain a page picture of the page.
In an exemplary embodiment, all schema links of the Android application are collected first; further, automatically jumping each schema page of the Android application according to the collected schema links by packaging an am start command of the adb; and for the currently skipped page, capturing a screen through a screen command to obtain a page picture of the page.
Step S202: and for the page picture obtained by screenshot, carrying out color feature identification on each control in the page picture.
Generally, a page is provided with a plurality of controls, so that the picture information of each control can be reflected in a page picture obtained by screenshot correspondingly; for each screenshot, computer device 1300 may perform color feature recognition on the picture of each control in the page picture.
The specific method for identifying the color characteristics of the picture of each control in the page picture, as shown in fig. 3a, includes the following substeps S301 to S303:
substep S301: and acquiring the position information and the size information of each control in the page picture.
In this sub-step, computer device 1300 may obtain position information and size information of each control in the page picture.
In an exemplary embodiment, the computer device 1300 may obtain an outline of a control of a page on a page picture through a findContours function of OpenCV, and then obtain a range of the outline by using a boundingselect () function of OpenCV, so as to obtain an upper left corner origin coordinate of the control, and a height and a width of the control, that is, position information and size information of the control.
Substep S302: and for each control in the page picture, cutting out the picture of the control from the page picture according to the acquired position information and size information of the control.
In this sub-step, the computer device 1300 may cut out the picture of the control from the page picture according to the acquired position information and size information of the control.
Substep S303: and converting the picture obtained by cutting into RGB image information.
In this sub-step, the computer device 1300 may perform color feature recognition on the cut picture of the control, that is, convert the picture into RGB (red, green, and blue) image information.
In an exemplary embodiment, the computer device 1300 may write the cut picture of the control into a buffer, then read data from the buffer through a frompbuffer function of NumPy and an imagecode () function of OpenCV, convert (decode) the data into an image format, and then convert the data of the image format into RGB image information using a cvtColor color space conversion function of OpenCV.
Fig. 3b shows a schematic diagram of converting the picture of each control in one page picture into RGB image information through color feature recognition.
Step S203: identifying whether the picture color of each control is a specific color (deep red); and if the picture color is identified to be the control with the specific color (dark red), determining that the page picture where the control is located has a transitional drawing problem.
After identifying the color features of the picture of the control, if the computer device 1300 determines that the color of the picture of one control is a specific color (for example, deep red), it is determined that the picture of the page where the control is located has a transitional drawing problem.
A specific method for determining whether the color of the picture of the control is a specific color (for example, dark red) may be as shown in fig. 4, and the process includes the following sub-steps S401 to S403:
substep S401: counting the number of pixels of the RGB image information of the control, wherein the color of the pixels is in a specific color (such as deep red) area.
In this sub-step, the computer device 1300 may count the number of pixels in the RGB image information of the control whose RGB values are within the RGB range of the specific color (e.g., dark red) interval.
In an exemplary embodiment, the RGB range of the color interval of a specific color (such as deep red) may be specifically (220, 108, 108) to (255, 148, 148).
Substep S402: and calculating the ratio of the counted number of the pixels to the number of all pixels in the RGB image information of the control.
Substep S403: comparing the calculated proportional value with a set threshold value; if the proportion value is larger than the threshold value, identifying that the picture color of the control is a specific color (such as dark red); otherwise, the control is deemed not to be of a particular color (such as dark red).
In this sub-step, the computer device 1300 may compare the calculated ratio value with a set threshold value; if the proportion value is larger than the threshold value, identifying that the picture color of the control is a specific color (such as dark red);
in an exemplary embodiment, the set threshold is 97%, and in a case that the calculated ratio value is greater than 97%, the picture color of the control is identified as a specific color (such as dark red). Obviously, the setting and adjustment of the threshold value can be performed by those skilled in the art according to the actual situation.
Fig. 4b shows a schematic diagram of a control identified as a deep red color in a page picture, where the control framed by a square frame is the control identified as the deep red color, that is, the control having a transitional drawing problem.
Step S204: and automatically sending the identified page picture with the transition drawing problem to a tester through an email or an IM tool.
Preferably, after determining that the page picture with the transitional drawing problem exists, the computer device 1300 may automatically send the page picture to a tester through an email or an IM (instant messaging) tool; so that the tester can obtain the test result in time.
According to the method for identifying the transitional drawing, the problem of the transitional drawing of the automatic test application can be solved, no requirements are made on the model and the version of the operating system, and all Android devices are supported; and Hook of system functions is avoided, so that no requirements are required for machine types and operating systems, and the method is suitable for various machine types of Android.
In addition, compared with a method for directly judging whether a deep red area exists in a page picture, the method for detecting whether the picture color of the control is deep red is used for judging whether the page picture has a transition drawing problem, has higher accuracy, and can avoid misjudgment of interference values of some pixels in the page picture on whether the transition drawing problem exists as much as possible:
considering that the pixel color value of the page picture is usually interfered by the outside, and some interference values appear; if the interference value in the dark red is mistaken for the color of the pixel of the page picture, the transition drawing problem of the page picture is misjudged;
therefore, in the embodiment of the application, the control is taken as a unit, and after the dark red control is identified, the transition drawing problem of the page picture is judged, so that the misjudgment of the transition drawing problem caused by the dark red interference value of one or more pixels can be avoided;
further, in the process of identifying the deep red control, whether the deep red control is judged according to the proportion value of the deep red pixels in the picture of the control, so that the misjudgment of the deep red control caused by the interference value of the deep red of a certain pixel or a plurality of pixels in the picture of the control can be avoided.
Example two
Fig. 5 schematically illustrates a block diagram of a system for identifying transitional renderings, which may be partitioned into one or more program modules, stored in a storage medium, and executed by one or more processors to implement an embodiment of the present application, according to a second embodiment of the present application. The program modules referred to in the embodiments of the present application refer to a series of computer program instruction segments that can perform specific functions, and the following description will specifically describe the functions of the program modules in the embodiments of the present application.
As shown in fig. 5, one internal structure of the system for identifying transition renderings may include: a color feature identification module 502 and a transition rendering validation module 503, wherein:
the color feature identification module 502 is configured to perform color feature identification on each control in a page picture obtained from a page screenshot of an application.
The transition drawing confirmation module 503 is configured to, after identifying a control with a picture color of a specific color (for example, dark red), determine that there is a transition drawing problem in the page picture where the control is located.
Further, the system for identifying transition renderings may further include: a page screenshot module 501;
the page screenshot module 501 is configured to jump to each page of the application and perform screenshot on each page respectively; specifically, the page screenshot module 501 may obtain links of all pages of an application to be tested for the application; then automatically jumping to each page of the application based on a jump protocol (schema) in the page according to the link of the acquired page; and screenshot is carried out on the currently skipped page to obtain a page picture of the page.
Preferably, one structure inside the color feature recognition module 502, as shown in fig. 6, includes the following units: a control cutting unit 601 and a picture conversion unit 602.
The control cutting unit 601 is used for acquiring position information and size information of each control in the page picture; for each control in the page picture, cutting out a picture of the control from the page picture according to the acquired position information and size information of the control;
the picture conversion unit 602 is configured to convert the cut picture into RGB image information.
Preferably, one structure inside the transition rendering confirmation module 503, as shown in fig. 7, includes the following units: a dark red pixel counting unit 701, a proportion calculating unit 702 and a transition drawing page confirming unit 703.
The deep red pixel counting unit 701 is configured to count the number of pixels of a color in a specific color (for example, deep red) region in the RGB image information of the control;
the proportion calculation unit 702 is configured to calculate a proportion value between the counted number of pixels and the number of all pixels in the RGB image information of the control; if the proportion value is larger than the threshold value, identifying that the picture color of the control is a specific color (such as dark red);
the transition rendering page confirming unit 703 is configured to confirm that there is a transition rendering problem in the page picture where the control with the picture color being a specific color (for example, dark red) is located.
The system for identifying the transitional drawing, provided by the embodiment of the application, can realize the problem of the transitional drawing of the automatic test application, has no requirements on the model and the version of the operating system, and supports all Android devices; and Hook of system functions is avoided, so that no requirements are required for machine types and operating systems, and the method is suitable for various machine types of Android.
In addition, compared with a method for directly judging whether a deep red area exists in a page picture, the method for detecting whether the picture color of the control is deep red is used for judging whether the page picture has a transitional drawing problem, has higher accuracy, and can avoid misjudgment of whether the transitional drawing problem exists in interference values of some pixels in the page picture as much as possible.
EXAMPLE III
Fig. 8 schematically shows a hardware architecture diagram of a computer device 1300 adapted to implement the method of recognizing transition renderings according to a third embodiment of the present application. In this embodiment, the computer device 1300 is a device capable of automatically performing numerical calculation and/or information processing in accordance with a command set in advance or stored. For example, the server may be a smart phone, a tablet computer, a notebook computer, a desktop computer, a rack server, a blade server, a tower server, or a rack server (including an independent server or a server cluster composed of a plurality of servers). As shown in fig. 8, computer device 1300 includes at least, but is not limited to: memory 1310, processor 1320, network interface 1330 may be communicatively linked to each other via a system bus. Wherein:
the memory 1310 includes at least one type of computer-readable storage medium including a flash memory, a hard disk, a multimedia card, a card-type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a read-only memory (ROM), an electrically erasable programmable read-only memory (EEPROM), a programmable read-only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. In some embodiments, the memory 1310 may be an internal storage module of the computer device 1300, such as a hard disk or memory of the computer device 1300. In other embodiments, the memory 1310 may also be an external storage device of the computer device 1300, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), etc. provided on the computer device 1300. Of course, memory 1310 may also include both internal and external memory modules of computer device 1300. In this embodiment, the memory 1310 is generally used for storing an operating system and various types of application software installed in the computer device 1300, such as program codes for identifying a method of transition rendering. In addition, the memory 1310 may also be used to temporarily store various types of data that have been output or are to be output.
Processor 1320 may be, in some embodiments, a Central Processing Unit (CPU), a controller, a microcontroller, a microprocessor, or other data Processing chip. The processor 1320 is generally configured to control the overall operation of the computer device 1300, such as performing control and processing related to data interaction or communication with the computer device 1300. In this embodiment, the processor 1320 is used to execute program codes stored in the memory 1310 or process data.
Network interface 1330 may comprise a wireless network interface or a wired network interface, with network interface 1330 typically being used to establish communication links between computer device 1300 and other computer devices. For example, the network interface 1330 is used to connect the computer device 1300 to an external terminal via a network, establish a data transmission channel and a communication link between the computer device 1300 and the external terminal, and the like. The network may be a wireless or wired network such as an Intranet (Intranet), the Internet (Internet), a Global System of Mobile communication (GSM), Wideband Code Division Multiple Access (WCDMA), a 4G network, a 5G network, Bluetooth (Bluetooth), or Wi-Fi.
It should be noted that FIG. 8 only shows a computer device having components 1310 and 1330, but it is understood that not all of the shown components are required and that more or fewer components may be implemented instead.
In this embodiment, the method for identifying transition renderings stored in the memory 1310 can be further divided into one or more program modules and executed by one or more processors (e.g., the processor 1320) to implement the embodiments of the present application.
Example four
Embodiments of the present application also provide a computer-readable storage medium, on which a computer program is stored, and the computer program, when executed by a processor, implements the steps of the method for identifying transient rendering in the embodiments.
In this embodiment, the computer-readable storage medium includes a flash memory, a hard disk, a multimedia card, a card type memory (e.g., SD or DX memory, etc.), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a Programmable Read Only Memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. In some embodiments, the computer readable storage medium may be an internal storage unit of the computer device, such as a hard disk or a memory of the computer device. In other embodiments, the computer readable storage medium may be an external storage device of the computer device, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), and the like provided on the computer device. Of course, the computer-readable storage medium may also include both internal and external storage devices of the computer device. In this embodiment, the computer-readable storage medium is generally used for storing an operating system and various types of application software installed in the computer device, for example, the program code of the method for identifying transition rendering in the embodiment, and the like. Further, the computer-readable storage medium may also be used to temporarily store various types of data that have been output or are to be output.
It will be apparent to those skilled in the art that the modules or steps of the embodiments of the present application described above may be implemented by a general purpose computing device, they may be centralized on a single computing device or distributed across a network of multiple computing devices, and alternatively, they may be implemented by program code executable by a computing device, such that they may be stored in a storage device and executed by a computing device, and in some cases, the steps shown or described may be performed in an order different from that described herein, or they may be separately fabricated into individual integrated circuit modules, or multiple ones of them may be fabricated into a single integrated circuit module. Thus, embodiments of the present application are not limited to any specific combination of hardware and software.
The above description is only a preferred embodiment of the present application, and not intended to limit the scope of the present application, and all modifications of equivalent structures and equivalent processes, which are made by the contents of the specification and the drawings of the present application, or which are directly or indirectly applied to other related technical fields, are included in the scope of the present application.
Claims (10)
1. A method of identifying transition renderings, the method comprising:
for a page picture obtained from a page screenshot of an application, carrying out color feature identification on each control in the page picture;
after the control with the picture color being the specific color is identified, the problem of transitional drawing of the page picture where the control is located is determined.
2. The method for identifying transitional rendering of claim 1, further comprising, before performing color feature identification on each control in the page picture obtained from the page screenshot of the application, the following steps:
acquiring links of all pages of the application;
automatically jumping to each page of the application based on an in-page jump protocol according to the acquired link of the page; and are
And respectively carrying out screenshot on each page.
3. The method for identifying transitional rendering according to claim 1, wherein the identifying the color characteristics of the controls in the page picture specifically comprises:
acquiring position information and size information of each control in the page picture;
and for each control in the page picture, cutting out the picture of the control from the page picture according to the acquired position information and size information of the control, and converting the cut picture into RGB image information.
4. The method for identifying transitional rendering according to claim 3, wherein the specific color is specifically deep red, and the identifying the picture color as the control of the specific color region specifically comprises:
and if the ratio value of the number of the pixels with the colors in the deep red region to all the number of the pixels in the RGB image information of the control is greater than the threshold value, identifying that the picture color of the control is deep red.
5. The method for identifying transitional rendering according to any one of claims 1 to 4, after determining that the transition rendering problem exists in the page picture where the control is located, further comprising:
and automatically sending the identified page picture with the transition drawing problem to a tester through an email or an instant messaging tool.
6. A system for identifying transition renderings, comprising:
the color feature identification module is used for carrying out color feature identification on each control in the page picture aiming at the page picture obtained from the applied page screenshot;
and the transition drawing confirmation module is used for confirming that the transition drawing problem exists in the page picture where the control is located after the control with the picture color of the specific color is identified.
7. The system for identifying transition renderings as recited in claim 6, wherein said color feature identification module specifically comprises:
the control cutting unit is used for acquiring the position information and the size information of each control in the page picture; for each control in the page picture, cutting out a picture of the control from the page picture according to the acquired position information and size information of the control;
and the picture conversion unit is used for converting the picture obtained by cutting into RGB image information.
8. The system for identifying transitional rendering of claim 6, wherein the specific color is specifically a deep red color, and wherein the transitional rendering confirmation module specifically comprises:
the deep red pixel counting unit is used for counting the number of pixels of which the colors are in a deep red area in the RGB image information of the control;
the proportion calculation unit is used for calculating the proportion value of the counted number of pixels and the number of all pixels in the RGB image information of the control; if the proportion value is larger than the threshold value, identifying that the picture color of the control is dark red;
and the transition drawing page confirming unit is used for confirming that the page picture where the control with the deep red picture is located has the transition drawing problem.
9. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor is adapted to carry out the steps of the method of identifying a transition rendering according to any one of claims 1 to 5 when executing the computer program.
10. A computer-readable storage medium, in which a computer program is stored which is executable by at least one processor to cause the at least one processor to perform the steps of the method of identifying transition renderings as recited in any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110931784.XA CN113568840B (en) | 2021-08-13 | 2021-08-13 | Method and system for identifying transition drawing |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110931784.XA CN113568840B (en) | 2021-08-13 | 2021-08-13 | Method and system for identifying transition drawing |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113568840A true CN113568840A (en) | 2021-10-29 |
| CN113568840B CN113568840B (en) | 2024-04-02 |
Family
ID=78171747
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110931784.XA Active CN113568840B (en) | 2021-08-13 | 2021-08-13 | Method and system for identifying transition drawing |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113568840B (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104866318A (en) * | 2015-06-05 | 2015-08-26 | 北京金山安全软件有限公司 | Method and device for displaying label pages in multiple windows |
| CN106227649A (en) * | 2016-07-08 | 2016-12-14 | 北京奇虎科技有限公司 | A kind of test the application method and apparatus that excessively renders of the page |
| WO2017202294A1 (en) * | 2016-05-24 | 2017-11-30 | 腾讯科技（深圳）有限公司 | Method for dynamically displaying pictures, electronic device and storage medium |
| US20200117905A1 (en) * | 2018-10-12 | 2020-04-16 | Monitoreal Limited | System, device and method for object detection in video feeds |
| CN111538657A (en) * | 2020-04-17 | 2020-08-14 | 北京字节跳动网络技术有限公司 | Page over-drawing detection method and device, electronic equipment and readable medium |
| CN111611151A (en) * | 2019-02-25 | 2020-09-01 | 阿里巴巴集团控股有限公司 | Method and device for detecting excessive drawing of user interface |
| CN111797339A (en) * | 2019-11-07 | 2020-10-20 | 北京京东尚科信息技术有限公司 | Page rendering monitoring method and device |
-
2021
- 2021-08-13 CN CN202110931784.XA patent/CN113568840B/en active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104866318A (en) * | 2015-06-05 | 2015-08-26 | 北京金山安全软件有限公司 | Method and device for displaying label pages in multiple windows |
| WO2017202294A1 (en) * | 2016-05-24 | 2017-11-30 | 腾讯科技（深圳）有限公司 | Method for dynamically displaying pictures, electronic device and storage medium |
| CN106227649A (en) * | 2016-07-08 | 2016-12-14 | 北京奇虎科技有限公司 | A kind of test the application method and apparatus that excessively renders of the page |
| US20200117905A1 (en) * | 2018-10-12 | 2020-04-16 | Monitoreal Limited | System, device and method for object detection in video feeds |
| CN111611151A (en) * | 2019-02-25 | 2020-09-01 | 阿里巴巴集团控股有限公司 | Method and device for detecting excessive drawing of user interface |
| CN111797339A (en) * | 2019-11-07 | 2020-10-20 | 北京京东尚科信息技术有限公司 | Page rendering monitoring method and device |
| CN111538657A (en) * | 2020-04-17 | 2020-08-14 | 北京字节跳动网络技术有限公司 | Page over-drawing detection method and device, electronic equipment and readable medium |
Non-Patent Citations (2)
| Title |
|---|
| 何林波: "《网络测试技术与应用》", 西安电子科技大学出版社, pages: 36 - 37 * |
| 陈禹樵: "Android应用启动速度优化策略研究", 《信息与电脑(理论版)》, vol. 33, no. 08, 25 April 2021 (2021-04-25), pages 36 - 37 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113568840B (en) | 2024-04-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107506300B (en) | User interface testing method, device, server and storage medium | |
| CN112861057A (en) | Page rendering method, device and equipment based on small program and storage medium | |
| US10810019B2 (en) | Method for interface refresh synchronization, terminal device, and non-transitory computer-readable storage medium | |
| CN111399831A (en) | Page display method and device, storage medium and electronic device | |
| CN112579187A (en) | Optimization method and device for cold start of application program | |
| CN107704253B (en) | Control character color transformation method and system and electronic device | |
| CN114442930A (en) | Method and device for controlling group disk array, electronic equipment and readable storage medium | |
| CN113568840B (en) | Method and system for identifying transition drawing | |
| CN110968377B (en) | Interface display processing method and device | |
| CN113934481A (en) | Notification information pushing method, intelligent terminal and storage medium | |
| CN109191379B (en) | Panorama splicing semantic annotation method, system, terminal and storage medium | |
| CN117011532A (en) | Image processing method, apparatus, device, storage medium, and program product | |
| CN112367295B (en) | Plug-in display method and device, storage medium and electronic equipment | |
| CN114185784A (en) | Barrage rendering test method and device | |
| CN106406888B (en) | Application program interface display method and device | |
| CN111309300A (en) | Code generation method, device, computer system and readable storage medium | |
| CN112286785A (en) | User interface abnormity detection method and device | |
| CN104572450A (en) | Method and device for detecting resource allocation | |
| CN113946380B (en) | Picture loading method and device and video processing equipment | |
| CN108961380A (en) | Method for rendering graph and device | |
| CN117667604B (en) | Data monitoring method, device, electronic equipment and storage medium for tracking event | |
| CN110413459B (en) | External PHY card identification method, device, equipment and readable storage medium | |
| CN116049013A (en) | Automatic detection method and device for webpage elements, electronic equipment and storage medium | |
| CN116483495A (en) | Display control method, display control device, electronic equipment and computer readable storage medium | |
| CN117389501A (en) | Display control method and device for large data screen, computer equipment and storage medium |
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 |