CN113094287A

CN113094287A - Page compatibility detection method, device, equipment and storage medium

Info

Publication number: CN113094287A
Application number: CN202110518989.5A
Authority: CN
Inventors: 孙浩瀚
Original assignee: Shenzhen Tencent Information Technology Co Ltd
Current assignee: Shenzhen Tencent Information Technology Co Ltd
Priority date: 2021-05-12
Filing date: 2021-05-12
Publication date: 2021-07-09
Anticipated expiration: 2041-05-12
Also published as: CN113094287B

Abstract

The application discloses a page compatibility detection method, a device, equipment and a storage medium, wherein the method comprises the following steps: displaying a target area for inputting page address information; responding to a trigger instruction of the target area, and determining address information of a page to be detected; acquiring target machine type identification information of a terminal to be detected; displaying a target page matched with the address information of the page to be tested in a test browser matched with the identification information of the target machine type; marking elements in the target page to construct a node tree; determining a first matrix area occupied by a first node in the node tree and a second matrix area occupied by a corresponding second node; and when the first matrix area is in the second matrix area, determining that the target page is compatible with the terminal to be detected. By adopting the technical scheme, the page compatibility detection accuracy and detection efficiency are improved.

Description

Page compatibility detection method, device, equipment and storage medium

Technical Field

The present application relates to the field of internet technologies, and in particular, to a method, an apparatus, a device, and a storage medium for detecting page compatibility.

Background

For page compatibility detection, an existing detection scheme is an image recognition matching scheme, and the corresponding similarity of the multiple pictures is obtained according to a pre-configured data model, wherein the data model is obtained by training according to multiple pre-configured data sets, and each data set comprises the multiple pictures with the similarity of a preset value; comparing the similarity corresponding to the plurality of pictures with a preset threshold value; and determining that the compatibility test of the webpage corresponding to the plurality of pictures passes under the condition that the similarity corresponding to the plurality of pictures exceeds the threshold value. Due to different page complexity, the conventional image identification detection accuracy rate is low for relatively complex pages; image recognition model training is required, and more image sources are relied on.

For the detection of the special-shaped screen page and the page internationalization detection, an effective automatic test scheme is not available at present, verification and test are carried out manually, and the detection efficiency is low.

Therefore, it is necessary to provide a method, an apparatus, a device and a storage medium for detecting page compatibility, so as to improve the page compatibility detection accuracy and efficiency.

Disclosure of Invention

The application provides a page compatibility detection method, a page compatibility detection device and a page compatibility detection storage medium, which can improve the page compatibility detection accuracy and efficiency and reduce the detection cost.

In one aspect, the present application provides a page compatibility detection method, where the method includes:

displaying a target area for inputting page address information;

responding to a trigger instruction of the target area, and determining address information of a page to be detected;

acquiring target machine type identification information of a terminal to be detected;

displaying a target page matched with the address information of the page to be tested in a test browser matched with the identification information of the target machine type;

marking elements in the target page to construct a node tree;

determining a first matrix area occupied by a first node in the node tree and a second matrix area occupied by a corresponding second node; the corresponding second node is a father node of the first node;

and when the first matrix area is in the second matrix area, determining that the target page is compatible with the terminal to be detected.

Another aspect provides a page compatibility detecting apparatus, including:

the target area input module is used for displaying a target area for inputting page address information;

the page address information to be detected determining module is used for responding to the trigger instruction of the target area and determining the page address information to be detected;

the identification information acquisition module is used for acquiring the identification information of the target machine type of the terminal to be detected;

the target page display module is used for displaying a target page matched with the address information of the page to be tested in the test browser matched with the target machine type identification information;

the node tree construction module is used for marking the elements in the target page and constructing a node tree;

a matrix area determination module, configured to determine a first matrix area occupied by a first node in the node tree and a second matrix area occupied by a corresponding second node; the corresponding second node is a father node of the first node;

and the compatibility determining module is used for determining that the target page is compatible with the terminal to be detected when the first matrix area is in the second matrix area.

Another aspect provides a page compatibility detection device, where the device includes a processor and a memory, where the memory stores at least one instruction or at least one program, and the at least one instruction or the at least one program is loaded and executed by the processor to implement the page compatibility detection method described above.

Another aspect provides a computer storage medium storing at least one instruction or at least one program, the at least one instruction or the at least one program being loaded and executed by a processor to implement the page compatibility detection method as described above.

Another aspect provides a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the computer device to perform the page compatibility detection method as described above.

The page compatibility detection method, the device, the equipment and the storage medium have the following technical effects:

the method comprises the steps that a target area is displayed, and the address information of a page to be detected is determined in response to a trigger instruction for the target area; displaying a target page matched with the address information of the page to be tested in a test browser matched with the target machine type identification; therefore, the target page can be displayed quickly; the method comprises the steps that a node tree is constructed by marking elements in a target page, so that a matrix area occupied by each node in the node number is obtained, and when a first matrix area occupied by a first node is in a second matrix area occupied by a corresponding second node, the target page is determined to be compatible with a terminal to be detected; therefore, the compatibility of the page is determined through the overlapping condition of the two matrix areas, model training is not needed, and the page compatibility detection accuracy and detection efficiency are improved.

Drawings

In order to more clearly illustrate the technical solutions and advantages of the embodiments of the present application or the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only some embodiments of the present application, and other drawings can be obtained by those skilled in the art without creative efforts.

Fig. 1 is a schematic diagram of a page compatibility detection system provided in an embodiment of the present application;

fig. 2 is a schematic flowchart of a page compatibility detection method according to an embodiment of the present application;

fig. 3 is a schematic flowchart of a method for determining a first matrix area occupied by a first update node in an update node tree and a second matrix area occupied by a corresponding second update node according to an embodiment of the present disclosure;

fig. 4 is a flowchart illustrating a method for determining an updated node tree according to an embodiment of the present application;

FIG. 5 is a schematic diagram of a body node in a node tree according to an embodiment of the present disclosure;

FIG. 6 is a flowchart illustrating a method for determining a filtered node tree according to an embodiment of the present disclosure;

FIG. 7 is a schematic diagram of non-page rendering elements in a node tree according to an embodiment of the present disclosure;

fig. 8 is a schematic diagram of a font label in a node tree according to an embodiment of the present application;

fig. 9 is a schematic flowchart of a method for determining that a target page is compatible with a terminal to be detected according to an embodiment of the present application;

fig. 10 is a schematic flowchart of a page compatibility detection method provided in an embodiment of the present application;

fig. 11 is a schematic flowchart of a method for setting a resolution of a vector diagram of an irregular screen according to an embodiment of the present application;

FIG. 12 is a vector diagram of a special-shaped area in a special-shaped screen provided by an embodiment of the present application;

fig. 13 is a schematic flowchart of a method for determining an adaptation relationship between a target special-shaped screen and a terminal to be detected according to an embodiment of the present application;

fig. 14 is a schematic flow chart of a method for detecting an adaptation relationship between a target special-shaped screen and a terminal to be detected according to an embodiment of the present application;

fig. 15 is a flowchart illustrating a method for determining an adaptation relationship between a language to be tested and a terminal to be tested according to an embodiment of the present application;

fig. 16 is a flowchart illustrating a language-terminal adaptation testing method according to an embodiment of the present application;

fig. 17 is a schematic flowchart of another page compatibility detection method according to an embodiment of the present application;

FIG. 18 is a schematic diagram of a setting interface of a page address, a language to be tested, and a resolution according to an embodiment of the present application;

FIG. 19 is a schematic diagram of a setup interface of a model to be tested according to an embodiment of the present application;

FIG. 20 is a schematic diagram of a preview interface of a language to be tested provided by an embodiment of the present application;

FIG. 21 is a block diagram of a prompt to perform a test provided by an embodiment of the application;

FIG. 22 is a schematic diagram of a detection result of an output provided by an embodiment of the present application;

FIG. 23 is a block chain system according to an embodiment of the present disclosure;

fig. 24 is a block structure diagram according to an embodiment of the present application;

fig. 25 is a schematic structural diagram of a page compatibility detection apparatus according to an embodiment of the present application;

fig. 26 is a schematic structural diagram of a server according to an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. 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 terms "first," "second," and the like in the description and claims of this application and in the drawings described above are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the application described herein are capable of operation in sequences other than those illustrated or described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or server that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed, but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.

Referring to fig. 1, fig. 1 is a schematic diagram of a page compatibility detection system according to an embodiment of the present disclosure, and as shown in fig. 1, the page compatibility detection system may at least include a server 01 and a client 02.

Specifically, in this embodiment of the present disclosure, the server 01 may include an independently operating server, or a distributed server, or a server cluster composed of a plurality of servers, and may also be a cloud server that provides basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a Network service, cloud communication, a middleware service, a domain name service, a security service, a CDN (Content Delivery Network), and a big data and artificial intelligence platform. The server 01 may comprise a network communication unit, a processor, a memory, etc. Specifically, the server 01 may be configured to perform page compatibility detection.

Specifically, in the embodiment of the present disclosure, the client 02 may include a type of physical device such as a smart phone, a desktop computer, a tablet computer, a notebook computer, a digital assistant, a smart wearable device, and a vehicle-mounted terminal, and may also include software running in the physical device, such as a web page provided by some service providers to a user, and an application provided by the service providers to the user. Specifically, the client 02 may be configured to query the compatibility between the page to be detected and the terminal to be detected on line.

A page compatibility detection method of the present application is described below, and fig. 2 is a schematic flowchart of a page compatibility detection method provided in an embodiment of the present application, and the present specification provides method operation steps as described in the embodiment or the flowchart, but more or fewer operation steps may be included based on conventional or non-creative labor. The order of steps recited in the embodiments is merely one manner of performing the steps in a multitude of orders and does not represent the only order of execution. In practice, the system or server product may be implemented in a sequential or parallel manner (e.g., parallel processor or multi-threaded environment) according to the embodiments or methods shown in the figures. Specifically, as shown in fig. 2, the method may include:

s201: a target area for inputting page address information is shown.

In the embodiment of the present specification, page address information input by a user may be received through the target area. The target area may be, but is not limited to, presented by a client, for example: the user opens the client installed on the control end for the webpage compatibility test, selects to open the target area in the client, and the client displays the target area on the screen of the control end.

S203: and responding to a trigger instruction of the target area, and determining the address information of the page to be tested.

In this embodiment of the present specification, the trigger instruction for the target area may be a voice instruction or a text instruction, for example, a user may manually input address information of a page to be tested in the target area. The address information of the page to be detected can be an IP address or a domain name address.

S205: and acquiring the target machine type identification information of the terminal to be detected.

In the embodiment of the specification, each terminal has corresponding unique model identification information, and one or more models can be detected in the page compatibility detection process; accordingly, the target model identification information may be one or more. For apple mobile terminals, the model identification information may be iPhone6/7/8, iPhone6/7/8Plus, iPhone X, iPad, and so on.

In practical application, various models of the same brand can be detected in batch, and various models of different brands can also be detected. When a plurality of target machine type identification information exist, the identification information of each target machine type can be traversed, and page compatibility test is carried out.

In this embodiment of the present specification, after obtaining the target model identification information of the terminal to be detected, the method may further include:

and acquiring the test browser matched with the identification information of the target machine type.

Specifically, in the embodiment of the present specification, different models correspond to different browsers, a mapping relationship between model identification information and the browsers may be stored in advance, and one model corresponds to one browser, that is, one model identification information corresponds to one browser.

