CN117632652A - Recording system, method, equipment and storage medium of browser - Google Patents
Recording system, method, equipment and storage medium of browser Download PDFInfo
- Publication number
- CN117632652A CN117632652A CN202311651980.7A CN202311651980A CN117632652A CN 117632652 A CN117632652 A CN 117632652A CN 202311651980 A CN202311651980 A CN 202311651980A CN 117632652 A CN117632652 A CN 117632652A
- Authority
- CN
- China
- Prior art keywords
- browser page
- target
- browser
- data
- module
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 230000002093 peripheral effect Effects 0.000 claims abstract description 75
- 238000006243 chemical reaction Methods 0.000 claims abstract description 49
- 238000013500 data storage Methods 0.000 claims abstract description 36
- 230000008859 change Effects 0.000 claims abstract description 22
- 238000004590 computer program Methods 0.000 claims description 16
- 238000012544 monitoring process Methods 0.000 claims description 6
- 230000009471 action Effects 0.000 abstract description 5
- 238000004891 communication Methods 0.000 description 9
- 238000012545 processing Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000002688 persistence Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 5
- 230000006870 function Effects 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000008520 organization Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Classifications
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The invention discloses a recording system, a method, equipment and a storage medium of a browser, wherein the system comprises the following components: the device comprises a recording module, a conversion module and a storage module; the recording module is used for acquiring the display object of the browser page and the peripheral operation aiming at the browser page, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to the conversion module; the conversion module is used for extracting target display objects and target peripheral operations according to the browser page snapshot, and converting the target display objects and the target peripheral operations into target data of a preset data structure; the storage module is used for creating a data storage sub-thread and storing target data through the data storage sub-thread. The recording system of the browser can realize convenient recording of the state and the action of the browser, and realize data storage on the basis of not influencing the stability of the main thread by creating the sub-thread.
Description
Technical Field
The present invention relates to the field of communications technologies, and in particular, to a recording system, a recording method, a recording device, and a recording medium for a browser.
Background
Users often need accurate visualization to capture and record browser operations and changes while using a browser, and to play back recorded content when backtracking is needed. The traditional browser monitoring method mainly realizes recording by uploading a log or embedded point information under a specific condition.
However, during the system running process under the actual browser host environment, problems such as misoperation of a user, code errors, environmental errors and the like may occur, and partial problems are difficult to trace back the situation and restore the scene simply through log information.
Disclosure of Invention
The invention provides a recording system, a method, equipment and a storage medium of a browser, which are used for realizing recording of page operation of the browser.
According to an aspect of the present invention, there is provided a recording system of a browser, including: the device comprises a recording module, a conversion module and a storage module;
the recording module is used for acquiring a display object of the browser page and peripheral operation aiming at the browser page, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to the conversion module;
the conversion module is used for extracting target display objects and target peripheral operations according to the browser page snapshot, and converting the target display objects and the target peripheral operations into target data with preset data structures;
the storage module is used for creating a data storage sub-thread, and storing the target data through the data storage sub-thread.
Optionally, the browser page snapshot includes an initial snapshot and an incremental snapshot, and the recording module is specifically configured to:
generating the initial snapshot according to the display object of the browser page and the initial state of the peripheral operation aiming at the browser page;
and monitoring the display object of the browser page and the state of peripheral operation aiming at the browser page, and generating the increment snapshot when the state changes.
Optionally, the recording module is specifically configured to:
when the display object of the browser page and the peripheral operation aiming at the browser page are subjected to state change, a target increment snapshot with substantial change of the display object of the browser page in the increment snapshot is extracted and sent to the conversion module according to a preset recording shielding rule.
Optionally, the storage module is specifically configured to:
storing the target data in a local database through the data storage sub-thread;
and after the local database reaches a set storage threshold, sending stored data in the local database to a cloud database, and emptying the local database.
Optionally, the storage module is specifically configured to:
storing the target data in a memory queue;
and after the memory queue stack is full, sending the stored data in the memory queue to the local database.
Optionally, the conversion module is further configured to:
extracting target playback data in the target data, and converting the target playback data into an image to be played back; and the image to be played back comprises target playback display objects and target playback peripheral operations extracted from the target playback data.
Optionally, the system further includes a playback module, configured to acquire and display the image to be played back on a display interface.
According to another aspect of the present invention, there is provided a recording method of a browser, the method being applied to a recording system of the browser, the system including a recording module, a conversion module and a storage module, the method including:
obtaining a display object of a browser page and peripheral operation aiming at the browser page through the recording module, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to the conversion module;
extracting target display objects and target peripheral operations in the browser page snapshot through the conversion module, and converting the target display objects and the target peripheral operations into target data with a preset data structure;
creating a data storage sub-thread through the storage module, and storing the target data through the data storage sub-thread.
Further, the browser page snapshot includes an initial snapshot and an incremental snapshot, and the browser page snapshot is generated according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and includes:
generating the initial snapshot according to the display object of the browser page and the initial state of the peripheral operation aiming at the browser page;
and monitoring the display object of the browser page and the state of peripheral operation aiming at the browser page, and generating the increment snapshot when the state changes.
Further, sending the browser page snapshot to the conversion module, including:
when the display object of the browser page and the peripheral operation aiming at the browser page are subjected to state change, a target increment snapshot with substantial change of the display object of the browser page in the increment snapshot is extracted and sent to the conversion module according to a preset recording shielding rule.
Further, storing, by the data storage sub-thread, the target data, including:
storing the target data in a local database through the data storage sub-thread;
and after the local database reaches a set storage threshold, sending stored data in the local database to a cloud database, and emptying the local database.
Further, storing the target data in a local database, comprising:
storing the target data in a memory queue;
and after the memory queue stack is full, sending the stored data in the memory queue to the local database.
Further, the method further comprises:
extracting target playback data in the target data through the conversion module, and converting the target playback data into an image to be played back; and the image to be played back comprises target playback display objects and target playback peripheral operations extracted from the target playback data.
Further, the system further comprises a playback module, and the method further comprises the steps of acquiring and displaying the image to be played back on a display interface through the playback module.
According to another aspect of the present invention, there is provided an electronic apparatus including:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the recording method of the browser according to any one of the embodiments of the present invention.
According to another aspect of the present invention, there is provided a computer readable storage medium storing computer instructions for causing a processor to implement a recording method of a browser according to any embodiment of the present invention when executed.
The invention discloses a recording system of a browser, which comprises: the device comprises a recording module, a conversion module and a storage module; the recording module is used for acquiring the display object of the browser page and the peripheral operation aiming at the browser page, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to the conversion module; the conversion module is used for extracting target display objects and target peripheral operations according to the browser page snapshot, and converting the target display objects and the target peripheral operations into target data of a preset data structure; the storage module is used for creating a data storage sub-thread and storing target data through the data storage sub-thread. The recording system of the browser can realize convenient recording of the state and the action of the browser, and realize data storage on the basis of not influencing the stability of the main thread by creating the sub-thread.
It should be understood that the description in this section is not intended to identify key or critical features of the embodiments of the invention or to delineate the scope of the invention. Other features of the present invention will become apparent from the description that follows.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings required for the description of the embodiments will be briefly described below, and it is apparent that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a schematic structural diagram of a recording system of a browser according to a first embodiment of the present invention;
FIG. 2 is a flowchart of incremental recording of a recording module according to a first embodiment of the present invention;
FIG. 3 is a schematic diagram of a data structure of target data according to a first embodiment of the present invention;
FIG. 4 is a flow chart of data storage of a memory module according to a first embodiment of the present invention;
fig. 5 is a flowchart of a recording method of a browser according to a second embodiment of the present invention;
fig. 6 is a schematic structural diagram of an electronic device implementing a recording method of a browser according to a third embodiment of the present invention.
Detailed Description
In order that those skilled in the art will better understand the present invention, a technical solution in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in which it is apparent that the described embodiments are only some embodiments of the present invention, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present invention without making any inventive effort, shall fall within the scope of the present invention.
It should be noted that the terms "first," "second," and the like in the description and the claims of the present invention and the above figures are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the invention described herein may be implemented in sequences other than those illustrated or otherwise 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 apparatus 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.
Example 1
Fig. 1 is a schematic structural diagram of a recording system of a browser according to an embodiment of the present invention, where the embodiment is applicable to a case of recording page content of the browser, the system may execute a recording method of the browser, and the recording system of the browser may be implemented in a form of hardware and/or software. As shown in fig. 1, the system includes: recording module 110, conversion module 120 and storage module 130.
The recording module 110 is configured to obtain a display object of the browser page and a peripheral operation for the browser page, generate a browser page snapshot according to a state change of the display object of the browser page and the peripheral operation for the browser page, and send the browser page snapshot to the conversion module.
The display object of the browser page may be a DOM (Document Object Model) object in the browser tab, that is, a document object model, which is a standard programming interface of a processing extensible markup language recommended by W3C organization, for example, the display object of the browser page may be a web page and all content nodes therein, including tags, attributes, texts, comments, and the like. The peripheral operation for the browser page may be an operation that the peripheral connected to the current computer generates based on the browser page, such as a mouse track on the browser page, a keyboard input event for the browser page, and so on. The page snapshot may be image data containing display objects on the browser page and peripheral operations for the browser page.
In this embodiment, the recording system of the browser provided in this embodiment may be established based on rrweb open source framework, where rrweb (record and replay the web) is a popular browser DOM recording open source framework in the market, and may be used to record and play back user operations in a web interface. Based on the rrweb open source framework, the recording module 110 may obtain the display object of the browser page and peripheral operations for the browser page, and record the display object and the peripheral operations for the browser page, so as to generate a snapshot of the browser page.
Preferably, the recording module 110 may generate a corresponding size of browser page snapshot according to a preset length threshold, and after the data format of the conversion module 120 is converted, the data is stored by the storage module 130.
Optionally, the browser page snapshot includes an initial snapshot and an incremental snapshot, and the recording module 110 is specifically configured to:
generating an initial snapshot according to the display object of the browser page and the initial state of the peripheral operation aiming at the browser page; and monitoring the display object of the browser page and the state of peripheral operation aiming at the browser page, and generating an increment snapshot when the state changes.
Specifically, the recording module 110 may record the initial states of the display objects and the peripheral operations in the initial browser page, for example, the page content and the mouse position in the initial browser page, generate an initial snapshot, and dynamically collect the operation instructions at different time points later.
Optionally, the recording module 110 is specifically configured to:
when the display object of the browser page and the peripheral operation aiming at the browser page are subjected to state change, a target increment snapshot with the display object of the browser page being subjected to substantial change in the increment snapshot is extracted according to a preset recording shielding rule and sent to the conversion module.
Specifically, in order to avoid the situation that invalid recorded content is generated when no content is changed in the recording process of the recording module 110, for example, only a mouse moves and no operation is performed on a display object in a browser page, the incremental snapshot can be screened, the data change situation in the incremental snapshot is analyzed, if the display object in the browser page is substantially changed, for example, a mouse clicks a link in the browser page, the corresponding incremental snapshot is reserved, otherwise, the corresponding incremental snapshot is not reserved, so that the size of data generated by recording of the recording module 110 is reduced.
Fig. 2 is a flowchart of incremental recording of a recording module according to an embodiment of the present invention, where, as shown in the drawing, in an initial browser page, a display object of the browser page and an initial state of a peripheral operation for the browser page are state 1, an initial snapshot is generated according to state 1, then the display object of the browser page and the state of the peripheral operation for the browser page are monitored, when the state of the display object of the browser page and the state of the peripheral operation for the browser page reach state 2, if the state 2 is substantially changed compared with the state 1, the incremental snapshot is reserved, otherwise, the incremental snapshot is not reserved, and the initial snapshot is continuously maintained.
Further, a recording mask rule may be preset in the recording module 110, for example, a display content name or a tag that needs to be masked is added according to the privacy requirement of the user, and when the browser page snapshot relates to the display content set in the recording mask rule, the snapshot is not reserved.
The conversion module 120 is configured to extract the target display object and the target peripheral operation according to the browser page snapshot, and convert the target display object and the target peripheral operation into target data with a preset data structure.
The target data is data which is obtained by converting the data format according to the browser page snapshot and accords with a preset data structure. The target display object and target peripheral operation is a display object of a page extracted from a browser page snapshot and a peripheral operation for the browser page.
In this embodiment, after the conversion module 120 obtains the browser page snapshot generated by the recording module 110, the corresponding target display object and the target peripheral operation can be extracted therefrom, and converted into target data according to a preset data format through data format conversion.
Alternatively, the target data may be semi-structured data, i.e., data structure types interposed between structured data and unstructured data, in a relative specification, such as HTML, JSON, and EXCEL files, etc. For semi-structured data, the structured data may be parsed by some parsing means.
Specifically, the core of the conversion module 120 is the mapping relationship between the browser page snapshot and the target data, and fig. 3 is a schematic diagram of a data structure of the target data according to an embodiment of the present invention, where the target data is shown as two parts, and is target display object information and target peripheral operation information respectively. The target display object information is represented in the form of a node, wherein the node to which the target peripheral operation information is matched is a root node, which may include one or more child nodes.
The storage module 130 is configured to create a data storage sub-thread, and store the target data through the data storage sub-thread.
The data storage sub-thread is a sub-thread independent of the browser tab main thread.
In this embodiment, the storage module 130 is responsible for storing the target data generated by the conversion module 120, and the module can create a sub-thread independent of the current tab main thread by using the servicework mechanism of the browser, and all the target data of the preset data structure generated by the conversion module 120 is submitted to the sub-thread by the main thread for subsequent processing.
Optionally, the storage module 130 is specifically configured to:
storing target data in a local database through a data storage sub-thread; and after the local database reaches the set storage threshold, sending the stored data in the local database to the cloud database, and emptying the local database.
The local database can be an IndexdDB, namely, a local database provided by a browser, so that the operation of adding, deleting and checking the data locally in the browser can be realized.
Specifically, the storage module 130 firstly stores the target data in the local database, and when the data is newly added each time later, the storage module 130 detects whether the set storage threshold has been reached currently, if so, the stored data stored in the local database is sent to the cloud database for persistence, and the browser local database is emptied, so that the purpose of data cloud persistence is finally achieved.
Optionally, the storage module 130 is specifically configured to:
storing the target data in a memory queue; and after the memory queue stack is full, the stored data in the memory queue is sent to a local database.
Specifically, the data storage of the storage module 130 may be divided into three phases, namely a memory cache phase, a local storage phase, and a cloud persistence phase. After receiving the target data, the storage module 130 stores the target data into the memory queue through the data storage sub-thread, and after the memory queue is full, sends the target data to a local database of the browser in batches for local storage. And sending the data stored in the local database to the cloud for persistence until the local database reaches a set storage threshold, and emptying the local storage of the browser.
Fig. 4 is a data storage flow chart of a storage module according to an embodiment of the present invention, where, as shown in the drawing, after the recording module 110 and the conversion module 120 complete recording and data conversion based on the main thread, the storage module 130 creates a data storage sub-thread, and data storage is performed in three stages through the sub-thread.
Optionally, the conversion module 120 is further configured to:
extracting target playback data in the target data, and converting the target playback data into an image to be played back; the image to be played back comprises target playback display objects and target playback peripheral operations extracted from target playback data.
In this embodiment, the recording system of the browser provided by the embodiment of the present invention may further provide a playback function of the recorded content. The conversion module 120 may extract the target playback data required by the instruction from the target data stored in the storage module 130 according to the playback instruction, perform full traversal on the target playback data, recursively circulate to the root node, convert the target playback display object and the target playback peripheral operation under different time by taking a plurality of circulation node trees, form a data structure containing the target playback display object and the target playback peripheral operation under different time nodes, redraw the data structure into an image to be played back, and send the image to the playback module 140.
Optionally, the system further comprises a playback module 140 for acquiring and displaying the image to be played back on the display interface.
Specifically, the playback module 140 may obtain the image to be played back obtained by redrawing by the conversion module 120, display the target playback display object therein, and play the peripheral operation track, such as the mouse click track, the keyboard input content, and the like, according to the time sequence.
Preferably, the playback module 140 may also provide basic playback GUI actions such as play, tentative, fast forward, specified position play functions, etc.
The invention discloses a recording system of a browser, which comprises: the device comprises a recording module, a conversion module and a storage module; the recording module is used for acquiring the display object of the browser page and the peripheral operation aiming at the browser page, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to the conversion module; the conversion module is used for extracting target display objects and target peripheral operations according to the browser page snapshot, and converting the target display objects and the target peripheral operations into target data of a preset data structure; the storage module is used for creating a data storage sub-thread and storing target data through the data storage sub-thread. The recording system of the browser can realize convenient recording of the state and the action of the browser, realizes data storage on the basis of not influencing the stability of the main thread by creating the sub-threads, greatly reduces the request quantity of the main thread due to the introduction of the sub-threads, reduces the pressure of the main thread io caused by the frequent operation of a database of the main thread, realizes cloud persistence through a staged data storage mode, and releases the local storage space.
Example two
Fig. 5 is a flowchart of a recording method of a browser according to a second embodiment of the present invention, where the method may be performed by a recording system of the browser, where the system includes a recording module, a conversion module, and a storage module. As shown in fig. 5, the method includes:
s210, acquiring a display object of the browser page and peripheral operation aiming at the browser page through a recording module, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to a conversion module.
Optionally, the browser page snapshot includes an initial snapshot and an incremental snapshot, and the method for generating the browser page snapshot according to the display object of the browser page and the state change of the peripheral operation for the browser page may be: generating an initial snapshot according to the display object of the browser page and the initial state of the peripheral operation aiming at the browser page; and monitoring the display object of the browser page and the state of peripheral operation aiming at the browser page, and generating an increment snapshot when the state changes.
Further, the method for sending the browser page snapshot to the conversion module may be: when the display object of the browser page and the peripheral operation aiming at the browser page are subjected to state change, a target increment snapshot with the display object of the browser page being subjected to substantial change in the increment snapshot is extracted according to a preset recording shielding rule and sent to the conversion module.
S220, extracting target display objects and target peripheral operations in the browser page snapshot through a conversion module, and converting the target display objects and the target peripheral operations into target data of a preset data structure.
S230, creating a data storage sub-thread through a storage module, and storing target data through the data storage sub-thread.
Alternatively, the method for storing the target data through the data storage sub-thread may be: storing target data in a local database through a data storage sub-thread; and after the local database reaches the set storage threshold, sending the stored data in the local database to the cloud database, and emptying the local database.
Further, the method for storing the target data in the local database may be:
storing the target data in a memory queue; and after the memory queue stack is full, the stored data in the memory queue is sent to a local database.
Further, the method further comprises:
extracting target playback data in the target data through a conversion module, and converting the target playback data into an image to be played back; the image to be played back comprises target playback display objects and target playback peripheral operations extracted from target playback data.
Further, the system further comprises a playback module, and the method further comprises the steps of acquiring and displaying the image to be played back on the display interface through the playback module.
The recording method of the browser disclosed by the invention can be executed by the recording system of the browser of any embodiment of the invention, and has the corresponding functional modules and beneficial effects of the system.
Example III
Fig. 6 shows a schematic diagram of the structure of an electronic device 10 that may be used to implement an embodiment of the invention. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. Electronic equipment may also represent various forms of mobile devices, such as personal digital processing, cellular telephones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be exemplary only, and are not meant to limit implementations of the inventions described and/or claimed herein.
As shown in fig. 6, the electronic device 10 includes at least one processor 11, and a memory, such as a Read Only Memory (ROM) 12, a Random Access Memory (RAM) 13, etc., communicatively connected to the at least one processor 11, in which the memory stores a computer program executable by the at least one processor, and the processor 11 may perform various appropriate actions and processes according to the computer program stored in the Read Only Memory (ROM) 12 or the computer program loaded from the storage unit 18 into the Random Access Memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 may also be stored. The processor 11, the ROM 12 and the RAM 13 are connected to each other via a bus 14. An input/output (I/O) interface 15 is also connected to bus 14.
Various components in the electronic device 10 are connected to the I/O interface 15, including: an input unit 16 such as a keyboard, a mouse, etc.; an output unit 17 such as various types of displays, speakers, and the like; a storage unit 18 such as a magnetic disk, an optical disk, or the like; and a communication unit 19 such as a network card, modem, wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information/data with other devices via a computer network, such as the internet, and/or various telecommunication networks.
The processor 11 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various specialized Artificial Intelligence (AI) computing chips, various processors running machine learning model algorithms, digital Signal Processors (DSPs), and any suitable processor, controller, microcontroller, etc. The processor 11 performs the various methods and processes described above, such as the browser recording method.
In some embodiments, the recording method of the browser may be implemented as a computer program, which is tangibly embodied on a computer-readable storage medium, such as the storage unit 18. In some embodiments, part or all of the computer program may be loaded and/or installed onto the electronic device 10 via the ROM 12 and/or the communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more of the steps of the browser recording described above may be performed. Alternatively, in other embodiments, the processor 11 may be configured to perform the browser recording method in any other suitable way (e.g., by means of firmware).
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuit systems, field Programmable Gate Arrays (FPGAs), application Specific Integrated Circuits (ASICs), application Specific Standard Products (ASSPs), systems On Chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs, the one or more computer programs may be executed and/or interpreted on a programmable system including at least one programmable processor, which may be a special purpose or general-purpose programmable processor, that may receive data and instructions from, and transmit data and instructions to, a storage system, at least one input device, and at least one output device.
A computer program for carrying out methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the computer programs, when executed by the processor, cause the functions/acts specified in the flowchart and/or block diagram block or blocks to be implemented. The computer program may execute entirely on the machine, partly on the machine, as a stand-alone software package, partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of the present invention, a computer-readable storage medium may be a tangible medium that can contain, or store a computer program for use by or in connection with an instruction execution system, apparatus, or device. The computer readable storage medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. Alternatively, the computer readable storage medium may be a machine readable signal medium. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
To provide for interaction with a user, the systems and techniques described here can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) through which a user can provide input to the electronic device. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic input, speech input, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a background component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such background, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), blockchain networks, and the internet.
The computing system may include clients and servers. The client and server are typically remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The server can be a cloud server, also called a cloud computing server or a cloud host, and is a host product in a cloud computing service system, so that the defects of high management difficulty and weak service expansibility in the traditional physical hosts and VPS service are overcome.
It should be appreciated that various forms of the flows shown above may be used to reorder, add, or delete steps. For example, the steps described in the present invention may be performed in parallel, sequentially, or in a different order, so long as the desired results of the technical solution of the present invention are achieved, and the present invention is not limited herein.
The above embodiments do not limit the scope of the present invention. It will be apparent to those skilled in the art that various modifications, combinations, sub-combinations and alternatives are possible, depending on design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present invention should be included in the scope of the present invention.
Claims (10)
1. A recording system for a browser, comprising: the device comprises a recording module, a conversion module and a storage module;
the recording module is used for acquiring a display object of the browser page and peripheral operation aiming at the browser page, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to the conversion module;
the conversion module is used for extracting target display objects and target peripheral operations according to the browser page snapshot, and converting the target display objects and the target peripheral operations into target data with preset data structures;
the storage module is used for creating a data storage sub-thread, and storing the target data through the data storage sub-thread.
2. The system of claim 1, wherein the browser page snapshot comprises an initial snapshot and an incremental snapshot, and the recording module is specifically configured to:
generating the initial snapshot according to the display object of the browser page and the initial state of the peripheral operation aiming at the browser page;
and monitoring the display object of the browser page and the state of peripheral operation aiming at the browser page, and generating the increment snapshot when the state changes.
3. The system of claim 2, wherein the recording module is specifically configured to:
when the display object of the browser page and the peripheral operation aiming at the browser page are subjected to state change, a target increment snapshot with substantial change of the display object of the browser page in the increment snapshot is extracted and sent to the conversion module according to a preset recording shielding rule.
4. The system according to claim 1, wherein the storage module is specifically configured to:
storing the target data in a local database through the data storage sub-thread;
and after the local database reaches a set storage threshold, sending stored data in the local database to a cloud database, and emptying the local database.
5. The system of claim 4, wherein the storage module is specifically configured to:
storing the target data in a memory queue;
and after the memory queue stack is full, sending the stored data in the memory queue to the local database.
6. The system of claim 1, wherein the conversion module is further configured to:
extracting target playback data in the target data, and converting the target playback data into an image to be played back; and the image to be played back comprises target playback display objects and target playback peripheral operations extracted from the target playback data.
7. The system of claim 6, further comprising a playback module for capturing and displaying the image to be played back on a display interface.
8. A recording method of a browser, wherein the method is applied to a recording system of the browser, the system comprises a recording module, a conversion module and a storage module, and the method comprises the following steps:
obtaining a display object of a browser page and peripheral operation aiming at the browser page through the recording module, generating a browser page snapshot according to the display object of the browser page and the state change of the peripheral operation aiming at the browser page, and sending the browser page snapshot to the conversion module;
extracting target display objects and target peripheral operations in the browser page snapshot through the conversion module, and converting the target display objects and the target peripheral operations into target data with a preset data structure;
creating a data storage sub-thread through the storage module, and storing the target data through the data storage sub-thread.
9. An electronic device, the electronic device comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the method of recording a browser as claimed in claim 8.
10. A computer readable storage medium storing computer instructions for causing a processor to perform the method of recording a browser as claimed in claim 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311651980.7A CN117632652A (en) | 2023-12-05 | 2023-12-05 | Recording system, method, equipment and storage medium of browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311651980.7A CN117632652A (en) | 2023-12-05 | 2023-12-05 | Recording system, method, equipment and storage medium of browser |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117632652A true CN117632652A (en) | 2024-03-01 |
Family
ID=90030221
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311651980.7A Pending CN117632652A (en) | 2023-12-05 | 2023-12-05 | Recording system, method, equipment and storage medium of browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117632652A (en) |
-
2023
- 2023-12-05 CN CN202311651980.7A patent/CN117632652A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114218890A (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN113778644B (en) | Task processing method, device, equipment and storage medium | |
| CN117093798A (en) | Rendering abnormality detection method and device, electronic equipment and storage medium | |
| CN115618234A (en) | Model training method, device, equipment and storage medium | |
| CN117632652A (en) | Recording system, method, equipment and storage medium of browser | |
| CN115904240A (en) | Data processing method and device, electronic equipment and storage medium | |
| CN115665285A (en) | Data processing method and device, electronic equipment and storage medium | |
| CN115577689A (en) | Table component generation method, device, equipment and medium | |
| CN112148596B (en) | Method and device for generating error reporting content of deep learning framework | |
| CN114417070A (en) | Method, device and equipment for converging data authority and storage medium | |
| CN113919310A (en) | Short message content determination method and device, electronic equipment and storage medium | |
| CN113361235B (en) | HTML file generation method and device, electronic equipment and readable storage medium | |
| CN115333858B (en) | Login page cracking method, device, equipment and storage medium | |
| CN114500505B (en) | Text processing method and device and electronic equipment | |
| CN117670236A (en) | Mobile-terminal-based to-be-handled flow approval method, device, equipment and medium | |
| CN114416040A (en) | Page construction method, device, equipment and storage medium | |
| CN117931506A (en) | Document verification method, device, equipment and storage medium | |
| CN117251196A (en) | Data maintenance method, device, equipment and storage medium | |
| CN114328224A (en) | Method and device for reproducing exception request, electronic equipment and storage medium | |
| CN117667092A (en) | Page display method, device, equipment and storage medium | |
| CN117156398A (en) | Message processing method, device, electronic equipment and storage medium | |
| CN117632545A (en) | Data sharing method and device of business system and electronic equipment | |
| CN117806604A (en) | TLV data analysis method and device based on spring boot frame | |
| CN115511085A (en) | Model data processing method, device, equipment and storage medium | |
| CN116340689A (en) | Website processing method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |