A page backtracking method, a computing device and a storage medium

Abstract

The present application relates to the field of page development, and particularly relates to a page backtracking method, a computing device and a storage medium, the method comprising: determining whether an embedded page is included in a page; if the embedded page is included in the page, setting an embedded page element in the page according to an attribute of the embedded page; in response to a user operation on the page, generating recording information according to the page and the embedded page element; and sending the recording information to a server, so that the server plays back the user operation on the page according to the recording information. When it is determined that the embedded page is included in the page, the embedded page is re-set as the embedded page element in the page, so that the embedded page directly serves as an element under the page, thereby realizing recording of the embedded page in the page and reproducing the user operation.

Description

Technical Field

[0001] This invention relates to the field of page development, and in particular to a page backtracking method, computing device, and storage medium. Background Technology

[0002] Users are increasingly using web pages to perform various operations, including web pages and application pages. When a user's action on a page causes an error, the website's developers and maintainers need to understand what action the user performed that triggered the error in order to resolve the issue. Therefore, it's necessary to record user actions on the page to reproduce the error.

[0003] In existing technologies, page backtracking platforms are typically used to record user actions and thus reproduce them. However, one problem with these existing technologies is that when a page includes embedded pages, user actions on those embedded pages cannot be recorded or replayed, making it impossible to reproduce the process.

[0004] Therefore, a new method for page backtracking is needed. Summary of the Invention

[0005] Therefore, the present invention provides a page backtracking method in an attempt to solve or at least alleviate the problems mentioned above.

[0006] According to one aspect of the present invention, a page rewinding method is provided, suitable for execution in a computing device connected to a server, the method comprising: determining whether a page includes an embedded page; if the page includes an embedded page, setting embedded page elements in the page according to the attributes of the embedded page; generating recording information based on the page and the embedded page elements in response to user operations on the page; and sending the recording information to the server so that the server can rewind the user's operations on the page based on the recording information.

[0007] Optionally, in the method according to the present invention, determining whether a page includes an embedded page includes: determining whether the document object model of the page includes inline frame tags according to a tag lookup function; if the document object model of the page includes inline frame tags, then the page includes an embedded page.

[0008] Optionally, in the method according to the present invention, setting the embedded page element in the page according to the attributes of the embedded page includes: determining the parent element to which the embedded page belongs in the page according to an element query function; and setting the embedded page element under the parent element according to the style attributes and content attributes of the embedded page.

[0009] Optionally, the method according to the present invention further includes: sending an inquiry message to the server; receiving information returned by the server based on the inquiry message, and determining whether the server contains recording data of the page based on the information.

[0010] Optionally, in the method according to the present invention, generating recording information based on the page and embedded page elements includes: if the server includes recording data of the page, then recording incremental snapshots of the page and embedded page elements according to the page recording function, and using the incremental snapshots as recording information.

[0011] Optionally, in the method according to the present invention, generating recording information based on the page and embedded page elements includes: if the server does not contain recording data for the page, then recording a full snapshot of the page and embedded page elements according to the page recording function, and using the full snapshot as recording information.

[0012] Optionally, in the method according to the invention, sending the recording information to the server includes: if the recording information includes incremental snapshots, sending the incremental snapshots to the server through a supplementary recording data interface, so that the server can perform data splicing based on the incremental snapshots and the recording data of the page.

[0013] Optionally, in the method according to the invention, sending the recording information to the server includes: if the recording information includes a full snapshot, then sending the full snapshot to the server according to the data sending interval, so that the server stores the recording data as a page.

[0014] According to another aspect of the present invention, a computing device is provided, comprising: one or more processors; a memory; and one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, and the one or more programs include instructions for performing the page backtracking method according to the present invention.

[0015] According to another aspect of the invention, a computer-readable storage medium is provided for storing one or more programs, the one or more programs including instructions that, when executed by a computing device, cause the computing device to perform the page backtracking method according to the invention.