S207: and displaying the target page matched with the address information of the page to be tested in the test browser matched with the identification information of the target machine type.

In the embodiment of the present specification, a target page matched with the address information of the page to be tested is displayed in the test browser, and the target page may include a plurality of elements, such as text, pictures, and the like.

S209: and marking the elements in the target page to construct a node tree.

In this embodiment of the present specification, after the target page is obtained, all elements in the target page may be marked to construct a node tree, where the node tree may be an HTML DOM (Document Object Mode) tree. The node tree comprises a first node and a plurality of second nodes, wherein the second nodes are father nodes of the first nodes; the coordinate matrix of the area occupied by each node can be constructed through the node tree, so that the compatibility of the target page can be conveniently detected through the overlapping condition of the matrix areas occupied by the child nodes and the corresponding father nodes.

S2011: determining a first matrix area occupied by a first node in a node tree and a second matrix area occupied by a corresponding second node; the corresponding second node is a parent node of the first node.

In this embodiment of the present specification, as shown in fig. 3, determining a first matrix area occupied by a first update node and a second matrix area occupied by a corresponding second update node in an update node tree includes:

s20111: determining a first matrix area occupied by each first updating node according to the attribute information of each first updating node;

s20113: and determining a second matrix area occupied by the second updating node corresponding to each first updating node according to the attribute information of the second updating node corresponding to each first updating node.

In this embodiment of the present specification, as shown in fig. 4, before determining a first matrix region occupied by a first node in a node tree and a second matrix region occupied by a corresponding second node, the method further includes:

s20101: traversing nodes of each level in the node tree, and determining text nodes;

in the embodiment of the specification, recursive traversal is performed from body nodes in a node tree; as shown in fig. 5, the body node 03 is a starting node of the content area of the whole page, defines a main body of the page, and includes all the display contents of the page; the recursive traversal is to perform layer-by-layer traversal on the child nodes under the body node and the more layers of nested nodes.

In the embodiment of the present specification, the method for determining a text node is to determine whether a nodeType of a dom node is 3, and if the nodeType of the dom node is 3, the node is a text node; the calculation method of the text matrix area comprises the steps of obtaining x and y coordinates of the upper left corner of a text node through dom, and then obtaining the height and width of the text node, so as to obtain the area occupied by the text node.

Wherein, the mapping relation table of nodeType is shown in the following table 1:

TABLE 1

Node type	Description of the invention
		1	Element(s)
2	Properties
		3	Text content in elements or attributes
4	CDATA in a document (text not parsed by a parser)
		5	Entity referencing
6	Entity
		7	Processing instructions
8	Note
		9	Entire document (root node of DOM tree)
10	Providing an interface to an entity defined for a document
		11	Lightweight Document object capable of holding a portion of a Document
12	Notation of declarations in Document Type Definition (DTD)

In this embodiment of the present specification, as shown in fig. 6, before traversing nodes at each level in the node tree and determining a text node, the method further includes:

s201001: determining non-page rendering elements in a node tree;

s201003: and filtering non-page rendering elements in the node tree to obtain a filtered node tree.

Specifically, in the embodiment of the present specification, the non-page rendering element is a script tag, an annotation text, or the like; in a specific embodiment, the non-page rendering elements are shown as 04, 05 in fig. 7, wherein 04 is annotation text and 05 is a script tag; by filtering the elements, the speed of determining the text nodes subsequently can be improved.

Correspondingly, traversing nodes of each level in the node tree to determine text nodes, comprising:

and traversing the nodes of each level in the filtered node tree to determine the text nodes.

S20103: and adding a target label to the text node to obtain an updated node tree.

In the embodiment of the present specification, the target tag is a font tag, and the < font > tag is a tag for setting a text style, and can set a font style of the text, a size of the font, and a color of the font. As shown in fig. 8, 06 in fig. 8 is a font label. Adding font labels to the text nodes is convenient for calculating a matrix area of the text, and if the labels are not added, the matrix coordinates cannot be calculated; but the tag need not be added for an empty string.

In an embodiment of this specification, adding a target tag to a text node to obtain an updated node tree includes:

s201031: cloning the text nodes to obtain cloned nodes;

s201033: constructing an updated text node based on the clone node and the target label;

s201035: and replacing the text node with the updated text node to obtain an updated node tree.

In the embodiment of the specification, a clone copy is performed on a node to which a font label is to be added, a cloned object is added below a newly-created font node, and then the original node is replaced by a new node after creation processing. Clone copy is carried out instead of direct operation on the original node, so that on one hand, the phenomenon that the original node structure is polluted to cause the node display disorder can be avoided; on the other hand, the execution complexity is lower, the upper node does not need to be searched and positioned, and the aim of replacement is to inject the font label.

In this embodiment of the present specification, determining a first matrix region occupied by a first node and a second matrix region occupied by a corresponding second node in a node tree includes:

and determining a first matrix area occupied by a first updating node and a second matrix area occupied by a corresponding second updating node in the updating node tree, wherein the corresponding second updating node is a father node of the first updating node.

In this embodiment of the present specification, before determining a first matrix region occupied by a first update node and a second matrix region occupied by a corresponding second update node in an update node tree, the method further includes:

and traversing the update node tree, acquiring the attribute information of each first update node, and acquiring the attribute information of a second update node corresponding to each first update node.

In the embodiment of the present specification, all nodes in the node tree, such as < a >, < img >, < input >, < iframe >, < label >, < li >, < p >, < ul >, < td >, < tr >, < textarea >, etc., are updated by traversal, and the x, y coordinates and w (width), h (height) of the area matrix where each node is located are obtained through the dom interface.

In this embodiment of the present specification, before traversing the update node tree, acquiring the attribute information of each first update node, and acquiring the attribute information of the second update node corresponding to each first update node, the method further includes:

