CN113220958A

CN113220958A - Page information display method, system and storage medium

Info

Publication number: CN113220958A
Application number: CN202010079482.XA
Authority: CN
Inventors: 何远锋; 冼骏豪
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2020-02-04
Filing date: 2020-02-04
Publication date: 2021-08-06

Abstract

The application discloses a page information display method, a system and a storage medium, wherein the method comprises the following steps: sending a page information acquisition request to a terminal, wherein the page information acquisition request carries page configuration information; enabling the terminal to collect a page data set matched with the page configuration information through a software development kit based on the page information acquisition request; receiving a processed page data set sent by the terminal; classifying the data in the processed page data set according to the characterization class; determining page information corresponding to each characterization category according to the page data corresponding to each characterization category; and displaying the page information corresponding to each characterization category. By adopting the technical scheme, the client condition can be quickly restored, and the abnormal problem can be quickly positioned.

Description

Page information display method, system and storage medium

Technical Field

The present application relates to the field of internet communication technologies, and in particular, to a method, a system, and a storage medium for displaying page information.

Background

In the prior art, when a client problem is located, reasons for various problems need to be considered, and each reason needs to be broken down into logical points, for example, whether h5 is successfully opened or not, an h5 page link event needs to be broken down, and an h5 page displays a key information event. These pre-embed the trigger points of the corresponding events during the page encoding process. Here, it is difficult to take all the reasons into consideration, and pre-embedding in the code is also troublesome.

Traditional scheme collects client information and relies on burying some statistics, and not only complex operation, the data bulk of collection is also very limited, appears the scene of mistake and leak easily, and traditional scheme's result show mode is mostly the report form in addition, and is not too directly perceived, is difficult to the location problem.

Therefore, it is necessary to provide a method, a system and a storage medium for displaying page information, so as to achieve fast recovery of the client condition, thereby facilitating fast positioning of the abnormal problem.

Disclosure of Invention

The application provides a page information display method, a page information display system and a storage medium, which can realize rapid reduction of client conditions, thereby being beneficial to rapid positioning of abnormal problems.

In one aspect, the present application provides a method for displaying page information, where the method includes:

sending a page information acquisition request to a terminal, wherein the page information acquisition request carries page configuration information; enabling the terminal to collect a page data set matched with the page configuration information through a software development kit based on the page information acquisition request;

receiving a processed page data set sent by the terminal;

classifying the data in the processed page data set according to the characterization class;

determining page information corresponding to each characterization category according to the page data corresponding to each characterization category;

and displaying the page information corresponding to each characterization category.

In another aspect, a method for displaying page information is provided, where the method includes:

receiving a page information acquisition request sent by a server, wherein the page information acquisition request carries page configuration information;

based on the page information acquisition request, collecting a page data set matched with the page configuration information through a software development kit;

sending the processed page data set to the server; enabling the server to classify the processed page data set according to the characterization class; determining page information corresponding to each characterization category according to the page data corresponding to each characterization category; and displaying the page information corresponding to each characterization category.

In another aspect, a system for displaying page information is provided, the system comprising a terminal and a server,

the terminal is used for acquiring a request based on page information and collecting a page data set matched with the page configuration information through a software development kit; sending the processed page data set to the server;

the server is used for sending a page information acquisition request to the terminal, wherein the page information acquisition request carries page configuration information; classifying the data in the processed page data set according to the characterization class; determining page information corresponding to each characterization category according to the page data corresponding to each characterization category; and displaying the page information corresponding to each characterization category.

Another aspect provides a computer-readable storage medium storing at least one instruction or at least one program, which is loaded and executed by a processor to implement the page information presentation method as described above.

The page information display method, the page information display system and the storage medium have the following technical effects:

(1) the method and the device rely on sdk to independently complete collection, are transparent to services, can be accessed once, and are simple and convenient to operate.

(2) The data collection area is wider, almost contains all information of the client, and the problem that the information data collection is mistaken and missed so that the positioning cannot be restored is solved.

(3) Compared with the original scheme that a counting point is added in the service by heavy workload, the access cost of the method is very low, and basically no extra development workload exists.

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 system provided by an embodiment of the present application;

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