[0016] The page playback method of this invention is suitable for execution in a computing device connected to a server. The method includes: determining whether a page contains embedded pages; if the page contains embedded pages, setting embedded page elements in the page according to the attributes of the embedded pages; generating recording information based on the page and the embedded page elements in response to user operations on the page; and sending the recording information to the server so that the server can replay the user's operations on the page based on the recording information. When determining that a page contains embedded pages, this invention resets the embedded pages as embedded page elements in the page, making the embedded pages directly function as elements within the page, thereby enabling the recording of embedded pages and the reproduction of user operations. Attached Figure Description

[0017] To achieve the foregoing and related objectives, certain illustrative aspects are described herein in conjunction with the following description and accompanying drawings. These aspects indicate various ways in which the principles disclosed herein may be practiced, and all aspects and their equivalents are intended to fall within the scope of the claimed subject matter. The foregoing and other objectives, features, and advantages of the present invention will become more apparent from the following detailed description taken in conjunction with the accompanying drawings. Throughout this disclosure, the same reference numerals generally refer to the same parts or elements.

[0018] Figure 1 A schematic diagram of a page backtracking method 100 according to an exemplary embodiment of the present invention is shown;

[0019] Figure 2 A structural block diagram of a computing device 200 according to an exemplary embodiment of the present invention is shown;

[0020] Figure 3 A schematic diagram of a playback user operation according to an exemplary embodiment of the present invention is shown. Detailed Implementation

[0021] Exemplary embodiments of the present disclosure will now be described in more detail with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be implemented in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art. The same reference numerals generally refer to the same parts or elements.

[0022] Figure 1 A schematic diagram of a page backtracking method 100 according to an exemplary embodiment of the present invention is shown. The page backtracking method 100 of the present invention is adapted to be executed in a computing device. The computing device is communicatively connected to a server.

[0023] Figure 2A structural block diagram of a computing device according to an exemplary embodiment of the present invention is shown. In a basic configuration, the computing device 200 includes at least one processing unit 220 and a system memory 210. According to one aspect, depending on the configuration and type of the computing device, the system memory 210 includes, but is not limited to, volatile memory (e.g., random access memory), non-volatile memory (e.g., read-only memory), flash memory, or any combination of such memory. According to one aspect, the system memory 210 includes an operating system 211.

[0024] According to one aspect, operating system 211, for example, is suitable for controlling the operation of computing device 200. Furthermore, the example is practiced in conjunction with graphics libraries, other operating systems, or any other applications, and is not limited to any particular application or system. Figure 2 The basic configuration is illustrated by the components within the dashed line 215. According to one aspect, the computing device 200 has additional features or functions. For example, according to one aspect, the computing device 200 includes additional data storage devices (removable and / or non-removable), such as disks, optical discs, or magnetic tapes.

[0025] As stated above, according to one aspect, program module 212 is stored in system memory 210. According to one aspect, program module 212 may include one or more applications. The invention does not limit the type of application; for example, applications also include: email and contact applications, word processing applications, spreadsheet applications, database applications, slideshow applications, drawing or computer-aided applications, web browser applications, etc.

[0026] According to one aspect, examples can be practiced on circuits including discrete electronic components, packaged or integrated electronic chips containing logic gates, circuits utilizing microprocessors, or on a single chip containing electronic components or a microprocessor. For example, it can be practiced via wherein... Figure 2Each or many of the components shown can be implemented as an example by integrating a System-on-a-Chip (SOC) on a single integrated circuit. According to one aspect, such an SOC device may include one or more processing units, graphics units, communication units, system virtualization units, and various application functions, all integrated (or “burned in”) as a single integrated circuit onto a chip substrate. When operating via the SOC, the functions described herein can be operated via dedicated logic integrated on a single integrated circuit (chip) with other components of the computing device 200. Embodiments of the invention can also be implemented using other techniques capable of performing logical operations (e.g., AND, OR, and NOT), including but not limited to mechanical, optical, fluid, and quantum technologies. Additionally, embodiments of the invention can be implemented within a general-purpose computer or in any other circuit or system.

[0027] According to one aspect, computing device 200 may also have one or more input devices 231, such as a keyboard, mouse, pen, voice input device, touch input device, etc. It may also include output devices 232, such as a monitor, speaker, printer, etc. The foregoing devices are examples and other devices may also be used. Computing device 200 may include one or more communication connections 233 that allow communication with other computing devices 240. Examples of suitable communication connections 233 include, but are not limited to: RF transmitter, receiver and / or transceiver circuitry; Universal Serial Bus (USB), parallel and / or serial ports. Computing device 200 can communicate with other computing devices 240 via communication connections 233.

[0028] This invention also provides a non-transitory readable storage medium storing instructions for causing a computing device to execute a method according to an embodiment of the invention. The readable medium in this embodiment includes both permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. The information can be computer-readable instructions, data structures, program modules, or other data. Examples of readable storage media include, but are not limited to: phase-change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, magnetic disk storage or other magnetic storage devices, or any other non-transitory readable storage medium.

[0029] According to one aspect, a communication medium is implemented by computer-readable instructions, data structures, program modules, or other data in a modulated data signal (e.g., a carrier wave or other transmission mechanism), and includes any information transmission medium. According to one aspect, the term "modulated data signal" describes a signal having one or more sets of characteristics or altered in a manner that encodes information in the signal. By way of example and not limitation, a communication medium includes wired media such as wired networks or direct wired connections, and wireless media such as acoustic, radio frequency (RF), infrared, and other wireless media.

[0030] It should be noted that although the above-described computing device only shows the processing unit 220, system memory 210, input device 231, output device 232, and communication connection 233, in specific implementations, the device may also include other components necessary for normal operation. Furthermore, those skilled in the art will understand that the above-described device may only include the components necessary for implementing the embodiments of this specification, and not necessarily all the components shown in the figures.

[0031] Back Figure 1 ,like Figure 1 As shown, the page backtracking method of the present invention first executes step 110: determining whether the page includes an embedded page. According to an embodiment of the present invention, the computing device and the server are communicatively connected. The computing device can act as a client accessing the page, and the server acts as a server. The server can connect to one or more computing devices, i.e., connect to one or more clients. The present invention does not limit the number of computing devices connected to the server.

[0032] Computing devices can be used to access pages, and requests to access pages can be triggered by a user or by an application residing on the computing device. This invention does not limit the specific triggering method for page access requests. The pages referred to in this invention include web pages and application pages, etc., and this invention does not limit the specific types and implementation methods of pages.

[0033] According to one embodiment of the present invention, an embedded page can be implemented using an iframe tag. An iframe tag is an HTML tag that constructs an inline frame containing another document within a webpage document, thus achieving an embedded page within the webpage. The present invention does not limit the specific implementation method of the embedded page. In the prior art, when recording an embedded page, it will appear blank during playback, making it impossible to record the embedded page normally.

[0034] According to one embodiment of the present invention, when determining whether a page includes an embedded page, the document object model of the page is determined according to the tag lookup function to determine whether the page includes inline frame tags; if the document object model of the page includes inline frame tags, then the page includes an embedded page.

[0035] According to one embodiment of the present invention, the tag lookup function can be specifically implemented as the `document.getElementsByName('iframe')` function, and the inline frame tag can be specifically implemented as... <iframe>< / iframe>Tags (i.e., inline frame tags). This invention does not limit the specific implementation of the tag lookup function. If an inline frame tag is found according to the tag lookup function, the page includes the inline page. If the return value is an empty array, the page does not include the inline page.

[0036] Subsequently, step 120 is executed. If the page includes an embedded page, the embedded page element is set in the page according to the attributes of the embedded page. Specifically: the parent element to which the embedded page belongs in the page is determined according to the element query function; the embedded page element is set under the parent element according to the style attributes and content attributes of the embedded page.

[0037] According to an embodiment of the present invention, the element query function can be specifically implemented as the document.getElementsByName('iframe')[0].parentNode function. The present invention does not limit the specific implementation of the element query function. The page includes a document object model, which may include a multi-level structure. The element query function can be used to query the parent element of the embedded page in the page.

[0038] According to one embodiment of the present invention, an embedded page may have multiple attributes such as style attributes and content attributes. The present invention does not limit the specific attribute types that the embedded page may have. Style attributes may be specifically implemented as CSS style attributes, which specify the style of the embedded page, such as the length and width displayed on the page. Content attributes may be specifically implemented as src content attributes, which specify the content displayed on the page, such as text.

[0039] According to one embodiment of the present invention, the parent element of the embedded page in the page can be specifically implemented as the contentMain parent element. When setting the embedded page element under the parent element according to the style attributes and content attributes of the embedded page, an iframe tag is dynamically created, and style attributes and content attributes are added to the embedded page element through the newFrame variable. Then, the embedded page element is added to the parent element contentMain through the appendChild attribute of the iframe attribute. The dynamic creation of the iframe tag can be achieved through a tag creation function, such as document.createElement('iframe').

[0040] Setting embedded page elements in the page according to the attributes of the embedded page can be achieved by executing the following code:

[0041] var contentMain=document.getElementById('"content-main')

[0042] var newFrame=document.createElement("iframe");

[0043] newFrame.class="j_iframe

[0044] newFrame.name="iframee"

[0045] newFrame.width="100%"

[0046] newFrame.height="600px";

[0047] newFrame.src="${base} / readme.html?v=4.0"

[0048] newFrame.frameBorder = '0'; / / Hides the border effectively in Firefox and IE.

[0049] newFrame.dataId="readme.html?v=4.0

[0050] newFrame.seamless = "

[0051] contentMain&&contentMain.appendChild(newFrame);

[0052] By resetting the embedded page under its parent node, the embedded page is directly used as an embedded page element under the parent node, which enables the recording of the embedded page element. The recorded data structure is consistent with other page elements and will not affect playback.

[0053] In one application scenario of the present invention, by recording the embedded page, the need of financial insurance business lines to retain transaction vouchers for online insurance can be solved, thereby improving the user experience.

[0054] Subsequently, step 130 is executed, in response to the user's operation on the page, recording information is generated based on the page and embedded page elements.

[0055] According to one embodiment of the present invention, the method further includes: sending an inquiry message to a server; receiving information returned by the server according to the inquiry message, and determining whether the server contains recorded page data based on the information. The computing device sends the inquiry message to determine whether the server stores recorded page data. The recorded page data is page data that was recorded before the current user operation, including the user's historical operations on the page and the page's historical behavior, etc. The recorded data can be specifically implemented as data in the form of video, etc. The present invention does not limit the specific implementation method of the recorded data.

[0056] If the server does not include page recording data, then the page has not been operated on before, and no user operation behavior on the page has been recorded. When the computing device collects recording information, if the page has not been operated on before and this is the first time the user has operated on the page, then a full snapshot of the page and its embedded page elements is recorded according to the page recording function. The full snapshot is used as the recording information. A full snapshot refers to collecting all page information, including recording the state of all page elements (such as DOM elements). According to an embodiment of the present invention, a full snapshot can be specifically implemented as snapshot data, that is, generating serializable data with unique IDs for page elements.

[0057] If the server contains recording data of the page, then the page has been operated on, and the user's operation behavior on the page has been recorded. When the computing device collects recording information, if the page has been operated on and this is not the first time the user has operated on the page, then an incremental snapshot of the page and its embedded page elements is recorded according to the page recording function, and the incremental snapshot is used as the recording information. The incremental snapshot records the state of page elements that have changed during the user's operation.

[0058] According to an embodiment of the present invention, the page is recorded to obtain recording information. Specifically, the changes of page elements are detected by the interface of the application (such as a browser) that implements the page, and the record recording function is used to record them during recording.

[0059] According to an embodiment of the present invention, when the recording information is sent to the server, if the recording information includes incremental snapshots, the incremental snapshots are sent to the server through the supplementary recording data interface so that the server can perform data splicing based on the incremental snapshots and the recording data of the page.The data recorded after the full snapshot can be implemented as an incremental snapshot, that is, the incremental data given to the snapshot data. After receiving the incremental snapshot, the server can give the full snapshot to realize the data reliance between the incremental snapshot and the full snapshot. After receiving other incremental snapshots subsequently, the new incremental snapshot can be spliced with the previous snapshot data. When splicing the data, the data nodes can be spliced into an entire data chain according to parameters such as the recording time. The supplementary recording data interface can be specifically implemented as the saveDate interface of the server.

[0060] According to an embodiment of the present invention, if the recording information includes a full snapshot, the full snapshot is sent to the server according to the data sending interval, so that the server stores the recorded data as a page. According to an embodiment of the present invention, after recording the full snapshot, the subsequent operations of the recording are used as the incremental snapshot of the full snapshot, and the data sending interval can be set to send the snapshot data. The data sending interval can be specifically set by a timer, such as 3 seconds, etc. The present invention does not limit the specific time of the data sending interval. According to an embodiment of the present invention, a data sending threshold can also be set to judge whether the incremental data reaches the data sending threshold. If the data sending threshold is reached, the request interface is requested to send the incremental data. The data sending threshold can be set to 10 unit data volumes. The present invention does not limit the specific set value of the data sending threshold.

[0061] According to an embodiment of the present invention, Figure 3 shows a schematic diagram of playing back user operations according to an exemplary embodiment of the present invention. The present invention also sets up a playback video page, through which the recorded snapshot data can be played on the server or computing device to reproduce the user operations. The playing methods include playing a single page and playing multiple pages, and a single video sharing function is added. The playing of multiple pages is to play the data of multiple pages simultaneously or the data of a single page at different times. The playback video page shown in Figure 3 is only exemplary. The present invention does not limit the specific setting method of the playback video page.

[0062] The page backtracking method of the present invention is suitable for execution in a computing device connected to a server. The method includes: determining whether the page includes an embedded page; if the page includes an embedded page, setting an embedded page element in the page according to the attributes of the embedded page; generating recording information based on the page and the embedded page element in response to user operations on the page; and sending the recording information to the server so that the server can replay the user's operations on the page based on the recording information. When determining that the page includes an embedded page, the present invention resets the embedded page as an embedded page element in the page, so that the embedded page directly acts as an element under the page, thereby realizing the recording of the embedded page in the page and enabling the reproduction of user operations.

[0063] Numerous specific details are set forth in the specification provided herein. However, it will be understood that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures, and techniques have not been shown in detail so as not to obscure the understanding of this specification.

[0064] Similarly, it should be understood that, in order to simplify this disclosure and aid in understanding one or more of the various aspects of the invention, in the above description of exemplary embodiments of the invention, various features of the invention are sometimes grouped together in a single embodiment, figure, or description thereof.

[0065] Those skilled in the art will understand that the modules, units, or groups of devices in the examples disclosed herein can be arranged in the device as described in this embodiment, or alternatively, can be located in one or more devices different from the device in this example. The modules in the foregoing examples can be combined into a single module or further divided into multiple sub-modules.

[0066] Those skilled in the art will understand that modules in the device of the embodiments can be adaptively changed and placed in one or more devices different from that embodiment. Modules or units or groups in the embodiments can be combined into a single module or unit or group, and further, they can be divided into multiple sub-modules or sub-units or sub-groups. Except where at least some of such features and / or processes or units are mutually exclusive, any combination can be used to combine all features disclosed herein and all processes or units of any method or device so disclosed. Unless expressly stated otherwise, each feature disclosed herein may be replaced by an alternative feature that serves the same, equivalent, or similar purpose.

[0067] Furthermore, those skilled in the art will understand that although some embodiments described herein include certain features included in other embodiments but not others, combinations of features from different embodiments are meant to be within the scope of the invention and form different embodiments.

[0068] Furthermore, some of the embodiments described herein are methods or combinations of method elements that can be implemented by a processor of a computer system or by other means of performing the functions. Therefore, a processor having the necessary instructions for implementing the method or method elements forms means for implementing the method or method elements. Furthermore, the elements described herein in the apparatus embodiments are examples of means for implementing functions performed by elements for the purposes of implementing the invention.

[0069] The various techniques described herein may be implemented in combination with hardware or software, or a combination thereof. Thus, the methods and apparatus of the present invention, or certain aspects or portions thereof, may take the form of program code (i.e., instructions) embedded in a tangible medium, such as a floppy disk, CD-ROM, hard disk, or any other machine-readable storage medium, wherein when the program is loaded into and executed by a machine such as a computer, the machine becomes an apparatus for practicing the present invention.