undisplayed nodes in the updated node tree are determined.

In the embodiment of the present specification, the node not shown may be a hidden node, or may be a node whose height or width is 0. The hidden node means that the node display attribute is set to none, and the node cannot be displayed, so that the node does not participate in detection.

In this embodiment of the present specification, if the display attribute of the first update node is not none and the display attribute of the second update node is not none, and meanwhile, the width and height of the first update node and the second update node are not 0, then performing detection, and otherwise, performing exclusion.

The code is as follows:

if ($ (el) · css ('display') |, ("none" & & $ (parentEl) }. css ('display') |, ("none" & & w |), (0 & & h |) } 0) { perform detection } else { do not detect }

In this embodiment of the present specification, traversing the update node tree, acquiring attribute information of each first update node, and acquiring attribute information of a second update node corresponding to each first update node includes:

and acquiring attribute information of other nodes except the node which is not displayed in the updated node tree.

In the present specification embodiment, if a display (display) attribute of a first update node is not a none and a display attribute of a second update node is not a none, and a width and a height of a node are not 0, the update node tree is traversed, attribute information of each first update node is acquired, and attribute information of a second update node corresponding to each first update node is acquired.

S2013: and when the first matrix area is in the second matrix area, determining that the target page is compatible with the terminal to be detected.

In the embodiments of the present specification, that the first matrix area is within the second matrix area means that the first matrix area is completely surrounded by the second matrix area.

In this embodiment of the present specification, as shown in fig. 9, before determining that the target page is compatible with the terminal to be detected when the first matrix area is within the second matrix area, the method further includes:

s20121: judging whether the first matrix area is in the second matrix area;

s20123: and if not, determining that the target page is incompatible with the terminal to be detected.

In this embodiment of the present specification, when the first matrix area is within the second matrix area, determining that the target page is compatible with the terminal to be detected includes:

and when the first matrix area occupied by each first updating node is in the second matrix area occupied by the second updating node corresponding to each first updating node, determining that the target page is compatible with the terminal to be detected.

In this embodiment of the present specification, when a first matrix region occupied by any first update node is not in a second matrix region occupied by a corresponding second update node, that is, the first matrix region occupied by any first update node is not surrounded by the second matrix region occupied by the corresponding second update node, it is determined that the target page is incompatible with the terminal to be detected.

Specifically, in the embodiment of the present specification, for an incompatible detection result, an incompatible node name and a node coordinate may be output, and an incompatible matrix area screenshot may also be output.

Specifically, in this embodiment of the present specification, determining a first matrix area occupied by a first node and a second matrix area occupied by a corresponding second node in a node tree includes:

acquiring coordinates of the upper left corner of the first node and the width and height of the first node to obtain a first matrix area occupied by the first node;

acquiring the coordinate of the upper left corner of the second node and the width and height of the second node to obtain a second matrix area occupied by the second node;

when the first matrix area is not completely in the second matrix area, namely the first matrix area is not completely surrounded by the second matrix area, judging that overflow occurs, namely the target page is incompatible with the terminal to be detected; for example, text on a button may occupy an area that exceeds the size of the button area, resulting in overflow.

In the embodiments of the present specification, the specific detection codes are as follows:

var pX＝$(parentEl).offset().left；

var pY＝$(parentEl).offset().top；

var pW＝$(parentEl).width()；

var pH＝$(parentEl).height()；

var x＝$(el).offset().left；

var y＝$(el).offset().top；

var w＝$(el).width()；

var h＝$(el).height()；