FIG. 3 is a schematic structural diagram of a page data set provided in an embodiment of the present application;

FIG. 4 is a flowchart of a webworker process provided in an embodiment of the present application;

FIG. 5 is a flowchart of a method for displaying page information according to an embodiment of the present disclosure;

fig. 6 is a schematic flowchart of another page information display method provided in the embodiment of the present application;

fig. 7 is a schematic flowchart of another page information displaying method provided in the embodiment of the present application;

fig. 8 is a schematic structural diagram of a page information display server according to an embodiment of the present application;

fig. 9 is a schematic structural diagram of a page information display terminal 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.

The words mentioned in this application are explained below.

Dom & Document Object Model (Document Object Model). The DOM is a standard for W3C, which defines a standard for accessing HTML and XML documents. In the W3C standard, the DOM is a platform and language-independent interface that allows programs and scripts to dynamically access and update the content, structure, and style of a document.

Html: hypertext Markup Language (HTML) is a standard Markup Language for creating web pages.

H5: latest revision of HTML

JS: JavaScript is an transliterated scripting language, which is a dynamic type, weak type, prototype-based language and a built-in support type. Its interpreter is called the JavaScript engine and is part of the browser.

CSS: cascading Style Sheets (CSS; also known as string Style lists, Cascading Style Sheets, hierarchical Style Sheets) is a computer language used to add styles (fonts, spaces, colors, etc.) to a structured document (e.g., an HTML document or an XML application), defined and maintained by W3C. The current latest version is CSS2.1, the recommended standard for W3C. CSS3 is now supported by most modern browsers.

A client: a Client (Client), also called Client, refers to a program corresponding to a server and providing local services to clients. Except for some application programs which only run locally, the application programs are generally installed on common clients and need to be operated together with a server. After the internet has developed, the more common clients include web browsers used on the world wide web, email clients for receiving and sending emails, and client software for instant messaging. For this kind of application, a corresponding server and a corresponding service program are required in the network to provide corresponding services, such as database services, e-mail services, etc., so that a specific communication connection needs to be established between the client and the server to ensure the normal operation of the application program.

URL Uniform Resource Locator (URL) is a representation method for specifying the location of information on a web service on the internet. It was originally invented by tim bernas li as an address for the world wide web. It is now being compiled by the world wide web consortium as the internet standard RFC 1738.

APP: the mobile phone software mainly refers to software installed on a smart phone, and overcomes the defects and individuation of an original system. The mobile phone is improved in functions, and a main means of richer use experience is provided for users.

And (3) SDK: a software development kit is generally a collection of development tools used by some software engineers to build application software for a specific software package, software framework, hardware platform, operating system, and the like.

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

Specifically, the server 01 may include a server operating independently, or a distributed server, or a server cluster composed of a plurality of servers. The server 03 may comprise a network communication unit, a processor, a memory, etc. Server 01 may provide background services for client 02.

Specifically, the client 02 may include a smart phone, a tablet computer, a notebook computer, a digital assistant, a smart wearable device, a vehicle-mounted terminal, and other types of physical devices, and may also include software running in the physical devices.

The following describes a page information display method of the present application based on the above system, and fig. 2 is a schematic flow chart of a page information display method provided in an embodiment of the present application, and the present specification provides method operation steps as in the embodiment or the flow chart, 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: the method comprises the steps that a server sends a page information acquisition request to a terminal, wherein the page information acquisition request carries page configuration information;

in this embodiment of the present specification, the server may provide a background service for the terminal, and the page configuration information may include different configuration information in a plurality of scenarios, specifically, the page configuration information may include:

in the embodiment of the specification, two opposite surfaces are used for collecting information as much as possible and storing the information as little as possible. The ability to remotely control the client is required. The first pull configuration is for this purpose, and there are configurations of the following scenarios.

(1) And reporting the full gray scale. In the service provision and measurement, the request amount is generally small in the gray level stage, and the requirements on the real-time performance and the coverage degree are relatively large, so that the full reporting is set.

(2) And reporting the data as required after the data is online. In the online service stage, the data is stable, and it is generally set that the data is reported after a specific anomaly occurs, or the data is reported by a user feedback entry.

(3) And dynamically issuing a reporting strategy. In addition, for some services which still have large reporting magnitude after classification configuration processing, dynamic setting of gray scale is supported to limit the balance of reported data volume and monitoring effect.

In an embodiment of this specification, before the step of sending, by the server, the page information acquisition request to the terminal, the method further includes:

the server determines a target terminal;

correspondingly, the step of sending the page information acquisition request to the terminal by the server comprises the following steps:

and the server sends a page information acquisition request to the target terminal.

S203: the terminal acquires a request based on the page information and collects a page data set matched with the page configuration information through a software development kit;

in the embodiment of the present specification, the page data set represents user operation behaviors, changes and exceptions of page attribute information, and processing logic of request information; as shown in fig. 3, the page data set may include at least one of user operation behavior, page attribute information change and exception (user invisible information), processing logic of request information (user visible page information change), wherein,

the user operation behavior can comprise click (click event), scroll/drag (scroll event), input/selection (input/select), mouse movement (mouse event) and touch (touch event), and information can be monitored one by one and collected according to the sorted event types through a global monitoring event interface provided by html 5.

Page attribute information changes and exceptions, i.e., information not visible to the user. For the page data set, the page change process can be disassembled into page snapshots and page increment changes in the page restoration process, the page snapshots are simple, and the dom trees can be serialized according to the json structure and numbered. The change of the page increment depends on the MutationObserver Api, the modern browser basically and perfectly supports the interface, all changes of the page are monitored through the interface just like monitoring user behaviors, and when the changes are generated, the existing complete page mirror image is compared to generate json description according to the timestamp increment. The page attribute information changes may include dom node add-drop changes, dom style transformations, css animations, and canvas (non-replayable).

The processing logic of the requested information, i.e. the errors invisible to the user, is also collected in categories. The invisible information of the user can comprise an http request, error information and console information, the capture and collection of front-end errors are mature, and one more console error printing needs to be collected here, because the service can capture errors by itself, so that the service cannot capture the errors globally, and some supplements can be made by using console. The requested information can cover most of the requested information records by proxying out the native xmlhttp request and the modern browser fetch.

S205: the terminal sends the processed page data set to the server;

in an embodiment of this specification, before the step of sending, by the terminal, the processed page data set to the server, the method may further include:

s204: the terminal preprocesses the data in the page data set to obtain a processed page data set;

in an embodiment of this specification, the preprocessing, performed by the terminal, data in the page data set to obtain a processed page data set includes:

the terminal stores the page data centralized data to a cache database;

when the storage space of the cache database is smaller than a preset threshold value, the terminal compresses the page data in the cache database to obtain a compressed data set;

the terminal takes the compressed data set as a processed page data set;

in the embodiment of the present specification, on data reporting, if reporting is performed in real time by a normal means, the number of requests occupied for reporting is large, and the browser has a limitation on the number of concurrent requests, which may affect the requests of normal services. Therefore, a strategy of caching and then merging and reporting is needed, the monitored instantaneous data volume is large, the localstorage cache is easy to overrun, and influence is caused on service usage of the localstorage, so that indexDb is used for data caching, the capacity is large, overrun is relatively difficult, service usage to indexDb is less, and influence is not easily caused on the service.

In the embodiment of the specification, because the repeatability of the monitored data is high, the compression rate can be good by using gzip, the reported data is compressed on the end, and the decompression is carried out on the server end, so that a great deal of loss of user traffic is avoided.

Correspondingly, before the step of classifying the data in the processed page data set according to the characterization categories, the method further includes:

the server decompresses the compressed data set to obtain a decompressed data set;

the server determines to decompress the repeated data in the data set and deletes the repeated data based on a Hash algorithm to obtain a duplicate-removed data set;

the server stores the deduplicated data set.

In the embodiment of the specification, data needs to be stored and compressed, if the data is stored in a directly compressed mode, although the data is much smaller, the query is very inflexible, and the inflexible query cannot be satisfied when the playback of user behaviors can span multiple times and sessions. Therefore, the adopted simple merging idea is that the data of the image data of the page mirror are the same in the same service and the data have the same high probability, and the index is used for rearrangement after the hash is adopted, so that the large data volume can be reduced. Specifically, feature points can be extracted, a hash value is constructed, and repeated data is deleted.

In this embodiment of this specification, before the step of compressing, by the terminal, the page data in the cache database to obtain the compressed data set, the method further includes:

the method comprises the steps that a terminal determines page data storage capacity corresponding to each application program every preset time period;

the terminal judges whether the page data storage capacity corresponding to each application program is larger than a preset storage capacity threshold value or not;

the terminal determines the application program with the page data storage capacity larger than a preset storage capacity threshold value as a target application program;

and the terminal deletes the target historical data corresponding to the target application program based on a preset rule.

In the embodiment of the present specification, the preset time period may be set according to actual situations, for example, may be set to 20 minutes; the amount of information to be collected for playback of user behavior is much larger than that of a general monitoring system. Although a series of optimization measures are already carried out to compress the data volume, the problem that the service stability is influenced because the warehouse data is not overrun due to business access explosion cannot be guaranteed. Therefore, the current storage amount of each app can be dynamically calculated every 20 minutes to see whether the upper limit is already approached, and old data elimination is carried out according to a preset strategy if necessary.

In this embodiment of the present specification, before the step of storing, by the terminal, the page data set to the cache database, the method further includes:

the terminal deletes target page data in the page data set to obtain a simplified data set, wherein the target page data comprises attribute information data of a document object model, cascading style sheet data and script language data;

and the terminal carries out serialization processing on the simplified data set based on the working thread.

In the embodiment of the present specification, in order to save information as little as possible, it is necessary to distinguish useful data from useless data, and collect as little unnecessary data as possible, such as stripping useless dom attributes from recording, canceling inlining for less frequently changing css styles, and stripping useless js script resources (since all page changes have been recorded, it is no longer necessary to rely on original script execution to cause changes, and instead, original script execution may cause repeated behavior to affect playback of page data).

In this embodiment of the present specification, a work thread may be a webworker, data collected at a front end needs to be serialized, serialization inevitably consumes browser operation resources, and in addition, js execution of a browser is serialized and event callback, and collecting user behavior requires serialization of original data, which is a computation-intensive operation, and is certainly a process resource that is occupied, and normal logic of a service is affected. To solve this problem, webworker is introduced, and the main collection behavior of monitoring sdk is stripped into webworker to be executed, so as to avoid the influence on the page main process. The processing flow diagram of webworker is shown in fig. 4, wherein the page host process executes the steps of:

s401: sdk initializing operation;

s403: monitoring page changes and sending information to a webworker process;

the Webworker process executing method comprises the following steps:

s405: initializing a worker;

s407: receiving information sent by a page main process, and monitoring the information;

s409: and processing and reporting the monitoring message.

S207: the server classifies the processed page data set according to the characterization class;

in this embodiment of the present specification, the classifying, by the server, the data in the processed page data set according to the characterization category includes:

and the server takes the data set which represents the user operation behavior in the processed page data set as a first data set.

and the server takes the data set representing the change of the page attribute information in the processed page data set as a second data set.

In this embodiment of the present specification, classifying, by the server, data in the processed page data set according to the characterization category includes:

and the server takes the data set of the processing logic which represents the abnormity and requests information in the processed page data set as a third data set.

S209: the server determines page information corresponding to each characterization category according to the page data corresponding to each characterization category;

in this embodiment of the present specification, the determining, by the server, the page information corresponding to each characterization category according to the page data corresponding to each characterization category may include:

the server determines a page corresponding to the user operation behavior according to the first data set;

the server determines a node corresponding to the user operation behavior by searching the document object model;

and the server creates page information corresponding to the user operation behavior according to the page and the node corresponding to the user operation behavior.

In this embodiment of the present specification, the determining, by the server, the page information corresponding to each characterization category according to the page data corresponding to each characterization category includes:

the server determines original page attribute information and changed page attribute information according to the second data set;

and the server simulates to obtain the page information corresponding to the data set representing the change of the page attribute information based on the script language.

and the server determines page information corresponding to the data set representing the abnormal processing logic and requesting the information according to the third data set.

In the embodiment of the present specification, the page is restored, where the page generated by the serialized dom tree reported above using js is not directly restored by using url. On one hand, because the url is directly used, if the page has an update, the page cannot be restored back to the situation before the update. On the other hand, the use of url can not remove the script content carried by the service, and the user behavior of playing back can cause repeated playback.

The page is reconstructed by using the dom tree, different dom nodes are distinguished, a page element generation module (document. createlementis) is called to generate corresponding contacts, and an attribute setting (setAttribute) interface is used for setting the attributes of the nodes.

After the page is restored, the behavior of the user and the response of the page are restored, and the processing is divided into three types:

for user-triggered events, js DispatchEvent is used to trigger. Here, using a dispatchEvent to model an event requires knowing the type of the event, and at which node it is generated, and the different parameters that different events require, such as the input event, the value that needs to be input. The event type and related parameters are directly collected and then restored, and the node where the event is located needs to be obtained by searching the dom tree through the recorded node coordinates.

The response to the page is directly modeled with js. The page response mainly includes style change and change of nodes, the style change can use js to set the style attribute of the nodes, the node increase uses document creation element to create a new node, then document is used to insert the apendchild into the dom tree, and the node decrease uses document remove ().

And directly displaying the abnormal and requested information by using a floating window. The exception and the api request are behaviors of the background of the page, cannot be directly seen by a user, but are an indispensable ring in page playback, the processing logic is simple, and error information or request paths, parameters and responses collected by the front end can be directly displayed.

S2011: and the server displays the page information corresponding to each characterization category.

In an embodiment of this specification, before the step of displaying, by the server, the page information corresponding to each characterization category, the method further includes:

the server converts the page information corresponding to each characterization category into multimedia information;

correspondingly, the step of displaying the page information corresponding to each characterization category by the server includes:

and the server plays the multimedia information corresponding to each characterization category.

In the embodiments of the present specification, the multimedia information may be audio information or video information.

In the embodiment of the specification, the condition of the client can be restored in a video playing mode, and the problem that the result mode of the traditional scheme is not intuitive is solved; and the intuitive display mode has great convenience for positioning problems, and compared with the old scheme, the success rate of positioning solving the problems is greatly improved.

Specifically, in the embodiment of the present specification, a flowchart of the page information display method is shown in fig. 5, and a terminal performs data collection and data reporting; the data collection process comprises pull configuration, multiple data collection, data simplification and webworker processing; the data reporting process comprises caching into indexDb and compressed data reporting;

the server stores the data and restores the scene; the stored data comprises limited flow and index data; the restoring scenario includes restoring user events, restoring page changes, and restoring exceptions and requests.

In a specific application, such as a bonus H5 activity of pulling an app, the main interaction flow is that a user shares out a link, another user opens a promotion link through WeChat, the H5 page guides the user to open the app and then to the H5 page, and the user completes a specific operation at H5 and then obtains a reward. In specific practice, the pull-activation requires a user to complete a specific operation to trigger the app function to reach a state that the system deems active, which may be a reason of the user, and the user does not operate as required, and may also cause an abnormality in the app function, or may cause an abnormality in the page itself, and so on, which may cause a part of the users to participate in an activity but cannot obtain a reward to cause complaints, and may also affect the effect of the activity. By adopting the technical scheme, after the server receives the complaint of the user, the server can quickly position and solve the problem that the user cannot obtain the reward.

As can be seen from the technical solutions provided in the embodiments of the present specification, compared with the original solutions, the embodiments of the present specification require a heavier workload to add an accounting point in the service, the access cost is very low, and the additional development workload is basically not present. And the audio-visual display mode of the application has great convenience for positioning problems, and compared with the old scheme, the success rate of positioning problems is greatly improved.

A specific embodiment of a page information display method in this specification is described below with a server as an execution subject, fig. 6 is a schematic flow diagram of a page information display method provided in this embodiment, and specifically, with reference to fig. 6, the method may include:

s601: sending a page information acquisition request to a terminal, wherein the page information acquisition request carries page configuration information; the terminal acquires the request based on the page information and collects a page data set matched with the page configuration information through a software development kit;

s603: receiving a processed page data set sent by a terminal;

s605: classifying the data in the processed page data set according to the characterization categories;

s607: determining page information corresponding to each characterization category according to the page data corresponding to each characterization category;

s609: and displaying the page information corresponding to each characterization category.

In some embodiments, classifying the data in the processed page dataset according to characterization categories includes:

taking a data set representing user operation behaviors in the processed page data set as a first data set;

correspondingly, determining the page information corresponding to each characterization category according to the page data corresponding to each characterization category includes:

determining a page corresponding to the user operation behavior according to the first data set;

determining a node corresponding to a user operation behavior by searching a document object model;

and creating page information corresponding to the user operation behavior according to the page and the node corresponding to the user operation behavior.

taking a data set representing the change of the page attribute information in the processed page data set as a second data set;

determining original page attribute information and changed page attribute information according to the second data set;

and simulating to obtain page information corresponding to the data set representing the change of the page attribute information based on the script language.

taking a data set of processing logic representing abnormity and requesting information in the processed page data set as a third data set;

and determining page information corresponding to the data set of the processing logic for representing the abnormity and requesting the information according to the third data set.

In some embodiments, the receiving the processed page data set sent by the terminal includes:

receiving a compressed data set sent by a terminal;

decompressing the compressed data set to obtain a decompressed data set;

determining repeated data in the decompressed data set and deleting the repeated data based on a Hash algorithm to obtain a duplicate-removed data set;

storing the de-duplicated data set;

before the step of displaying the page information corresponding to each characterization category, the method further includes:

converting the page information corresponding to each characterization category into multimedia information;

correspondingly, the displaying of the page information corresponding to each characterization category includes:

and playing the multimedia information corresponding to each characterization category.

The embodiment of the specification provides a page information display server, which 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 realize the page information display method.

A specific embodiment of a page information display method in this specification is described below with a terminal as an execution subject, and fig. 7 is a schematic flow chart of the page information display method provided in this embodiment, specifically, with reference to fig. 7, the method may include:

s701: receiving a page information acquisition request sent by a server, wherein the page information acquisition request carries page configuration information;

s703: based on the page information acquisition request, collecting a page data set matched with the page configuration information through a software development toolkit;

s705: sending the processed page data set to a server; so that the server classifies the processed page data set according to the characterization class; determining page information corresponding to each characterization category according to the page data corresponding to each characterization category; and displaying the page information corresponding to each characterization category.

In some embodiments, before the step of sending the processed page data set to the server, the method further comprises:

and preprocessing the data in the page data set to obtain a processed page data set.

In some embodiments, the preprocessing the data in the page data set to obtain a processed page data set includes:

storing the page data set data to a cache database;

when the storage space of the cache database is smaller than a preset threshold value, compressing page data in the cache database to obtain a compressed data set;

and taking the compressed data set as a processed page data set.

In some embodiments, before the step of compressing the page data in the cache database to obtain the compressed data set, the method further includes:

determining the page data storage capacity corresponding to each application program at intervals of a preset time period;

judging whether the page data storage capacity corresponding to each application program is larger than a preset storage capacity threshold value or not;

determining the application program with the page data storage capacity larger than a preset storage capacity threshold value as a target application program;

deleting target historical data corresponding to the target application program based on a preset rule;

before the step of storing the data in the page data set to the cache database, the method further includes:

deleting target page data in the page data set to obtain a simplified data set, wherein the target page data comprises attribute information data of a document object model, cascading style sheet data and script language data;

and performing serialization processing on the reduced dataset based on the working thread.

The embodiment of the specification provides a page information display terminal, which 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 realize the page information display method.

In the embodiments of the present disclosure, the memory may be used to store software programs and modules, and the processor executes 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 device, 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 embodiment of the specification provides a computer-readable storage medium, which 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 a processor to implement the page information presentation method.

