Webpage remote debugging method, system and equipment and storage medium

Abstract

The embodiment of the invention discloses a webpage remote debugging method, system and device and a storage medium. According to the technical scheme provided by the embodiment of the invention, the method comprises the steps: generating a first authentication code of a unique identifier of a to-be-debugged webpage based on a preset burying point acceptance tool by loading the to-be-debugged webpage; a debugging server is connected based on a preset network communication protocol, and the authentication code is uploaded to the debugging server, so that the debugging server is connected with the debugging equipment through the preset network communication protocol, debugging pairing is carried out through a second authentication code uploaded by the debugging equipment and the first authentication code, and the correspondingly paired debugging equipment is determined as target equipment; and collecting debugging data of the to-be-debugged webpage based on the burying point acceptance tool, and sending the debugging data to a debugging server so as to forward the debugging data to the target equipment through the debugging server. By adopting the technical means, the adaptation process of webpage debugging can be simplified, the webpage debugging efficiency is improved, and the webpage debugging reliability is improved.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of computer technology, and in particular to a method, system, device and storage medium for remote debugging of a web page. Background Art

[0002] At present, with the rapid development of the Internet, web applications (web applications) have become more and more complex, and the debugging technology of web pages in applications has also gradually evolved. For compatibility reasons, real-machine debugging is usually performed. During the debugging process, the user device and the debugging device can be connected via a USB cable, and the page information in the web components of the browser or application on the user device is collected and then transmitted to the debugging device via a USB cable. On the debugging device, the debugging software displays the collected page information in a highly simulated manner, and the debugger can issue debugging commands to the user device, such as disabling a style or executing a certain code, so as to realize the debugging function of the web page of the user device.

[0003] However, the relevant web page debugging solution needs to correspond to the operating system of the user device and select the debugging device of the corresponding operating system for debugging. For example, if the user device is an Android device, it is necessary to use the debugging device of the Windows, Linux or MacOS operating system for debugging. The operating systems of the user device and the debugging device need to be strictly adapted. For user devices with different operating systems, it is necessary to use the debugging devices of different operating systems for debugging. The whole process is cumbersome and complicated, and the web page debugging efficiency is relatively low. Summary of the invention

[0004] The embodiments of the present application provide a method, system, device and storage medium for remote debugging of web pages, which are compatible with different operating systems for remote debugging of web pages, improve the efficiency of web page debugging, and solve the technical problem that the web page debugging process is cumbersome and complicated due to operating system adaptation.

[0005] In a first aspect, an embodiment of the present application provides a web page remote debugging method, applied to a user device, comprising:

[0006] Load the web page to be debugged, and generate a first authentication code that uniquely identifies the web page to be debugged based on a pre-set tracking acceptance tool;

[0007] Connecting to a debugging server based on a preset network communication protocol, and uploading a first authentication code to the debugging server, so that the debugging server connects to a debugging device through the preset network communication protocol, and debugging and pairing the second authentication codes uploaded by multiple debugging devices with the first authentication code, and determining that the debugging device corresponding to the second authentication code and the first authentication code is paired as the target device;

[0008] The debugging data of the web page to be debugged is collected based on the tracking acceptance tool, and the debugging data is sent to the debugging server, so as to forward the debugging data to the target device through the debugging server.

[0009] In a second aspect, an embodiment of the present application provides a web page remote debugging method, which is applied to a debugging server, comprising:

[0010] Connecting to a user device based on a preset network communication protocol, receiving a first authentication code uploaded by the user device, the user device is used to load the web page to be debugged, and generating a first authentication code that uniquely identifies the web page to be debugged based on a preset embedding acceptance tool;

[0011] Connecting the debugging device through a preset network communication protocol, receiving the second authentication code uploaded by each debugging device, and performing debugging pairing with the first authentication code through the second authentication code uploaded by the debugging device, and determining the corresponding paired debugging device as the target device;

[0012] The receiving user device collects debugging data of the web page to be debugged based on the tracking acceptance tool, and forwards the debugging data to the target device.

[0013] In a third aspect, an embodiment of the present application provides a web page remote debugging system, including:

[0014] Including user equipment, debugging server and debugging equipment;