detection conditions are as follows: pX < (x) & & x + w < (pX + pW +1& & pY < (y & & y + h < (pY + pH + 1); when the condition is not satisfied, it is determined as an overflow.

In a specific embodiment, the page compatibility detection method is shown in fig. 10, and includes the following steps:

s1001: acquiring HTML DOM (hypertext markup language) structural information of a target page, and constructing a node tree;

s1003: pointing to body nodes in the node tree;

s1005: carrying out recursive traversal on each level of nodes from the body node;

s1007: filtering non-page rendering elements;

s1009: adding font labels for the text nodes;

s10011: traversing the coordinates, height and width of each node in the updated node tree;

s10013: comparing the matrix area occupied by each node with the matrix area occupied by the corresponding father node;

s10015: obtaining a page compatibility detection result according to the comparison result; when the matrix area occupied by each node is in the matrix area occupied by the corresponding father node, determining that the target page is compatible with the terminal to be tested; otherwise, the two are incompatible.

In this embodiment of the present specification, after the terminal to be detected is a special-shaped screen and target model identification information of the terminal to be detected is acquired, as shown in fig. 11, the method further includes:

s2061: acquiring target resolution of a terminal to be detected;

s2063: determining a target special-shaped screen vector diagram matched with the target machine type identification information according to the mapping relation between the preset machine type identification information and the special-shaped screen vector diagram;

s2065: and setting the resolution of the target irregular screen vector diagram as the target resolution.

In the embodiment of the present specification, the target model identification information and the target resolution of the terminal to be detected may be obtained at the same time.

In an embodiment of the present specification, the method further includes:

and drawing a vector diagram of the special-shaped area in the special-shaped screen.

In the embodiment of the present specification, drawing is generally performed on drawing software according to model data provided by a mobile phone manufacturer (software tool, such as adobe illustrator, core draw). And constructing a vector diagram of the special-shaped area for the same model identification information. In a specific embodiment, as shown in fig. 12, fig. 12 is a shaped screen vector diagram 07 including a shaped region vector diagram 08.

In this embodiment, after the target shaped screen includes the shaped region and the resolution of the target shaped screen vector diagram is set to the target resolution, as shown in fig. 13, the method further includes:

s1301: acquiring attribute information of the special-shaped area;

in the present specification embodiment, the attribute information of the shaped area includes the coordinate and size information of the shaped area.

S1303: determining a special-shaped matrix area occupied by the special-shaped area according to the attribute information of the special-shaped area;

s1305: traversing the node tree, and determining a target matrix area occupied by a target node in the node tree, wherein the target node is a node corresponding to a target element in a target page;

in the embodiment of the specification, the target elements are main elements such as buttons, characters, forms and the like in the page.

S1307: judging whether an overlapping area exists between the target matrix area and the special-shaped matrix area or not;

s1309: and determining the adaptation relation between the target special-shaped screen and the terminal to be detected according to the judgment result.

In an embodiment of the present specification, determining an adaptation relationship between a target special-shaped screen and a terminal to be detected according to a determination result includes:

s13091: when the target matrix area and the special-shaped matrix area have an overlapping area, determining that the target special-shaped screen is not matched with the terminal to be detected;

s13093: and when the target matrix area and the special-shaped matrix area do not have an overlapping area, determining that the target special-shaped screen is matched with the terminal to be detected.

In the embodiment of the specification, multiple types of special-shaped screens can be selected for detection at one time, and then the special-shaped screens corresponding to each selected type are traversed for detection one by one.

In the embodiment of the specification, the method for detecting the adaptation relation between the special-shaped screen and the terminal can improve the testing efficiency to a greater extent compared with manual testing, and meanwhile saves the cost generated by purchasing a large amount of entity equipment.

In a specific embodiment, a method for detecting an adaptation relationship between a target special-shaped screen and a terminal to be detected is shown in fig. 14, and includes the following steps:

s1401: preparing basic data: drawing a vector diagram of a special-shaped screen comprising special-shaped areas;

s1403: selecting models needing to be subjected to the special-shaped screen test and corresponding resolutions in batches;

s1405: traversing the selected machine type for testing;

s1407: adjusting the resolution of the test browser to the resolution of the special-shaped screen model to be tested;

s1409: loading an active page;

s14011: acquiring HTML DOM structure information of a page;

s14013: adjusting the vector diagram resolution of the special-shaped screen to the resolution of the model to be tested;

s14015: acquiring coordinate and size information of the special-shaped area;

s14017: traversing the HTML DOM structure;

s14019: detecting whether an overlapping area exists between the area of main elements such as buttons, characters, forms and the like and the area of the special-shaped screen;

s14021: outputting a detection result; when an overlapping area exists, determining that the special-shaped screen is incompatible with the model to be tested; otherwise, the two are determined to be compatible.

In an embodiment of this specification, after obtaining a target resolution of a terminal to be detected, the method further includes:

acquiring languages to be tested;

and setting the language of the test browser as the language to be tested.

In this embodiment of the present specification, after marking elements in a target page and constructing a node tree, as shown in fig. 15, the method further includes:

s1501: extracting characters in a target page layer by layer according to the node tree;

in an embodiment of this specification, when the target page includes a picture, the method further includes:

and identifying and extracting characters in the picture through character identification software.

Specifically, in the embodiment of the present specification, the text Recognition software may directly convert the text content on the picture into an editable text by using an Optical Character Recognition (OCR) technology.

S1503: determining a target character list matched with the language to be tested according to the mapping relation between the preset language and the character list;

in the embodiment of the specification, different languages are composed of different characters, and the step is to list the characters of each language to form an inventory table; the step is not required for each detection, is constructed once, and can be used all the time when the language detection is carried out later.

S1505: determining standard translation words corresponding to the words in the target page according to the target character list;

in an embodiment of this specification, after determining, according to a target character list, a standard translation word corresponding to a word in a target page, the method further includes:

judging whether a translation mapping table exists in the terminal to be detected;

and if not, determining that the language to be tested is not matched with the terminal to be tested.

S1507: acquiring target translation characters corresponding to characters in a target page according to a translation mapping table in a terminal to be detected;

in this embodiment of the present specification, the translation mapping table is a translation table dynamically loaded in an activity, and is usually a js file or json file, and whether the translation mapping table exists or not can be automatically determined in the detection process.

S1509: comparing the target translation words with the standard translation words to obtain a comparison result;

s15011: and determining the adaptation relation between the language to be tested and the terminal to be tested according to the comparison result.

In the embodiment of the present specification, determining, according to the comparison result, an adaptation relationship between the language to be tested and the terminal to be tested, includes:

s150111: when the target translation words are consistent with the standard translation words in comparison, determining that the language to be tested is matched with the terminal to be tested;

s150113: and when the comparison of the target translation words and the standard translation words is inconsistent, determining that the language to be tested is not matched with the terminal to be tested.

In the embodiment of the specification, the language and terminal adaptation test method can greatly improve the test efficiency compared with manual test, and can easily find out the detail items which are easily overlooked manually.

In a specific embodiment, as shown in fig. 16, fig. 16 is a method for testing adaptation between languages and terminals, including:

s1601: preparing basic data: constructing character list tables of different languages;

s1603: selecting languages to be tested in batches;

s1605: traversing the selected languages for testing;

s1607: adjusting the language of the test browser to the language to be tested;

s1609: loading an active page;

s16011: acquiring HTML DOM structure information of a page;

s16013: extracting all displayed characters in the page;

s16015: extracting all characters in the page picture through OCR recognition;

s16017: traversing the HTML DOM structure;

s16019: matching the character list table with the character;

s16021: judging whether a translation mapping table exists in the terminal to be tested;

s16023: if the translation mapping table exists, comparing the translation characters with the translation mapping table, and when the translation characters are consistent with the translation mapping table, determining that the language to be tested is matched with the terminal to be tested, otherwise, not matching the translation characters with the translation mapping table;

s16025: and if the translation mapping table does not exist, outputting an unmatched detection result.

In a specific embodiment, as shown in fig. 17, fig. 17 is a schematic flowchart of a page compatibility detection method, and includes the following steps:

s1701: inputting an active URL address;

s1703: setting the resolution/model of the terminal to be tested;

s1705: setting languages to be tested;

s1707: detecting page compatibility;

s1709: detecting the adaptation of the special-shaped screen;

s17011: detecting the language adaptation to be tested;

s17013: and outputting a detection result.

In one embodiment, as shown, fig. 18 is a schematic diagram of a setting interface of a page address, a language to be tested, and a resolution; input setting can be carried out on the display interface; FIG. 19 is a setup interface for a model to be tested; FIG. 20 is a preview interface of a language to be tested; FIG. 21 is a prompt box for performing a test; fig. 22 shows output detection results, which include a page compatibility detection result, a special-shaped screen adaptation detection result, and a language adaptation detection result to be tested.

In the embodiment of the present specification, the page compatibility detection method of the present application can be applied to, but is not limited to, detection of a web page in a game application program.

In an embodiment of the present specification, the method may further include:

the block chain system comprises a plurality of nodes, and a point-to-point network is formed among the nodes.

In some embodiments, the blockchain system may be the structure shown in fig. 23, a Peer-To-Peer (P2P) network is formed among a plurality of nodes, and the P2P Protocol is an application layer Protocol operating on top of a Transmission Control Protocol (TCP). In the blockchain system, any machine such as a server and a terminal can be added to become a node, and the node comprises a hardware layer, a middle layer, an operating system layer and an application layer.

Fig. 23 shows functions of each node in the blockchain system, and the related functions include:

1) routing, a basic function that a node has, is used to support communication between nodes.

Besides the routing function, the node may also have the following functions:

2) the application is used for being deployed in a block chain, realizing specific services according to actual service requirements, recording data related to the realization functions to form recording data, carrying a digital signature in the recording data to represent a source of task data, and sending the recording data to other nodes in the block chain system, so that the other nodes add the recording data to a temporary block when the source and integrity of the recording data are verified successfully.

