CN111092906A - Network data display method, device, storage medium, equipment and system - Google Patents
Network data display method, device, storage medium, equipment and system Download PDFInfo
- Publication number
- CN111092906A CN111092906A CN201911382423.3A CN201911382423A CN111092906A CN 111092906 A CN111092906 A CN 111092906A CN 201911382423 A CN201911382423 A CN 201911382423A CN 111092906 A CN111092906 A CN 111092906A
- Authority
- CN
- China
- Prior art keywords
- data
- network
- developer tool
- network data
- application program
- 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 61
- 230000005540 biological transmission Effects 0.000 claims abstract description 21
- 230000004044 response Effects 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 16
- 238000012545 processing Methods 0.000 claims description 4
- 238000006243 chemical reaction Methods 0.000 claims description 3
- 238000012546 transfer Methods 0.000 claims description 3
- 238000013500 data storage Methods 0.000 abstract 1
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 13
- 238000010586 diagram Methods 0.000 description 13
- 239000002609 medium Substances 0.000 description 11
- 230000008569 process Effects 0.000 description 8
- 230000006854 communication Effects 0.000 description 7
- 238000012544 monitoring process Methods 0.000 description 5
- 239000003795 chemical substances by application Substances 0.000 description 4
- 238000004891 communication Methods 0.000 description 4
- 238000013507 mapping Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000002085 persistent effect Effects 0.000 description 2
- 238000007639 printing Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000013501 data transformation Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 239000012120 mounting media Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 238000013024 troubleshooting Methods 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
- H04L67/025—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP] for remote control or remote monitoring of applications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L69/00—Network arrangements, protocols or services independent of the application payload and not provided for in the other groups of this subclass
- H04L69/08—Protocols for interworking; Protocol conversion
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L69/00—Network arrangements, protocols or services independent of the application payload and not provided for in the other groups of this subclass
- H04L69/16—Implementation or adaptation of Internet protocol [IP], of transmission control protocol [TCP] or of user datagram protocol [UDP]
- H04L69/161—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields
- H04L69/162—Implementation details of TCP/IP or UDP/IP stack architecture; Specification of modified or new header fields involving adaptations of sockets based mechanisms
Landscapes
- Engineering & Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Computer Security & Cryptography (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The embodiment of the invention discloses a network data display method, a network data display device, a network data storage medium, equipment and a network data display system. The network data display method comprises the following steps: acquiring network data generated by a preset application program in mobile equipment, wherein a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in computer equipment; converting the network data into target data matched with a first protocol corresponding to the developer tool; and transmitting the target data to the developer tool based on the data channel so as to instruct the computer equipment to display the target data in an interface corresponding to the developer tool. According to the technical scheme provided by the embodiment of the invention, the network data generated by the application program in the mobile equipment can be sent to the developer tool in the computer equipment for real-time display, so that the cost for checking the network transmission data of the mobile terminal is reduced, the convenience for checking the network data is improved, and the working efficiency is further improved.
Description
Technical Field
The embodiment of the invention relates to the technical field of computers, in particular to a network data display method, a network data display device, a network data display storage medium, network data display equipment and a network data display system.
Background
At present, in the process of developing and testing an application program, a technical developer needs to acquire network transmission data (network data for short) such as a network request or a network response generated in the interaction process between the application program and a server in a mobile device, and can find potential network transmission performance hazards by checking and analyzing the network data, and perform vulnerability (Bug) positioning, troubleshooting and the like on the application program.
For viewing of network data, there are generally two ways: firstly, printing network data by using a console log, and then checking the printed log; second, the network agent is used to grab the packet and then viewed in the network agent. However, both of the above two methods have the problems of complicated use process and inconvenient network data viewing, and need to be improved.
Disclosure of Invention
The embodiment of the invention provides a network data display method, a network data display device, a storage medium, equipment and a network data display system, which can optimize a network data viewing scheme.
In a first aspect, an embodiment of the present invention provides a network data display method, which is applied to a mobile device, and the method includes:
acquiring network data generated by a preset application program in the mobile equipment, wherein a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in computer equipment;
converting the network data into target data matched with a first protocol corresponding to the developer tool;
and transmitting the target data to the developer tool based on the data channel so as to instruct the computer equipment to display the target data in an interface corresponding to the developer tool.
In a second aspect, an embodiment of the present invention provides a network data display method, applied to a computer device, including:
receiving target data sent by mobile equipment based on a data channel by utilizing a developer tool corresponding to a first browser in the computer equipment, wherein the target data is converted from network data generated by a preset application program collected by the mobile equipment, the target data is matched with a first protocol corresponding to the developer tool, and the data channel is established based on a network socket and exists between the preset application program and the developer tool;
and displaying the target data in an interface corresponding to the developer tool.
In a third aspect, an embodiment of the present invention provides a network data display apparatus, configured in a mobile device, where the apparatus includes:
the system comprises a data acquisition module, a data processing module and a data processing module, wherein the data acquisition module is used for acquiring network data generated by a preset application program in the mobile equipment, and a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in the computer equipment;
the data conversion module is used for converting the network data into target data matched with a first protocol corresponding to the developer tool;
and the data sending module is used for transmitting the target data to the developer tool based on the data channel so as to instruct the computer equipment to display the target data in an interface corresponding to the developer tool.
In a fourth aspect, an embodiment of the present invention provides a network data display apparatus configured in a computer device, where the apparatus includes:
a target data receiving module, configured to receive, by using a developer tool corresponding to a first browser in the computer device, target data sent by a mobile device based on a data channel, where the target data is converted from network data generated by a preset application program acquired by the mobile device, the target data is matched with a first protocol corresponding to the developer tool, and the data channel is established based on a network socket and exists between the preset application program and the developer tool;
and the data display module is used for displaying the target data in an interface corresponding to the developer tool.
In a fifth aspect, an embodiment of the present invention provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the network data display method provided by the embodiment of the present invention.
In a sixth aspect, an embodiment of the present invention provides a mobile device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where the processor executes the computer program to implement the network data display method according to the first aspect of the embodiment of the present invention.
In a seventh aspect, an embodiment of the present invention provides a computer device, including a memory, a processor, and a computer program stored on the memory and executable on the processor, where the processor executes the computer program to implement the network data display method according to the second aspect of the embodiment of the present invention.
In an eighth aspect, an embodiment of the present invention provides a network data display system, where the system includes the mobile device provided in the embodiment of the present invention and the computer device provided in the embodiment of the present invention.
The network data display scheme provided in the embodiment of the invention collects network data generated by a preset application program in mobile equipment, wherein a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in computer equipment, converts the network data into target data matched with a first protocol corresponding to the developer tool, and sends the target data to the developer tool based on the data channel so as to instruct the computer equipment to display the target data in an interface corresponding to the developer tool. By adopting the technical scheme, the network data generated by the application program in the mobile equipment can be sent to a developer tool in the computer equipment for real-time display, the cost for checking the network transmission data of the mobile terminal is reduced, the convenience for checking the network data is improved, and further the working efficiency is improved.
Drawings
Fig. 1 is a scene architecture diagram of an application scene to which a network data display method according to an embodiment of the present invention is applied;
fig. 2 is a schematic flowchart of a network data display method according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of a connection process of DevTools according to an embodiment of the present invention;
fig. 4 is a schematic view of a DevTools communication process according to an embodiment of the present invention;
fig. 5 is a schematic flowchart of another network data display method according to an embodiment of the present invention;
fig. 6 is a schematic flowchart of another network data display method according to an embodiment of the present invention;
fig. 7 is a block diagram of a network data display device according to an embodiment of the present invention;
fig. 8 is a block diagram of another network data display device according to an embodiment of the present invention;
fig. 9 is a block diagram of a mobile device according to an embodiment of the present invention;
fig. 10 is a block diagram of a computer device according to an embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures. In addition, the embodiments and features of the embodiments in the present invention may be combined with each other without conflict.
In the related technology, if the process and the response result of a certain network request of a client (an application program in mobile equipment) need to be monitored, a common method is to find a proper time in a network request execution function and print the detailed data of the network request through a console log, and similarly, the same is true for the response data of the network request, so that the method for printing the corresponding monitoring data on the console is complex in use process, cannot conveniently check the network data in real time, is easy to be flushed by new log data, causes troubles for checking historical network data, and is high in maintenance cost and strong in invasiveness; another way is to use a network agent tool to grab packets, which has some limitations in different use scenarios, such as tedious tool configuration process, and different network agent tools also need different configurations, and need to modify the network settings of the mobile device, which is cumbersome to use and poor in flexibility.
In the embodiment of the invention, the network data generated by the application program in the mobile equipment can be sent to the developer tool in the computer equipment for real-time display, so that the cost for checking the network transmission data of the mobile terminal can be reduced, the convenience for checking the network data is improved, and the working efficiency is further improved.
Fig. 1 is a scene architecture diagram of an application scene to which a network data display method according to an embodiment of the present invention is applied. In particular, referring to fig. 1, a mobile device 10 and a computer device 20 may be included in the application scenario.
The mobile device 10 and the computer device 20 may establish a communication connection in a wired manner or a wireless manner, the wired manner may be, for example, a Universal Serial Bus (USB) or other data line connection, and the wireless manner may be, for example, a bluetooth or other communication technology connection.
The Computer device 20 may be, for example, a Personal Computer (PC), such as a desktop Computer or a notebook Computer, and the Computer device 20 has a first browser installed therein, and the first browser has a developer tool built therein. The mobile device may be, for example, a mobile terminal such as a mobile phone or a tablet computer, an application program is installed in the mobile device, and the application program may be used as a client to perform network communication with a corresponding server, such as sending a network request or receiving a network response, and network transmission data generated in the network communication process, which are collectively referred to as network data in the embodiments of the present invention.
Fig. 2 is a flowchart illustrating a network data display method according to an embodiment of the present invention, where the method may be executed by a network data display apparatus, where the apparatus may be implemented by software and/or hardware, and may be generally integrated in a mobile device. As shown in fig. 2, the method includes:
For example, a plurality of applications may be installed in the mobile device, and the preset application may be any one of the applications or a pre-specified one of the applications. The network data display device may be integrated or introduced into a preset application program in the form of a Software Developer Kit (SDK).
Optionally, the network data in the embodiment of the present invention may include network data based on a hypertext transfer Protocol (HTTP) and/or network data based on a Transmission Control Protocol (TCP). The method and the device for intercepting the network requests and responses corresponding to the preset application program in the network module in the mobile device can intercept the network requests and responses corresponding to the preset application program in the network module in the mobile device, and further acquire data such as request data and response data as network data, and the specific intercepting mode can be determined according to the type of the network data, and the embodiment of the invention is not limited. Illustratively, network data generated by a preset application program in the mobile device is collected through a preset interface, wherein the preset application program calls the preset interface when sending a network request and/or receiving a network request response. The preset interface can be written in the SDK, and the preset interface is called when the preset application program sends the network request and receives the network request response, so that the SDK can acquire related network data through the preset interface.
For some browsers, a development tool suite, which is collectively referred to as a developer tool, is usually configured, and in the embodiment of the present invention, the first browser used is not specifically limited, and may be selected according to actual needs. For example, the first browser may be google browser (Chrome), and the corresponding developer tool is Chrome DevTools, DevTools for short. A page opened by entering Chrome:// instect in the address bar in the Chrome browser can be considered a Chrome developer tool. The Protocol corresponding to the DevTools is Chrome DevTools Protocol, which is called DevTools Protocol for short, and allows a third party to debug and analyze based on Chrome, and the Protocol can be used in different programming language environments to perform custom display on own service data in a DevTools panel in real time.
The WebSocket is a protocol which is provided by a fifth-generation hypertext markup Language (HTML) HTML5 and performs full-duplex communication on a single TCP connection, so that data exchange between a client and a server becomes simpler, the server is allowed to actively push data to the client, in a WebSocket Application Programming Interface (API), a browser and the server only need to complete one handshake, persistent connection can be directly established between the browser and the server, that is, a fast channel is formed between the browser and the server, and data can be directly transmitted between the browser and the server. In the embodiment of the invention, the data channel between the preset application program and the developer tool is established based on the WebSocket, namely the data channel between the SDK and the developer tool is established by the WebSocket, and the data channel can be used for transmitting the acquired network data.
Optionally, before the acquiring the network data generated by the preset application program in the mobile device, the method further includes: a data channel of a developer tool corresponding to a first browser in a computer device is established based on a web socket. For example, after a preset application program is started, a WebSocket may be initialized, a developer opens a developer tool in a first browser in the computer device, an application program installed in the mobile device may be displayed in a page of the developer tool, and after the developer selects the preset application program, the SDK may establish a data channel of the developer tool corresponding to the first browser in the computer device based on the WebSocket.
Taking DevTools as an example, fig. 3 is a schematic diagram of a DevTools connection process provided by an embodiment of the present invention, which can complete connection with DevTools. The SDK firstly creates WebSocket, then waits for a connection request of the DevTools, the DevTools sends a handshake request to the SDK, after receiving a handshake request response sent by the SDK, the DevTools completes one handshake, persistent connection can be directly created between the DevTools and the DevTools, namely a quick channel is formed between a preset application program and the DevTools, data can be directly sent and received between the preset application program and the DevTools, and when network data transmission needs to be finished, the WebSocket can be closed by the DevTools or the SDK.
For example, the data structure or format of the network data collected by the mobile device end is generally inconsistent with the data structure or format specified by the protocol supported by the developer tool.
For example, the data structure of the network data may be converted into a data structure matching the first protocol corresponding to the developer tool based on a preset mapping relationship, and encapsulated into target data. The preset mapping relationship may be set according to a specific type of the network data and a specific specification of the first protocol.
Illustratively, upon completion of the data transformation, the target data may be communicated to the developer tool based on the data channel.
For example, the network data may be sent in stages, and after a part of the network data is obtained, the part of the network data may be converted into corresponding target data and sent to the developer tool, so that the developer tool may display the target data in real time. Taking DevTools as an example, fig. 4 is a schematic view of a DevTools communication process according to an embodiment of the present invention, where when a preset application program sends a network request, an SDK obtains request data information, converts the request data information into corresponding target data, and sends the target data to the DevTools, and then, when the preset application program receives a request response header and a request response Body, the target data is converted into corresponding target data and sent to the DevTools, and when the SDK detects that the request is completed or the request is in error, the state of the corresponding network request response is converted into corresponding target data and sent to the DevTools.
For example, the computer device may analyze the target data after receiving the target data to obtain data to be displayed, and then display the analyzed target data in an interface corresponding to the developer tool. The interface may be any interface in the developer tool, and may generally be an interface for displaying network data. Taking DevTools as an example, Chrome DevTools Network (Network panel for short) is a panel in DevTools for showing Network related data, and can use the Network panel to measure the Network performance of the website logged in by the browser. In the embodiment of the invention, the Network panel can be reused to display the Network data generated by the preset application program in the mobile equipment, so that developers can more intuitively and conveniently check the Network data in real time, and further realize the monitoring of the Network data.
The network data display method provided by the embodiment of the invention is characterized in that network data generated by a preset application program in mobile equipment is collected, wherein a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in computer equipment, the network data is converted into target data matched with a first protocol corresponding to the developer tool, and the target data is sent to the developer tool based on the data channel so as to indicate the computer equipment to display the target data in an interface corresponding to the developer tool. By adopting the technical scheme, the network data generated by the application program in the mobile equipment can be sent to a developer tool in the computer equipment for real-time display, the cost for checking the network transmission data of the mobile terminal is reduced, the convenience for checking the network data is improved, and further the working efficiency is improved.
In some embodiments, the network data includes at least one of network transmission attribute information, network request information, network response information, and time consumption information, which may be understood as network data monitoring metrics. The network transmission attribute information may include basic information of network data, such as network request link, type, status, and data size; the time consumption information may include network request time consumption, time distribution of requests over a Timeline (Timeline), and the like. Specifically, table 1 shows the network data monitoring index definition and description.
TABLE 1 network data monitoring index definition and description
Fig. 5 is a flowchart illustrating another network data display method according to an embodiment of the present invention, which may be executed by a network data display apparatus, where the apparatus may be implemented by software and/or hardware, and may be generally integrated in a computer device. As shown in fig. 5, the method includes:
And 502, displaying the target data in an interface corresponding to the developer tool.
For example, after receiving the target data, the target data may be analyzed to obtain data to be displayed, and then the analyzed target data may be displayed in an interface corresponding to the developer tool. The interface may be any interface in the developer tool, and may generally be an interface for displaying network data. Taking DevTools as an example, the interface is a Network panel.
According to the network data display scheme provided by the embodiment of the invention, the developer tool corresponding to the first browser in the computer equipment is utilized to receive the target data sent by the mobile equipment based on the data channel, wherein the target data is converted from the network data generated by the preset application program collected by the mobile equipment, the target data is matched with the first protocol corresponding to the developer tool, the data channel is established based on the network socket and exists between the preset application program and the developer tool, and the target data is displayed in the interface corresponding to the developer tool. By adopting the technical scheme, the network data generated by the application program in the mobile equipment can be received and displayed in real time by utilizing a developer tool in the computer equipment, so that the cost for checking the network transmission data of the mobile terminal is reduced, the convenience for checking the network data is improved, and the working efficiency is further improved.
In some embodiments, before the receiving, by a developer tool corresponding to a first browser in the computer device, target data sent by a mobile device based on a data channel, the method further includes: and establishing a data channel between a developer tool corresponding to the first browser in the computer equipment and the preset application program based on the network socket.
In some embodiments, the first browser is google browser, the developer tool is DevTools, and the first protocol is DevTools protocol.
Fig. 6 is an interaction diagram of another network data display method according to an embodiment of the present invention. The method is executed by a network data display device, and the network data display device can be integrated or introduced into a preset application program (APP) in an SDK form, taking the example that a mobile device is connected with a computer device through a USB as an example. After a preset application program is started, an SDK starts to initialize a WebSocket, a developer opens a Chrome DevTools page in a Chrome browser in a computer device by inputting a website 'Chrome:// inch', the computer device can communicate with a mobile device based on a USB to acquire related information such as an IP address, a port number and an installed application program of the mobile device, the application program installed in the mobile device can be displayed in the Chrome DevTools page, after the developer selects the preset application program, the SDK establishes connection with the DevTools based on the WebSocket, acquires Network Data (Network Data) generated by the preset application program, converts the Network Data into target Data matched with a DevTools protocol and sends the target Data to the DevTools, and the computer device analyzes the target Data and displays the target Data in real time in a Chrome ToolToolToolNet panel.
Fig. 7 is a block diagram of a network data display apparatus according to an embodiment of the present invention, where the apparatus may be implemented by software and/or hardware, and may be generally integrated in a mobile device, and may perform a network data display method to display network data. As shown in fig. 7, the apparatus includes:
a data acquisition module 701, configured to acquire network data generated by a preset application program in the mobile device, where a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in the computer device;
a data conversion module 702, configured to convert the network data into target data matching a first protocol corresponding to the developer tool;
a data sending module 703, configured to transmit the target data to the developer tool based on the data channel, so as to instruct the computer device to display the target data in an interface corresponding to the developer tool.
The network data display device provided by the embodiment of the invention can send the network data generated by the application program in the mobile equipment to the developer tool in the computer equipment for real-time display, thereby reducing the cost of checking the network transmission data of the mobile terminal, improving the convenience of checking the network data and further improving the working efficiency.
In some embodiments, the apparatus further comprises:
and the data channel establishing module is used for establishing a data channel of a developer tool corresponding to a first browser in the computer equipment based on a network socket before the network data generated by the preset application program in the mobile equipment is collected.
In some embodiments, the converting the network data into target data matching a first protocol corresponding to the developer tool includes:
and converting the data structure of the network data into a data structure matched with a first protocol corresponding to the developer tool based on a preset mapping relation, and packaging the data structure into target data.
In some embodiments, the acquiring network data generated by a preset application program in the mobile device includes:
the method comprises the steps of collecting network data generated by a preset application program in the mobile equipment through a preset interface, wherein the preset interface is called when the preset application program sends a network request and/or receives a network request response.
In some embodiments, the network data comprises hypertext transfer protocol, HTTP, based network data and/or transmission control protocol, TCP, based network data.
In some embodiments, the network data includes at least one of network transmission attribute information, network request information, network response information, and time consuming information.
In some embodiments, the first browser is google browser, the developer tool is DevTools, and the first protocol is DevTools protocol.
Fig. 8 is a block diagram of another network data display apparatus according to an embodiment of the present invention, where the apparatus may be implemented by software and/or hardware, and may be generally integrated in a computer device, and may perform a network data display method to display network data. As shown in fig. 8, the apparatus includes:
a target data receiving module 801, configured to receive, by using a developer tool corresponding to a first browser in the computer device, target data sent by a mobile device based on a data channel, where the target data is converted from network data generated by a preset application program collected by the mobile device, the target data is matched with a first protocol corresponding to the developer tool, and the data channel is established based on a network socket and exists between the preset application program and the developer tool;
a data display module 802, configured to display the target data in an interface corresponding to the developer tool.
The network data display device provided by the embodiment of the invention can send the network data generated by the application program in the mobile equipment to the developer tool in the computer equipment for real-time display, thereby reducing the cost of checking the network transmission data of the mobile terminal, improving the convenience of checking the network data and further improving the working efficiency.
In some embodiments, the apparatus further comprises:
and the channel establishing module is used for establishing a data channel between the developer tool corresponding to the first browser in the computer equipment and the preset application program based on a network socket before the developer tool corresponding to the first browser in the computer equipment receives the target data sent by the mobile equipment based on the data channel.
In some embodiments, the first browser is google browser, the developer tool is DevTools, and the first protocol is DevTools protocol.
Embodiments of the present invention also provide a storage medium containing computer-executable instructions, which are used to execute the network data display method provided by the embodiments of the present invention when executed by a computer processor.
Storage medium-any of various types of memory devices or storage devices. The term "storage medium" is intended to include: mounting media such as CD-ROM, floppy disk, or tape devices; computer system memory or random access memory such as DRAM, DDRRAM, SRAM, EDORAM, Lanbas (Rambus) RAM, etc.; non-volatile memory such as flash memory, magnetic media (e.g., hard disk or optical storage); registers or other similar types of memory elements, etc. The storage medium may also include other types of memory or combinations thereof. In addition, the storage medium may be located in a first computer system in which the program is executed, or may be located in a different second computer system connected to the first computer system through a network (such as the internet). The second computer system may provide program instructions to the first computer for execution. The term "storage medium" may include two or more storage media that may reside in different locations, such as in different computer systems that are connected by a network. The storage medium may store program instructions (e.g., embodied as a computer program) that are executable by one or more processors.
The embodiment of the invention provides mobile equipment, and the network data display device provided by the embodiment of the invention can be integrated in the mobile equipment. Fig. 9 is a block diagram of a mobile device according to an embodiment of the present invention. The mobile device 900 includes a memory 901, a processor 902, and a computer program stored on the memory 901 and operable on the processor 902, wherein the processor 902 executes the computer program to implement the network data display method provided by the embodiment of the present invention.
The mobile equipment provided by the embodiment of the invention can send the network data generated by the application program in the mobile equipment to the developer tool in the computer equipment for real-time display, thereby reducing the cost of checking the network transmission data of the mobile terminal, improving the convenience of checking the network data and further improving the working efficiency.
The embodiment of the invention provides computer equipment, and the network data display device provided by the embodiment of the invention can be integrated in the computer equipment. Fig. 10 is a block diagram of a computer device according to an embodiment of the present invention. The computer device 1000 comprises a memory 1001, a processor 1002 and a computer program stored on the memory 1001 and executable on the processor 1002, wherein the processor 1002 executes the computer program to implement the network data display method provided by the embodiment of the invention.
The computer equipment provided by the embodiment of the invention can receive and display the network data generated by the application program in the mobile equipment in real time by using the developer tool in the computer equipment, thereby reducing the cost of checking the network transmission data of the mobile terminal, improving the convenience of checking the network data and further improving the working efficiency.
The embodiment of the invention provides a network data display system, which comprises mobile equipment and computer equipment. The system can send the network data generated by the application program in the mobile equipment to a developer tool in the computer equipment for real-time display through the cooperation between the mobile equipment and the computer equipment, so that the cost for checking the network transmission data of the mobile terminal is reduced, the convenience for checking the network data is improved, and the working efficiency is further improved.
The network data display device, the storage medium, the mobile device and the computer device provided in the above embodiments may execute the network data display method provided in the corresponding embodiments of the present invention, and have functional modules and beneficial effects corresponding to the execution method. For technical details that are not described in detail in the above embodiments, reference may be made to the network data display method provided in the embodiments of the present invention.
Note that the above is only a preferred embodiment of the present invention. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in more detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the claims.
Claims (15)
1. A network data display method is applied to mobile equipment and comprises the following steps:
acquiring network data generated by a preset application program in the mobile equipment, wherein a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in computer equipment;
converting the network data into target data matched with a first protocol corresponding to the developer tool;
and transmitting the target data to the developer tool based on the data channel so as to instruct the computer equipment to display the target data in an interface corresponding to the developer tool.
2. The method according to claim 1, further comprising, before said collecting network data generated by a predetermined application program in the mobile device:
a data channel of a developer tool corresponding to a first browser in a computer device is established based on a web socket.
3. The method of claim 1, wherein the collecting network data generated by a preset application program in the mobile device comprises:
the method comprises the steps of collecting network data generated by a preset application program in the mobile equipment through a preset interface, wherein the preset interface is called when the preset application program sends a network request and/or receives a network request response.
4. The method according to claim 1, wherein the network data comprises hypertext transfer protocol (HTTP) -based network data and/or Transmission Control Protocol (TCP) -based network data.
5. The method of claim 1, wherein the network data comprises at least one of network transmission attribute information, network request information, network response information, and time consumption information.
6. The method as claimed in any one of claims 1-5, wherein the first browser is Google browser, the developer tool is DevTools, and the first protocol is DevTools protocol.
7. A network data display method is applied to computer equipment and comprises the following steps:
receiving target data sent by mobile equipment based on a data channel by utilizing a developer tool corresponding to a first browser in the computer equipment, wherein the target data is converted from network data generated by a preset application program collected by the mobile equipment, the target data is matched with a first protocol corresponding to the developer tool, and the data channel is established based on a network socket and exists between the preset application program and the developer tool;
and displaying the target data in an interface corresponding to the developer tool.
8. The method of claim 7, further comprising, prior to said receiving the target data sent by the mobile device based on the data channel using a developer tool corresponding to the first browser in the computer device:
and establishing a data channel between a developer tool corresponding to the first browser in the computer equipment and the preset application program based on the network socket.
9. The method as claimed in claim 7 or 8, wherein the first browser is Google browser, the developer tool is DevTools, and the first protocol is DevTools protocol.
10. A network data display device, configured in a mobile device, comprising:
the system comprises a data acquisition module, a data processing module and a data processing module, wherein the data acquisition module is used for acquiring network data generated by a preset application program in the mobile equipment, and a data channel established based on a network socket exists between the preset application program and a developer tool corresponding to a first browser in the computer equipment;
the data conversion module is used for converting the network data into target data matched with a first protocol corresponding to the developer tool;
and the data sending module is used for transmitting the target data to the developer tool based on the data channel so as to instruct the computer equipment to display the target data in an interface corresponding to the developer tool.
11. A network data display device, configured in a computer apparatus, comprising:
a target data receiving module, configured to receive, by using a developer tool corresponding to a first browser in the computer device, target data sent by a mobile device based on a data channel, where the target data is converted from network data generated by a preset application program acquired by the mobile device, the target data is matched with a first protocol corresponding to the developer tool, and the data channel is established based on a network socket and exists between the preset application program and the developer tool;
and the data display module is used for displaying the target data in an interface corresponding to the developer tool.
12. A computer-readable storage medium, on which a computer program is stored which, when being executed by a processor, carries out the method according to any one of claims 1-9.
13. A mobile device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 1-6 when executing the computer program.
14. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method according to any of claims 7-9 when executing the computer program.
15. A network data display system comprising a mobile device according to claim 13 and a computer device according to claim 14.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911382423.3A CN111092906A (en) | 2019-12-27 | 2019-12-27 | Network data display method, device, storage medium, equipment and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911382423.3A CN111092906A (en) | 2019-12-27 | 2019-12-27 | Network data display method, device, storage medium, equipment and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111092906A true CN111092906A (en) | 2020-05-01 |
Family
ID=70398129
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911382423.3A Pending CN111092906A (en) | 2019-12-27 | 2019-12-27 | Network data display method, device, storage medium, equipment and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111092906A (en) |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130326471A1 (en) * | 2012-05-31 | 2013-12-05 | Dell Products, Lp | System for Providing Regression Testing of an Integrated Process Development System and Method Therefor |
| CN104360921A (en) * | 2014-10-17 | 2015-02-18 | 微梦创科网络科技（中国）有限公司 | Method, device and system for monitoring performance of mobile terminal |
| CN108664395A (en) * | 2018-04-26 | 2018-10-16 | 武汉斗鱼网络科技有限公司 | Applied program testing method, device, equipment and storage medium |
| CN109558323A (en) * | 2018-11-30 | 2019-04-02 | 百度在线网络技术（北京）有限公司 | For debugging system, the method and apparatus of the page |
| CN109614340A (en) * | 2018-12-28 | 2019-04-12 | 北京微播视界科技有限公司 | Exploitation adjustment method, device, electronic equipment and the storage medium of application program |
-
2019
- 2019-12-27 CN CN201911382423.3A patent/CN111092906A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130326471A1 (en) * | 2012-05-31 | 2013-12-05 | Dell Products, Lp | System for Providing Regression Testing of an Integrated Process Development System and Method Therefor |
| CN104360921A (en) * | 2014-10-17 | 2015-02-18 | 微梦创科网络科技（中国）有限公司 | Method, device and system for monitoring performance of mobile terminal |
| CN108664395A (en) * | 2018-04-26 | 2018-10-16 | 武汉斗鱼网络科技有限公司 | Applied program testing method, device, equipment and storage medium |
| CN109558323A (en) * | 2018-11-30 | 2019-04-02 | 百度在线网络技术（北京）有限公司 | For debugging system, the method and apparatus of the page |
| CN109614340A (en) * | 2018-12-28 | 2019-04-12 | 北京微播视界科技有限公司 | Exploitation adjustment method, device, electronic equipment and the storage medium of application program |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10212063B2 (en) | Network aware distributed business transaction anomaly detection | |
| US9201767B1 (en) | System and method for implementing a testing framework | |
| CN108076123B (en) | Webpage debugging method, device and system | |
| US20150067146A1 (en) | Custom correlation of a distributed business transaction | |
| CN107133161B (en) | Method and device for generating client performance test script | |
| CN111447170B (en) | Data processing method and system, computer system and computer readable medium | |
| CN110677432A (en) | Network protocol internal proxy forwarding method, device, medium and terminal equipment | |
| CN114221995B (en) | Service calling method and device and electronic equipment | |
| CN112448969A (en) | Link tracking method, device, system, equipment and readable storage medium | |
| US11740997B2 (en) | Method and apparatus for debugging a device | |
| WO2020147420A1 (en) | Application performance data collection method, terminal, computer device, and storage medium | |
| CN114490383A (en) | Remote debugging system, remote debugging method, computing device and readable medium | |
| CN106708717B (en) | A kind of exploitation adjustment method and device | |
| CN112199621B (en) | Method and device for quickly generating poster and computer equipment | |
| EP2560322B1 (en) | Method and apparatus for monitoring network traffic and determining the timing associated with an application | |
| CN111092906A (en) | Network data display method, device, storage medium, equipment and system | |
| KR20040051876A (en) | Web service tester and method of testing web service | |
| CN112187869A (en) | Remote debugging system and method of IOT device, electronic device and storage medium | |
| US20160328200A1 (en) | Testing screens of a multi-screen device | |
| CN113391931B (en) | Remote control method and device based on Bluetooth, computer equipment and storage medium | |
| CN107317723B (en) | Data processing method and server | |
| CN114915565A (en) | Method and system for debugging network | |
| JPH11184784A (en) | Server with execution situation reporting function and client with execution situation displaying function | |
| CN111092780A (en) | Method and system for dynamically debugging android system | |
| US10216926B2 (en) | Isolation of untrusted code in operating system without isolation capability |
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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200501 |