[0015] The user device is used to load the web page to be debugged, generate a first authentication code uniquely identifying the web page to be debugged based on a preset embedding acceptance tool, connect to the debugging server based on a preset network communication protocol, and upload the first authentication code to the debugging server;

[0016] The debugging device is used to connect to the debugging device through a preset network communication protocol and upload the second authentication code to the debugging server;

[0017] The debugging server is used to perform debugging pairing based on the second authentication code and the first authentication code, and determine that the debugging device corresponding to the pairing of the second authentication code and the first authentication code is the target device;

[0018] The user device is also used to collect debugging data of the web page to be debugged based on the tracking point acceptance tool after completing the debugging pairing, and send the debugging data to the debugging server;

[0019] The debugging server is further configured to forward the received debugging data to a target device paired with the user device.

[0020] In a fourth aspect, an embodiment of the present application provides a web page remote debugging device, including:

[0021] memory and one or more processors;

[0022] The memory is configured to store one or more programs;

[0023] When the one or more programs are executed by the one or more processors, the one or more processors implement the web page remote debugging method as described in the first aspect or the second aspect.

[0024] In a fifth aspect, an embodiment of the present application provides a non-volatile computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are executed by a computer processor, they are configured to execute the web page remote debugging method as described in the first aspect or the second aspect.

[0025] In a sixth aspect, an embodiment of the present application provides a computer program product, which includes instructions. When the instructions are executed on a computer or a processor, the computer or the processor executes the remote debugging method of a web page as described in the first aspect or the second aspect.

[0026] The embodiment of the present application generates a first authentication code that uniquely identifies the web page to be debugged based on a preset tracking acceptance tool by loading the web page to be debugged; connects to a debugging server based on a preset network communication protocol, and uploads a first authentication code to the debugging server, which is used for the debugging server to connect to a debugging device through a preset network communication protocol, and performs debugging pairing with the first authentication code through the second authentication code uploaded by multiple debugging devices, and determines that the debugging device corresponding to the second authentication code and the first authentication code is the target device; collects debugging data of the web page to be debugged based on the tracking acceptance tool, and sends the debugging data to the debugging server, so as to forward the debugging data to the target device through the debugging server. By adopting the above-mentioned technical means, debugging pairing of the debugging device and the user device is performed through the authentication code, and debugging data transmission is performed based on the preset network communication protocol and the debugging server, so as to realize cross-platform and cross-operating system remote debugging of web pages, simplify the adaptation process of web page debugging, improve the efficiency of web page debugging, and improve the reliability of web page debugging. BRIEF DESCRIPTION OF THE DRAWINGS

[0027] Figure 1 It is a flow chart of a method for remote debugging of a web page provided in an embodiment of the present application;

[0028] Figure 2 It is a structural diagram of a web page remote debugging system provided by an embodiment of the present application;

[0029] Figure 3 It is a triggering schematic diagram of the point acceptance tool in the embodiment of the present application;

[0030] Figure 4It is a schematic diagram showing the display of the authentication code in the embodiment of the present application;

[0031] Figure 5 This is a schematic diagram of a debugging interface of a debugging device in an embodiment of the present application;

[0032] Figure 6 This is a flow chart of collecting debugging data in an embodiment of the present application;

[0033] Figure 7 It is a structural diagram of a web page remote debugging device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0034] In order to make the purpose, technical scheme and advantages of the present application clearer, the specific embodiments of the present application are further described in detail below in conjunction with the accompanying drawings. It is understood that the specific embodiments described herein are only used to explain the present application, rather than to limit the present application. It should also be noted that, for the convenience of description, only the part related to the present application but not all the contents are shown in the accompanying drawings. Before discussing the exemplary embodiments in more detail, it should be mentioned that some exemplary embodiments are described as processes or methods depicted as flow charts. Although the flow chart describes each operation (or step) as a sequential process, many of the operations therein can be implemented in parallel, concurrently or simultaneously. In addition, the order of each operation can be rearranged. The process can be terminated when its operation is completed, but it can also have additional steps not included in the accompanying drawings. The process can correspond to a method, a function, a procedure, a subroutine, a subprogram, etc.

[0035] The web page remote debugging method provided in this application aims to perform debugging pairing between a debugging device and a user device through an authentication code, and to perform debugging data transmission based on a preset network communication protocol and a debugging server, so as to realize cross-platform and cross-operating system remote debugging of web pages.

[0036] With the rapid development of the Internet, web applications have become more and more complex, and debugging technology has gradually evolved and matured. Due to factors such as compatibility, R&D personnel often need to perform real-machine debugging.

[0037] In the relevant web page debugging scheme, a local debugging scheme based on USB connection is adopted. The user device needs to be connected to the debugging device through a USB cable, and the page information in the webview component of the browser or app on the user device is collected and then transmitted to the debugging device through the USB cable. On the debugging device, the debugging software displays the collected page information in a highly simulated manner. R&D personnel can view the page information and issue debugging commands to the user device, such as disabling a certain style or executing a certain code. If the user device is an Android device, the debugging device allows debugging using the debugging device of the Windows, Linux or MacOS operating system. If the user device is an iOS device, the debugging device only allows debugging using the debugging device of the MacOS operating system. There are certain limitations in the adaptation of the device operating system. If there is a spatial barrier between the user device and the debugging device of the R&D personnel, this debugging scheme cannot be implemented.

[0038] For this purpose, a remote debugging solution based on terminal technology is provided in the relevant web page debugging solution. In this solution, the user device is connected to the debugging device through a wired or wireless network, and the user device needs to install a client app, which contains a proxy component that can collect page information in the webview component and forward debugging instructions issued by the debugging software. Although this solution can realize remote debugging, it still cannot adapt to the differences between the Android system and the iOS system due to the use of terminal technology. The proxy components need to be developed separately on the Android system and the iOS system, and the debugging software also needs to adapt to the instructions of the two systems separately.

[0039] In addition, there is a remote debugging solution based on instruction translation service, in which the debugging device is connected to the debugging server via a USB cable, and the debugging device is connected to the debugging server via a wired or wireless network. The system will collect page information in the webview component of the browser or app on the user's device and transmit it to the debugging server via a USB cable. The debugging server translates the data into a standard format and transmits it to the debugging device. On the debugging device, the debugging software displays the collected page information in a highly simulated manner. R&D personnel can view the page information or issue standard debugging commands to the debugging server. The debugging server translates the standard instructions into system instructions supported by the user device system and sends them to the user device, which executes the debugging instructions. This solution still needs to adapt the Android system and iOS system separately.

[0040] Based on this, a webpage remote debugging method of an embodiment of the present application is provided to solve the technical problem that the webpage debugging process is cumbersome and complicated due to operating system adaptation, eliminate the limitations on the selection of debugging equipment caused by differences in user device operating systems, and eliminate the spatial limitations caused by the physical connection between the client device and the debugging equipment.

[0041] Example:

[0042] Figure 1 A flowchart of a web page remote debugging method provided in an embodiment of the present application is given. The web page remote debugging method provided in this embodiment can be executed by a web page remote debugging device, which can be implemented by software and / or hardware. The web page remote debugging device can be composed of two or more physical entities, or it can be composed of one physical entity. Generally speaking, the web page remote debugging device can be a user device based on a web application, such as a computer, a mobile phone, and a tablet.

[0043] The following description is made by taking the user device as the subject of the method for executing the remote debugging of a web page as an example. Figure 1 , the web page remote debugging method specifically includes:

[0044] S110, loading the web page to be debugged, and generating a first authentication code that uniquely identifies the web page to be debugged based on a pre-set embedding acceptance tool.

[0045] In the process of remote debugging of web pages, this application loads the web pages that need to be debugged on the user device, which are defined as the web pages to be debugged. Corresponding to each web page to be debugged, the corresponding point-burying acceptance tool is pre-configured on the user device, and the point-burying acceptance tool is triggered to generate an authentication code that uniquely identifies the web page to be debugged using the point-burying acceptance tool, which is defined as the first authentication code. The first authentication code is used for subsequent pairing with the debugging device to realize remote debugging of web pages between the user device and the debugging device.

[0046] Specifically, refer to Figure 2 , providing a web page remote debugging system of the present application, including a user device, a debugging server and a debugging device;

[0047] The user device is used to load the web page to be debugged, generate a first authentication code uniquely identifying the web page to be debugged based on a preset embedding acceptance tool, connect to the debugging server based on a preset network communication protocol, and upload the first authentication code to the debugging server;

[0048] The debugging device is used to connect to the debugging device through a preset network communication protocol and upload the second authentication code to the debugging server;

[0049] The debugging server is used to perform debugging pairing based on the second authentication code and the first authentication code, and determine that the debugging device corresponding to the pairing of the second authentication code and the first authentication code is the target device;

[0050] The user device is also used to collect debugging data of the web page to be debugged based on the tracking point acceptance tool after completing the debugging pairing, and send the debugging data to the debugging server;

[0051] The debugging server is further configured to forward the received debugging data to a target device paired with the user device.

[0052] When performing remote debugging of a web page, the user device loads the web page to be debugged, generates a first authentication code, and uploads it to the debugging server. On the other hand, the debugging device connects to the debugging server and uploads a second authentication code. The debugging server compares the first authentication code and the second authentication code, and if they match, it determines that the debugging device is the target device. After the debugging pairing is completed, the user device collects the debugging data of the web page to be debugged through the point acceptance tool, uploads the debugging data to the debugging server, and the debugging server forwards the received debugging data to the target device, thereby realizing the remote debugging of the web page of this application.

[0053] Specifically, the user device is pre-configured with a corresponding tracking acceptance tool, which is essentially a front-end software development kit (sdk). The tracking acceptance tool specifically includes the following functional modules:

[0054] Generate authentication code function module. The authentication code is used for device debugging pairing. Each device browser front-end page will generate a unique authentication code as a matching identifier. Pairing will be successful only when the page authentication code matches the authentication code entered by the debugging device. After the pairing is successful, the debugging device can correctly communicate one-to-one with the specified user device (transfer through the debugging server is required).

[0055] The websocket communication module provides the function of establishing a websocket connection with the debugging service. It can send data to the debugging server and monitor the data sent by the debugging server. Websocket is a network communication protocol, that is, a preset network communication protocol. Websocket provides the ability to perform full-duplex communication on a single TCP connection. WebSocket allows the server and client to send data to each other after the connection is established without repeatedly establishing and closing the connection. This feature makes WebSocket particularly suitable for application scenarios that require real-time two-way communication, such as real-time chat, online games, information push, etc.

[0056] The data collection module is used to collect data from user pages, including but not limited to DOM tree data, style data, network request data, local data storage data, etc.

[0057] The instruction execution module is used to execute instructions sent from the debugging server, including but not limited to executing code statements.

[0058] Based on the above-mentioned point-of-sale acceptance tool, a first authentication code can be generated when triggered by the user to establish a connection with the debugging device through authentication code pairing.

[0059] Optionally, generating a first authentication code for a unique identifier of a web page to be debugged based on a preset tracking point acceptance tool includes:

[0060] The embedding point acceptance tool page is displayed, and in response to the activation operation of the embedding point acceptance tool page, a first authentication code with a unique identifier is generated based on the pre-set embedding point acceptance tool.

[0061] Reference Figure 3 After loading the web page to be debugged, the user opens the tracking point acceptance tool page in the web page to be debugged, and then triggers the tracking point acceptance tool of the current web page to be debugged by clicking the "tracking point acceptance" option. Based on the tracking point acceptance tool, the first authentication code is generated.

[0062] After the first authentication code for the unique identification of the web page to be debugged is generated based on the preset embedding acceptance tool, the method further includes:

[0063] The first authentication code is displayed on the tracking point acceptance tool page, and the activation status of the tracking point acceptance tool is indicated.

[0064] Reference Figure 4 The first authentication code generated by the tracking acceptance tool will be displayed in real time on the tracking acceptance tool page, so that the debugging personnel can view the first authentication code and then enter the corresponding authentication code (defined as the second authentication code) on the debugging device for debugging pairing. In addition, the activation status of the tracking acceptance tool is also displayed on the tracking acceptance tool page, so that the tracking processing status of the current web page to be debugged can be intuitively viewed.

[0065] S120, connecting to a debugging server based on a preset network communication protocol, and uploading a first authentication code to the debugging server, so that the debugging server connects to a debugging device through a preset network communication protocol, and debugging pairing is performed with the first authentication code and the second authentication code uploaded by multiple debugging devices, and determining that the debugging device corresponding to the pairing of the second authentication code and the first authentication code is the target device.

[0066] Further, the user device establishes a connection with the debugging server through a preset network communication protocol (WebSocket communication protocol). The generated first authentication code is uploaded to the debugging server. The debugging server serves as an intermediate bridge to establish a connection between each user device and the debugging device. The debugging device (which can be any operating system, such as Wi ndows, Linux, macOS, or even other platforms, such as i OS devices) also connects to the debugging server through a preset network communication protocol, accesses the point-burying acceptance tool on the debugging device, and fills in the second authentication code to connect to the point-burying acceptance service server. The debugging device uploads the second authentication code to the debugging server for debugging pairing. It is understandable that the debugging server will receive authentication codes of multiple different user devices and debugging devices to debug multiple groups of web pages. For the connection between different user devices and corresponding debugging devices, the pairing of the first authentication code and the second authentication code is required to be built. Generally speaking, the second authentication code is the same as the first authentication code. The debugging personnel enter the corresponding authentication code information on the debugging page corresponding to the debugging device based on the first authentication code generated by the user device, which is defined as the second authentication code for debugging pairing between devices. Optionally, the second authentication code may be generated based on the first authentication code using a corresponding matching algorithm for subsequent debugging pairing. The embodiment of the present application does not impose a fixed restriction on the specific configuration of the second authentication code, and will not be described in detail herein.

[0067] The debugging server compares the first authentication code with the second authentication code, and if they match, determines that the corresponding debugging device is the target device, that is, establishes a debugging pairing relationship between the user device and the debugging device.

[0068] S130: Collect debugging data of the web page to be debugged based on the tracking acceptance tool, send the debugging data to the debugging server, and forward the debugging data to the target device through the debugging server.

[0069] Furthermore, after the pairing of the user device and the debugging device is completed, the collection of debugging data and the debugging operation of the web page can be realized through the information interaction between the user device and the debugging device.

[0070] On the corresponding debugging device side, open the corresponding debugging tool, enter the debugging interface through the authentication code, and after completing the debugging pairing, you can debug the web page to be debugged in the user device through the debugging interface. The debugging interface is as follows Figure 5 shown.

[0071] In this way, web pages are remotely debugged based on the websocket communication protocol and authentication code pairing. There is no need for strict adaptation of the operating system between the user device and the debugging device. The debugging device can be any platform that supports the preset network communication protocol, which greatly improves the flexibility and compatibility of debugging. Through remote debugging, the debugger does not need to be physically close to the user device and can perform debugging work anytime and anywhere, which greatly shortens the debugging cycle and improves debugging efficiency. And the authentication code is used for debugging pairing to ensure the security and uniqueness of the debugging process and prevent unauthorized debugging access. This web page remote debugging method realizes the remote debugging function across operating systems by introducing the network communication protocol and the authentication code pairing mechanism, improves debugging efficiency, reduces costs, and enhances security.

[0072] Optionally, refer to Figure 6 , based on the tracking acceptance tool, collect debugging data of the web page to be debugged, including:

[0073] S1301, intercepting a network request of a web page to be debugged based on a tracking acceptance tool, and comparing the network request with a tracking request preset by the tracking acceptance tool according to an interface address of the network request;

[0074] S1302: When the network request matches the tracking request, intercept the network request and obtain debugging data corresponding to the network request.

[0075] When collecting debugging data, the user device detects the network request of the web page to be debugged through the tracking acceptance tool and intercepts the network request. Then, according to the interface address of the network request, it is determined whether the network request is a tracking request. If so, the debugging data corresponding to the network request is sent to the debugging server to be forwarded to the debugging device.

[0076] Prior to this, the debugging device requests the debugging server for user page data (i.e., debugging data). The debugging server finds the user page of the corresponding user device from the websocket connection pool through the authentication code information of the websocket connection, and requests page data from the user device corresponding to the user page. After receiving the request, the user device calls the relevant methods of the data collection module in the front-end SDK to collect page data and send it to the debugging server. The debugging server finds the corresponding debugging tool page from the websocket connection pool through the authentication code information of the websocket connection and forwards the data; the debugging tool page obtains the user page data and displays it in a certain style to complete the transmission of debugging data. The debugging data is transmitted in real time through the debugging server, and the debugging personnel can immediately see the page changes on the user device, so as to quickly locate and solve the problem.

[0077] Optionally, after sending the debugging data to the debugging server, the method further includes:

[0078] Receive the debugging instructions of the target device forwarded by the debugging server, and execute the debugging instructions based on the tracking point acceptance tool to debug the web page to be debugged.

[0079] When issuing debugging instructions, the debugging device sends debugging instructions to the debugging server through the debugging tool page. The debugging server finds the corresponding user device from the websocket connection pool through the authentication code information of the websocket connection and sends the debugging instructions to the user page corresponding to the user device. After receiving the instruction, the user page calls the instruction execution module in the front-end SDK to execute the debugging instructions, thereby realizing the issuance and execution of debugging instructions.

[0080] On the other hand, another web page remote debugging method is provided, which is applied to a debugging server, and includes:

[0081] Connecting to a user device based on a preset network communication protocol, receiving a first authentication code uploaded by the user device, the user device is used to load the web page to be debugged, and generating a first authentication code that uniquely identifies the web page to be debugged based on a preset embedding acceptance tool;

[0082] Connecting the debugging device through a preset network communication protocol, receiving the second authentication code uploaded by each debugging device, and performing debugging pairing with the first authentication code through the second authentication code uploaded by the debugging device, and determining the corresponding paired debugging device as the target device;

[0083] The receiving user device collects debugging data of the web page to be debugged based on the tracking acceptance tool, and forwards the debugging data to the target device.

[0084] The execution process of the web page remote debugging method refers to the execution process of the above-mentioned user equipment, and has corresponding functions and beneficial effects.

[0085] In the above, by loading the web page to be debugged, a first authentication code uniquely identifying the web page to be debugged is generated based on a preset tracking acceptance tool; a debugging server is connected based on a preset network communication protocol, and the first authentication code is uploaded to the debugging server, which is used for the debugging server to connect to the debugging device through the preset network communication protocol, and the second authentication code uploaded by multiple debugging devices is debugged and paired with the first authentication code, and the debugging device corresponding to the second authentication code and the first authentication code is determined to be the target device; based on the tracking acceptance tool, the debugging data of the web page to be debugged is collected, and the debugging data is sent to the debugging server, so as to forward the debugging data to the target device through the debugging server. By adopting the above technical means, the debugging pairing of the debugging device and the user device is performed through the authentication code, and the debugging data is transmitted based on the preset network communication protocol and the debugging server, so as to realize cross-platform and cross-operating system remote debugging of web pages, simplify the adaptation process of web page debugging, improve the efficiency of web page debugging, and improve the reliability of web page debugging.

[0086] Based on the above practical example, the present application embodiment also provides a web page remote debugging device, referring to Figure 7 , the web page remote debugging device includes: a processor 31, a memory 32, a communication module 33, an input device 34 and an output device 35. The memory, as a computer-readable storage medium, can be configured to store software programs, computer executable programs and modules, such as program instructions / modules corresponding to the web page remote debugging method described in any embodiment of the present application. The communication module is configured to perform data transmission. The processor executes various functional applications and data processing of the device by running the software programs, instructions and modules stored in the memory, that is, realizes the above-mentioned web page remote debugging method. The input device can be configured to receive input digital or character information, and generate key signal input related to the user settings and function control of the device. The output device may include a display device such as a display screen. The web page remote debugging device provided above can be configured to execute the web page remote debugging method provided in the above-mentioned embodiment, and has corresponding functions and beneficial effects.

[0087] On the basis of the above embodiments, the embodiments of the present application further provide a non-volatile computer-readable storage medium, wherein the non-volatile computer-readable storage medium stores computer-executable instructions, wherein the computer-executable instructions are configured to execute a web page remote debugging method when executed by a computer processor, and the storage medium may be any of various types of memory devices or storage devices. Of course, the non-volatile computer-readable storage medium provided in the embodiments of the present application, whose computer-executable instructions are not limited to the web page remote debugging method described above, may also execute the related operations in the web page remote debugging method provided in any embodiment of the present application.

[0088] On the basis of the above embodiments, the embodiments of the present application also provide a computer program product. The technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product. The computer program product is stored in a storage medium and includes a number of instructions for enabling a computer device, a mobile terminal or a processor therein to execute all or part of the steps of the remote debugging method of a web page described in each embodiment of the present application.

Claims

1. A web page remote debugging method, applied to a user device, characterized in that: include: Load the web page to be debugged, and generate a first authentication code uniquely identifying the web page to be debugged based on a pre-set tracking acceptance tool; Connecting to a debugging server based on a preset network communication protocol, and uploading the first authentication code to the debugging server, so that the debugging server connects to a debugging device through the preset network communication protocol, and performing debugging pairing with the first authentication code through the second authentication codes uploaded by multiple debugging devices, and determining that the debugging device corresponding to the pairing of the second authentication code and the first authentication code is the target device; The debugging data of the web page to be debugged is collected based on the tracking acceptance tool, and the debugging data is sent to the debugging server, so that the debugging data is forwarded to the target device through the debugging server.

2. The webpage remote debugging method according to claim 1, characterized in that: The collecting debugging data of the web page to be debugged based on the tracking point acceptance tool includes: Intercepting the network request of the web page to be debugged based on the tracking acceptance tool, and comparing the network request with the tracking request preset by the tracking acceptance tool according to the interface address of the network request; When the network request matches the tracking request, the network request is intercepted and debugging data corresponding to the network request is obtained.

3. The webpage remote debugging method according to claim 1, characterized in that: After sending the debugging data to the debugging server, the method further includes: Receive the debugging instruction of the target device forwarded by the debugging server, and execute the debugging instruction based on the tracking point acceptance tool to debug the web page to be debugged.

4. The webpage remote debugging method according to claim 1, characterized in that: The method of generating a first authentication code for a unique identifier of the web page to be debugged based on a preset embedding acceptance tool includes: The embedding point acceptance tool page is displayed, and in response to the activation operation of the embedding point acceptance tool page, a first authentication code with a unique identifier is generated based on a pre-set embedding point acceptance tool.

5. The webpage remote debugging method according to claim 4, characterized in that: After the pre-set embedding acceptance tool generates the first authentication code for the unique identifier of the web page to be debugged, the method further includes: The first authentication code is displayed on the embedding point acceptance tool page, and the activation status of the embedding point acceptance tool is indicated.

6. A web page remote debugging method, applied to a debugging server, characterized in that: include: Connecting to a user device based on a preset network communication protocol, receiving a first authentication code uploaded by the user device, the user device being used to load a web page to be debugged, and generating the first authentication code that uniquely identifies the web page to be debugged based on a preset embedding acceptance tool; Connecting the debugging device through the preset network communication protocol, receiving the second authentication code uploaded by each debugging device, and performing debugging pairing with the first authentication code through the second authentication code uploaded by the debugging device, and determining the corresponding paired debugging device as the target device; Receive the debugging data of the web page to be debugged collected by the user device based on the tracking acceptance tool, and forward the debugging data to the target device.

7. A web page remote debugging system, characterized in that: Including user equipment, debugging server and debugging equipment; The user device is used to load the web page to be debugged, generate a first authentication code uniquely identifying the web page to be debugged based on a preset embedding acceptance tool, connect to the debugging server based on a preset network communication protocol, and upload the first authentication code to the debugging server; The debugging device is used to connect to the debugging device through a preset network communication protocol and upload the second authentication code to the debugging server; The debugging server is used to perform debugging pairing based on the second authentication code and the first authentication code, and determine that the debugging device corresponding to the pairing of the second authentication code and the first authentication code is the target device; The user device is further configured to collect debugging data of the web page to be debugged based on the tracking point acceptance tool after completing the debugging pairing, and send the debugging data to the debugging server; The debugging server is further configured to forward the received debugging data to the target device paired with the user equipment.

8. A web page remote debugging device, characterized in that: include: memory and one or more processors; The memory is configured to store one or more programs; When the one or more programs are executed by the one or more processors, the one or more processors implement the web page remote debugging method as described in any one of claims 1-6.

9. A non-volatile computer-readable storage medium, characterized in that: The non-volatile computer-readable storage medium stores computer-executable instructions, and when the computer-executable instructions are executed by a computer processor, the computer-executable instructions are configured to execute the web page remote debugging method according to any one of claims 1 to 6.

10. A computer program product, characterized in that The computer program product includes instructions, and when the instructions are executed on a computer or a processor, the computer or the processor executes the web page remote debugging method according to any one of claims 1 to 6.

Images