An embodiment of the present application further provides a page information display server, as shown in fig. 8, the server may include:

a page information obtaining request sending module 810, configured to send a page information obtaining request to a terminal, where the page information obtaining request carries page configuration information; the terminal acquires the request based on the page information and collects a page data set matched with the page configuration information through a software development kit;

a processed page data set receiving module 820, configured to receive a processed page data set sent by a terminal;

the classification module 830 is configured to classify the processed data in the page data set according to the characterization category;

the page information determining module 840 is configured to determine, according to the page data corresponding to each characterization category, page information corresponding to each characterization category;

and a page information display module 850, configured to display page information corresponding to each characterization category.

In some embodiments, the classification module comprises:

the first data set determining unit is used for taking a data set representing user operation behaviors in the processed page data set as a first data set;

in some embodiments, the page information determination module comprises:

the page determining unit is used for determining a page corresponding to the user operation behavior according to the first data set;

the node determining unit is used for determining a node corresponding to the user operation behavior by searching the document object model;

and the first page information determining unit is used for creating page information corresponding to the user operation behaviors according to the page and the node corresponding to the user operation behaviors.

In some embodiments, the classification module comprises:

and the second data set determining unit is used for taking the data set which represents the change of the page attribute information in the processed page data set as a second data set.

In some embodiments, the page information determination module comprises:

the page attribute information determining unit is used for determining original page attribute information and changed page attribute information according to the second data set;

and the second page information determining unit is used for simulating to obtain the page information corresponding to the data set representing the change of the page attribute information based on the script language.

In some embodiments, the classification module comprises:

and the third data set determining unit is used for taking a data set of processing logic which represents the abnormity and requests information in the processed page data set as a third data set.

In some embodiments, the page information determination module comprises:

and the third page information determining unit is used for determining page information corresponding to the data set of the processing logic for representing the abnormal and requested information according to the third data set.

In some embodiments, the page data set receiving module comprises:

and the compressed data set receiving unit is used for receiving the compressed data set sent by the terminal.

In some embodiments, the server further comprises:

the decompression module is used for decompressing the compressed data set to obtain a decompressed data set;

the de-duplication data set determining module is used for determining the repeated data in the decompressed data set and deleting the repeated data based on a Hash algorithm to obtain a de-duplication data set;

and the de-duplication data set storage module is used for storing the de-duplication data set.

In some embodiments, the server further comprises:

and the multimedia information conversion module is used for converting the page information corresponding to each representation type into multimedia information.

In some embodiments, the page information presentation module comprises:

and the multimedia information playing unit is used for playing the multimedia information corresponding to each characterization category. The server and method embodiments in the server embodiment are based on the same inventive concept.

An embodiment of the present application further provides a page information display terminal, as shown in fig. 9, the terminal may include:

a page information obtaining request receiving module 910, configured to receive a page information obtaining request sent by a server, where the page information obtaining request carries page configuration information;

a page data set collecting module 920, configured to collect, based on the page information obtaining request, a page data set matched with the page configuration information through a software development kit; the page data set represents user operation behaviors, changes and exceptions of page attribute information and processing logic of request information;

a processed page data set sending module 930, configured to send the processed page data set to the server; so that the server classifies the processed page data set according to the characterization class; determining page information corresponding to each characterization category according to the page data corresponding to each characterization category; and displaying the page information corresponding to each characterization category.

In some embodiments, the terminal further comprises:

and the preprocessing module is used for preprocessing the data in the page data set to obtain a processed page data set.

In some embodiments, the pre-processing module comprises:

the cache database storage unit is used for storing the page data centralized data to the cache database;

the compressed data set determining unit is used for compressing the page data in the cache database to obtain a compressed data set when the storage space of the cache database is smaller than a preset threshold value;

and the processed page data set determining unit is used for taking the compressed data set as a processed page data set.

In some embodiments, the terminal further comprises:

the page data storage capacity determining module is used for determining the page data storage capacity corresponding to each application program every preset time period;

the data storage capacity judging module is used for judging whether the page data storage capacity corresponding to each application program is larger than a preset storage capacity threshold value or not;