[0070] When the program code is executed on a programmable computer, the computing device generally includes a processor, a processor-readable storage medium (including volatile and non-volatile memory and / or storage elements), at least one input device, and at least one output device. The memory is configured to store program code; the processor is configured to execute the page backtracking method of the present invention according to instructions in the program code stored in the memory.

[0071] By way of example, and not limitation, computer-readable media include computer storage media and communication media. Computer storage media stores information such as computer-readable instructions, data structures, program modules, or other data. Communication media generally embody computer-readable instructions, data structures, program modules, or other data in the form of modulated data signals such as carrier waves or other transmission mechanisms, and include any information delivery medium. Any combination of the above is also included within the scope of computer-readable media.

[0072] As used herein, unless otherwise specified, the use of ordinal numbers “first,” “second,” “third,” etc. to describe ordinary objects merely indicates different instances of similar objects and is not intended to imply that such objects must have a given order in time, space, ordering, or any other manner.

[0073] Although the invention has been described with respect to a limited number of embodiments, those skilled in the art will understand from the foregoing description that other embodiments are conceivable within the scope of the invention described herein. Furthermore, it should be noted that the language used in this specification has been chosen primarily for readability and instructional purposes, and not for the purpose of explaining or limiting the subject matter of the invention. Therefore, many modifications and variations will be apparent to those skilled in the art. The disclosure of the invention regarding its scope is illustrative and not restrictive.

Claims

1. A page rollback method, suitable for execution in a computing device, the computing device being communicatively connected to a server, the method comprising: Determine if the page includes embedded pages; If the page includes embedded pages, then the embedded page elements are set in the page according to the attributes of the embedded pages; In response to user actions on the page, recording information is generated based on the page and its embedded elements; The recording information is sent to the server so that the server can replay the user's actions on the page based on the recording information; The determination of whether the page includes an embedded page includes: The tag lookup function determines whether the document object model of the page includes inline frame tags; If the document object model of the page includes inline frame tags, then the page includes embedded pages; The step of setting embedded page elements in the page according to the attributes of the embedded page includes: The parent element of the embedded page within the page is determined based on the element lookup function; The embedded page element is set under the parent element according to the style and content attributes of the embedded page. Specifically, this includes: dynamically creating an iframe tag, adding style and content attributes to the embedded page element through the newFrame variable, and then adding the embedded page element to the parent element contentMain through the appendChild property of the iframe attribute. The dynamic creation of the iframe tag is achieved by creating the document.createElement('iframe') tag function.

2. The method as described in claim 1, wherein, The method further includes: Send an inquiry message to the server; The server receives information returned by the server based on the query message, and determines whether the server contains the recorded data of the page based on the information.

3. The method as described in claim 2, wherein, The step of generating recording information based on the page and embedded page elements includes: If the server includes the recorded data of the page, then incremental snapshots of the page and its embedded page elements are recorded according to the page recording function, and the incremental snapshots are used as the recording information.

4. The method of claim 2, wherein, The step of generating recording information based on the page and embedded page elements includes: If the server does not contain the recording data for the page, then a full snapshot of the page and its embedded page elements is recorded according to the page recording function, and the full snapshot is used as the recording information.

5. The method of claim 1, wherein, Sending the recorded information to the server includes: If the recording information includes incremental snapshots, the incremental snapshots are sent to the server through the supplementary recording data interface so that the server can perform data splicing based on the incremental snapshots and the page's recording data.

6. The method of claim 1, wherein, Sending the recorded information to the server includes: If the recording information includes a full snapshot, the full snapshot is sent to the server according to the data sending interval so that the server stores the recording data as the page.

7. A computing device, comprising: One or more processors; Memory; One or more programs, wherein the programs are stored in memory and configured to be executed by one or more processors, and the programs include instructions for performing the method according to any one of claims 1-6.

8. A computer-readable storage medium storing one or more programs, said one or more programs including instructions that, when executed by a computing device, cause the computing device to perform the method according to any one of claims 1-6.

Images