3) And the Block chain comprises a series of blocks (blocks) which are mutually connected according to the generated chronological order, new blocks cannot be removed once being added into the Block chain, and recorded data submitted by nodes in the Block chain system are recorded in the blocks.

In some embodiments, the Block Structure (Block Structure) may be the Structure shown in fig. 24, where each Block includes a hash value of the Block storing the transaction record (hash value of the Block) and a hash value of a previous Block, and the blocks are connected by the hash values to form a Block chain. The block may include information such as a time stamp at the time of block generation. A Block chain (Block chain), which is essentially a decentralized database, is a series of data blocks associated by using cryptography, and each data Block contains related information for verifying the validity (anti-counterfeiting) of the information and generating a next Block.

According to the technical scheme provided by the embodiment of the specification, the embodiment of the specification responds to the trigger instruction of the target area by displaying the target area and determines the address information of the page to be detected; displaying a target page matched with the address information of the page to be tested in a test browser matched with the target machine type identification; therefore, the target page can be displayed quickly; the method comprises the steps that a node tree is constructed by marking elements in a target page, so that a matrix area occupied by each node in the node number is obtained, and when a first matrix area occupied by a first node is in a second matrix area occupied by a corresponding second node, the target page is determined to be compatible with a terminal to be detected; therefore, the compatibility of the page is determined through the overlapping condition of the two matrix areas, model training is not needed, and the page compatibility detection accuracy and detection efficiency are improved.

An embodiment of the present application further provides a device for detecting page compatibility, as shown in fig. 25, the device includes:

a target area input module 2501, configured to display a target area for inputting page address information;

a to-be-tested page address information determining module 2502, configured to determine, in response to the trigger instruction for the target area, page address information to be tested;

an identification information obtaining module 2503, configured to obtain target machine type identification information of the terminal to be detected;

a target page display module 2504, configured to display a target page matching the address information of the page to be tested in a test browser matching the target machine type identification information;

a node tree building module 2505, configured to mark elements in the target page to build a node tree;

a matrix area determining module 2506, configured to determine a first matrix area occupied by a first node in the node tree and a second matrix area occupied by a corresponding second node; the corresponding second node is a father node of the first node;

a compatibility determining module 2507, configured to determine that the target page is compatible with the terminal to be detected when the first matrix region is in the second matrix region.

In some embodiments, the apparatus may further comprise:

the text node determining module is used for traversing nodes of each level in the node tree and determining text nodes;

and the updated node tree determining module is used for adding a target label to the text node to obtain an updated node tree.

In some embodiments, the matrix region determination module comprises:

a matrix area determining unit, configured to determine a first matrix area occupied by a first update node in the update node tree and a second matrix area occupied by a corresponding second update node, where the corresponding second update node is a parent node of the first update node.

In some embodiments, the update node tree includes a plurality of first update nodes and a plurality of corresponding second update nodes, and the apparatus may further include:

and the attribute information acquisition module is used for traversing the update node tree, acquiring the attribute information of each first update node and acquiring the attribute information of a second update node corresponding to each first update node.

In some embodiments, the matrix region determination module comprises:

a first matrix area determining unit, configured to determine, according to the attribute information of each first update node, a first matrix area occupied by each first update node;

and a second matrix area determining unit, configured to determine, according to the attribute information of the second update node corresponding to each first update node, a second matrix area occupied by the second update node corresponding to each first update node.

In some embodiments, the compatibility determination module comprises:

and the compatibility determining unit is used for determining that the target page is compatible with the terminal to be detected when the first matrix area occupied by each first updating node is in the second matrix area occupied by the second updating node corresponding to each first updating node.

In some embodiments, the apparatus may further comprise:

and the undisplayed node determining module is used for determining undisplayed nodes in the updated node tree.

In some embodiments, the attribute information acquisition module includes:

and the attribute information acquisition unit is used for acquiring the attribute information of other nodes except the undisplayed node in the updated node tree.

In some embodiments, the terminal to be detected is a special-shaped screen, and the apparatus may further include:

the target resolution acquisition module is used for acquiring the target resolution of the terminal to be detected;

the target special-shaped screen vector diagram determining module is used for determining a target special-shaped screen vector diagram matched with the target machine type identification information according to the mapping relation between the preset machine type identification information and the special-shaped screen vector diagram;

and the target resolution setting module is used for setting the resolution of the target special-shaped screen vector diagram as the target resolution.

In some embodiments, the target shaped screen includes a shaped region therein, and the apparatus may further include:

the attribute information acquisition module of the special-shaped area is used for acquiring the attribute information of the special-shaped area;

the special-shaped matrix area determining module is used for determining a special-shaped matrix area occupied by the special-shaped area according to the attribute information of the special-shaped area;

a target matrix area determination module, configured to traverse the node tree, and determine a target matrix area occupied by a target node in the node tree, where the target node is a node corresponding to a target element in the target page;

the overlapping area judging module is used for judging whether an overlapping area exists between the target matrix area and the special-shaped matrix area or not;

and the first adaptation relation determining module is used for determining the adaptation relation between the target special-shaped screen and the terminal to be detected according to the judgment result.

In some embodiments, the apparatus may further comprise:

the language to be tested acquisition module is used for acquiring the language to be tested;

and the language setting module is used for setting the language of the test browser as the language to be tested.

In some embodiments, the apparatus may further comprise:

the character extraction module is used for extracting characters in the target page layer by layer according to the node tree;

the target character list determining module is used for determining a target character list matched with the language to be tested according to the mapping relation between the preset language and the character list;

the standard translation character determining module is used for determining standard translation characters corresponding to the characters in the target page according to the target character list;

the target translation character acquisition module is used for acquiring target translation characters corresponding to the characters in the target page according to the translation mapping table in the terminal to be detected;

the comparison result determining module is used for comparing the target translation words with the standard translation words to obtain comparison results;

and the second adaptive relationship determining module is used for determining the adaptive relationship between the language to be tested and the terminal to be tested according to the comparison result.

The device and method embodiments in the device embodiment described above are based on the same inventive concept.

The embodiment of the present application provides a page compatibility detection device, where the device includes a processor and a memory, where the memory stores at least one instruction or at least one program, and the at least one instruction or the at least one program is loaded and executed by the processor to implement the page compatibility detection method provided in the above method embodiment.

The embodiment of the present application further provides a computer storage medium, where the storage medium may be disposed in a terminal to store at least one instruction or at least one program for implementing a page compatibility detection method in the method embodiment, and the at least one instruction or the at least one program is loaded and executed by the processor to implement the page compatibility detection method provided in the method embodiment.

Embodiments of the present application also provide a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions to cause the computer device to perform the method provided in the various alternative implementations described above.

Alternatively, in the present specification embodiment, the storage medium may be located at least one network server among a plurality of network servers of a computer network. Optionally, in this embodiment, the storage medium may include, but is not limited to: a U-disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic or optical disk, and other various media capable of storing program codes.

The memory described in the embodiments of the present disclosure may be used to store software programs and modules, and the processor may execute various functional applications and data processing by operating the software programs and modules stored in the memory. The memory can mainly comprise a program storage area and a data storage area, wherein the program storage area can store an operating system, application programs needed by functions and the like; the storage data area may store data created according to use of the apparatus, and the like. Further, the memory may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device. Accordingly, the memory may also include a memory controller to provide the processor access to the memory.

The page compatibility detection method provided by the embodiment of the application can be executed in a mobile terminal, a computer terminal, a server or a similar operation device. Taking the example of the application running on a server, fig. 26 is a hardware structure block diagram of the server of the page compatibility detection method provided in the embodiment of the present application. As shown in fig. 26, the server 2600 may have a relatively large difference due to different configurations or performances, and may include one or more Central Processing Units (CPUs) 2610 (the processor 2610 may include, but is not limited to, a Processing device such as a microprocessor MCU or a programmable logic device FPGA), a memory 2630 for storing data, and one or more storage media 2620 (e.g., one or more mass storage devices) for storing applications 2623 or data 2622. Memory 2630 and storage media 2620 may be, among other things, transient or persistent storage. The program stored in the storage medium 2620 may include one or more modules, each of which may include a series of instruction operations in a server. Still further, a central processor 2610 may be provided in communication with storage medium 2620 to perform a sequence of instruction operations on storage medium 2620 on server 2600. The server 2600 may also include one or more power supplies 2660, one or more wired or wireless network interfaces 2650, one or more input-output interfaces 2640, and/or one or more operating systems 2621, such as Windows Server, Mac OS XTM, UnixTM, LinuxTM, FreeBSDTM, etc.

The input/output interface 2640 may be used to receive or transmit data via a network. Specific examples of such networks may include wireless networks provided by the communications provider of server 2600. In one example, the input/output Interface 2640 includes a Network adapter (NIC) that can be connected to other Network devices through a base station to communicate with the internet. In one example, the input/output interface 2640 may be a Radio Frequency (RF) module, which is used for communicating with the internet in a wireless manner.

It will be understood by those skilled in the art that the structure shown in fig. 26 is merely an illustration and is not intended to limit the structure of the electronic device. For example, server 2600 may also include more or fewer components than shown in fig. 26, or have a different configuration than shown in fig. 26.

As can be seen from the embodiments of the page compatibility detection method, device, apparatus, or storage medium provided by the present application, the present application determines the address information of the page to be detected by displaying the target area and responding to the trigger instruction for the target area; displaying a target page matched with the address information of the page to be tested in a test browser matched with the target machine type identification; therefore, the target page can be displayed quickly; the method comprises the steps that a node tree is constructed by marking elements in a target page, so that a matrix area occupied by each node in the node number is obtained, and when a first matrix area occupied by a first node is in a second matrix area occupied by a corresponding second node, the target page is determined to be compatible with a terminal to be detected; therefore, the compatibility of the page is determined through the overlapping condition of the two matrix areas, model training is not needed, and the page compatibility detection accuracy and detection efficiency are improved.

It should be noted that: the sequence of the embodiments of the present application is only for description, and does not represent the advantages and disadvantages of the embodiments. And specific embodiments thereof have been described above. Other embodiments are within the scope of the following claims. In some cases, the actions or steps recited in the claims may be performed in a different order than in the embodiments and still achieve desirable results. In addition, the processes depicted in the accompanying figures do not necessarily require the particular order shown, or sequential order, to achieve desirable results. In some embodiments, multitasking and parallel processing may also be possible or may be advantageous.

The embodiments in the present specification are described in a progressive manner, and the same and similar parts among the embodiments are referred to each other, and each embodiment focuses on the differences from the other embodiments. In particular, as for the apparatus, device, and storage medium embodiments, since they are substantially similar to the method embodiments, the description is relatively simple, and reference may be made to some descriptions of the method embodiments for relevant points.

It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer storage medium, and the above storage medium may be a read-only memory, a magnetic disk, an optical disk, or the like.

The above description is only exemplary of the present application and should not be taken as limiting the present application, as any modification, equivalent replacement, or improvement made within the spirit and principle of the present application should be included in the protection scope of the present application.

Claims

1. A page compatibility detection method is characterized by comprising the following steps:

displaying a target area for inputting page address information;

marking elements in the target page to construct a node tree;

2. The method of claim 1, wherein prior to determining a first matrix region occupied by a first node and a second matrix region occupied by a corresponding second node in the node tree, the method further comprises:

traversing nodes of each level in the node tree to determine text nodes;

adding a target label to the text node to obtain an updated node tree;

correspondingly, the determining a first matrix region occupied by a first node and a second matrix region occupied by a corresponding second node in the node tree includes:

3. The method of claim 2, wherein the updated node tree includes a plurality of first updated nodes and a plurality of corresponding second updated nodes, and wherein before determining the first matrix area occupied by the first updated nodes and the second matrix area occupied by the corresponding second updated nodes in the updated node tree, the method further comprises:

traversing the update node tree, acquiring attribute information of each first update node, and acquiring attribute information of a second update node corresponding to each first update node;

correspondingly, the determining a first matrix region occupied by a first update node and a second matrix region occupied by a corresponding second update node in the update node tree includes:

determining a first matrix area occupied by each first updating node according to the attribute information of each first updating node;

determining a second matrix area occupied by a second updating node corresponding to each first updating node according to the attribute information of the second updating node corresponding to each first updating node;

correspondingly, when the first matrix area is in the second matrix area, determining that the target page is compatible with the terminal to be detected includes:

4. The method of claim 3, wherein before traversing the tree of update nodes, obtaining attribute information for each first update node, and obtaining attribute information for a second update node corresponding to the each first update node, the method further comprises:

determining undisplayed nodes in the updated node tree;

correspondingly, the traversing the update node tree, obtaining attribute information of each first update node, and obtaining attribute information of a second update node corresponding to each first update node includes:

5. The method according to any one of claims 1 to 4, wherein the terminal to be detected is a special-shaped screen, and after the target model identification information of the terminal to be detected is acquired, the method further comprises:

acquiring the target resolution of the terminal to be detected;

determining a target special-shaped screen vector diagram matched with the target machine type identification information according to a mapping relation between preset machine type identification information and a special-shaped screen vector diagram;

and setting the resolution of the target irregular screen vector diagram as the target resolution.

6. The method of claim 5, wherein said target shaped screen includes shaped regions therein, and wherein after said setting of the resolution of said target shaped screen vector image to said target resolution, said method further comprises:

acquiring attribute information of the special-shaped area;

determining a special-shaped matrix area occupied by the special-shaped area according to the attribute information of the special-shaped area;

traversing the node tree, and determining a target matrix area occupied by a target node in the node tree, wherein the target node is a node corresponding to a target element in the target page;

judging whether an overlapping area exists between the target matrix area and the special-shaped matrix area or not;

and determining the adaptation relation between the target special-shaped screen and the terminal to be detected according to the judgment result.

7. The method according to claim 5, wherein after the target resolution of the terminal to be detected is obtained, the method further comprises:

acquiring languages to be tested;

setting the language of the test browser as the language to be tested;

correspondingly, after the marking of the elements in the target page and the construction of the node tree, the method further includes:

extracting characters in the target page layer by layer according to the node tree;

determining a target character list matched with the language to be tested according to a mapping relation between a preset language and a character list;

determining standard translation words corresponding to the words in the target page according to the target character list;

acquiring target translation words corresponding to the words in the target page according to a translation mapping table in the terminal to be detected;

comparing the target translation words with the standard translation words to obtain a comparison result;

and determining the adaptation relation between the language to be tested and the terminal to be tested according to the comparison result.

8. An apparatus for detecting page compatibility, the apparatus comprising:

9. A page compatibility detection device, characterized in that the device comprises a processor and a memory, wherein at least one instruction or at least one program is stored in the memory, and the at least one instruction or the at least one program is loaded and executed by the processor to implement the page compatibility detection method according to any one of claims 1 to 7.

10. A computer storage medium, wherein at least one instruction or at least one program is stored in the computer storage medium, and the at least one instruction or the at least one program is loaded and executed by a processor to implement the page compatibility detection method according to any one of claims 1 to 7.