the target application program determining module is used for determining the application program with the page data storage capacity larger than a preset storage capacity threshold value as a target application program;

and the target historical data deleting module is used for deleting the target historical data corresponding to the target application program based on a preset rule.

In some embodiments, the terminal further comprises:

the data deleting module is used for deleting target page data in the page data set to obtain a simplified data set, wherein the target page data comprises attribute information data of a document object model, cascading style sheet data and script language data;

and the serialization processing module is used for carrying out serialization processing on the simplified data set based on the working thread. The terminal and method embodiments in the terminal embodiment are based on the same inventive concept.

In another aspect of the present application, a system for displaying page information is further provided, the system including a terminal and a server,

the terminal is used for acquiring a request based on the page information and collecting a page data set matched with the page configuration information through a software development kit; the page data set represents user operation behaviors, changes and exceptions of page attribute information and processing logic of request information; preprocessing the data in the page data set to obtain a processed page data set; sending the processed page data set to a server;

the server is used for sending a page information acquisition request to the terminal, and the page information acquisition request carries page configuration information; classifying the data in the processed page data set according to the characterization categories; determining page information corresponding to each characterization category according to the page data corresponding to each characterization category; and displaying the page information corresponding to each characterization category.

As can be seen from the embodiments of the page information display method, device, server, terminal, storage medium, or system provided by the present application, compared with the original scheme, the embodiments of the present application require heavier workload to add statistical points in the service, the access cost is very low, and the additional development workload is basically not present. And the audio-visual display mode of the application has great convenience for positioning problems, and compared with the old scheme, the success rate of positioning problems is greatly 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, for embodiments of the server, the terminal, the system, and the storage medium, since they are substantially similar to the method embodiments, the description is relatively simple, and for relevant points, reference may be made to part of the description of the method embodiments.

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-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.

The present invention is not intended to be limited to the particular embodiments shown and described, but is to be accorded the widest scope consistent with the principles and novel features herein disclosed.

Claims

1. A page information display method is characterized by comprising the following steps:

receiving a processed page data set sent by the terminal;

2. The method of claim 1, wherein classifying the data in the processed page dataset according to characterization categories comprises:

correspondingly, the determining the page information corresponding to each characterization category according to the page data corresponding to each characterization category includes:

determining a node corresponding to the user operation behavior by searching a document object model;

3. The method of claim 1, wherein classifying the data in the processed page dataset according to characterization categories comprises:

taking a data set representing the change of page attribute information in the processed page data set as a second data set;

according to the second data set, determining original page attribute information and changed page attribute information;

4. The method of claim 1, wherein classifying the data in the processed page dataset according to characterization categories comprises:

taking a data set of processing logic for representing abnormity and requesting information in the processed page data set as a third data set;

and determining page information corresponding to the data set of the processing logic for representing the abnormity and requesting information according to the third data set.

5. The method of claim 1, wherein the receiving the processed page data set sent by the terminal comprises:

receiving a compressed data set sent by the terminal;

decompressing the compressed data set to obtain a decompressed data set;

determining repeated data in the decompressed data set based on a Hash algorithm, and deleting the repeated data to obtain a duplicate-removed data set;

storing the de-duplicated data set;

6. A page information display method is characterized by comprising the following steps:

7. The method of claim 6, wherein prior to the step of sending the processed page dataset to the server, the method further comprises:

preprocessing the data in the page data set to obtain a processed page data set;

the preprocessing the data in the page data set to obtain a processed page data set comprises:

storing the page data set data to a cache database;

and taking the compressed data set as the processed page data set.

8. The method according to claim 7, wherein before the step of compressing the page data in the cache database to obtain the compressed data set, the method further comprises:

and based on a working thread, carrying out serialization processing on the reduced dataset.

9. A page information display system is characterized in that the system comprises a terminal and a server,

the terminal is used for acquiring a request based on the page information and collecting a page data set matched with the page configuration information through a software development kit; sending the processed page data set to the server;

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 information presentation method according to any one of claims 1 to 5 or any one of claims 6 to 8.