CN109558323A - For debugging system, the method and apparatus of the page - Google Patents
For debugging system, the method and apparatus of the page Download PDFInfo
- Publication number
- CN109558323A CN109558323A CN201811458512.7A CN201811458512A CN109558323A CN 109558323 A CN109558323 A CN 109558323A CN 201811458512 A CN201811458512 A CN 201811458512A CN 109558323 A CN109558323 A CN 109558323A
- Authority
- CN
- China
- Prior art keywords
- page
- debugged
- mobile terminal
- panel
- response
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
- G06F11/3644—Software debugging by instrumenting at runtime
Abstract
The embodiment of the present application discloses system, method and apparatus for debugging the page.One specific embodiment of this method includes: the mobile terminal by computer equipment and with computer equipment wireless network connection, it realizes and debugs mobile terminal Web page in the source code panel or control panel for the Chrome developer's tool installed in computer equipment, without passing through wired connection between mobile terminal and computer equipment, then exploitation debugging cost is reduced, debugging efficiency is improved.
Description
Technical field
The invention relates to field of computer technology, and in particular to for debugging system, the method and apparatus of the page.
Background technique
With the development of mobile internet, Web page the show form important as one in mobile terminal is widely applied to
On various mobile terminals.Here mobile terminal Web page includes in the Web page and mobile terminal browser in the application of mobile terminal
The simple Web page of display.In order to easily develop and debug mobile terminal web page, a kind of common method is set in computer
Mobile terminal is passed through USB (Universal Serial Bus, universal serial bus) by standby upper installation Chrome developer's tool
Data line is connected in computer equipment, to complete each panel in Chrome developer's tool (for example, source code face
Plate, control panel, element panel, network panel, using panel etc.) in mobile terminal Web page is debugged.However, working as
Mobile terminal cannot use this not when Same Site or mobile terminal do not support USB data line with computer equipment again
Kind method debugs mobile terminal Web page in real time.In addition, publication (applies quotient in App Store due to the limitation of Apple Inc.
Shop) remote debugging agreement cannot be opened in inner application, this results in that Chrome developer cannot be utilized on a computing device
Tool is realized to the mobile terminal Web page for being equipped with iOS operating system (iOS is the Mobile operating system developed by Apple Inc.)
It is debugged in face.
Summary of the invention
The embodiment of the present application proposes system, method and apparatus for debugging the page.
In a first aspect, the embodiment of the present application provides a kind of system for debugging the page, including wireless network connection
Be provided with the computer equipment and mobile terminal of display, in which: computer equipment is configured to: in response to detect be directed to
The page is debugged in the first debugging request of source code panel or control panel, is loaded in thread corresponding with the page to be debugged
And the corresponding code of the page to be debugged is executed, implementing result is obtained, and obtained implementing result is sent to mobile terminal;
In response to receiving the page events information of mobile terminal transmission, based on being received in the thread corresponding with the page to be debugged
Page events information executes the corresponding code of the page to be debugged, obtains implementing result, and obtained implementing result is sent
To mobile terminal;Mobile terminal is configured to: the implementing result in response to receiving computer equipment transmission, based on what is received
Implementing result renders and presents the page to be debugged;In response to detecting that user is directed to the operation of the page to be debugged, generates and grasp
Make relevant page events information, and page events information generated is sent to computer equipment.
In some embodiments, computer equipment is further configured to: being directed to the page to be debugged in network in response to detecting
Second debugging request of panel loads the page to be debugged in network panel;
In response to receiving the network request detail information of mobile terminal transmission, received net is shown in network panel
Network requests detail information;And mobile terminal is further configured to: will network request detail information hair corresponding with the page to be debugged
Give computer equipment.
In some embodiments, computer equipment is further configured to: in response to detecting that being directed to the page to be debugged is applying
The third debugging request of panel loads the page to be debugged in application panel;
In response to receiving the storage information data of mobile terminal transmission, the received storage letter of display in application panel
Cease data;And mobile terminal is further configured to: storage information data corresponding with the page to be debugged being sent to computer and is set
It is standby.
In some embodiments, computer equipment is configured to: being directed to the page to be debugged in first vegetarian noodles in response to detecting
4th debugging request of plate, in the element panel opening page to be debugged, and by the DOM Document Object Model dom tree of the page to be debugged
It is sent to mobile terminal;In response to receiving the dom tree of mobile terminal transmission, is rendered again based on the dom tree received and be in
The existing page to be debugged;Mobile terminal is configured to: the dom tree in response to receiving computer equipment transmission, based on what is received
Dom tree renders and the page to be debugged is presented;In response to detecting that the dom tree for being directed to the page to be debugged updates operation, after update
Dom tree be sent to computer equipment.
In some embodiments, mobile terminal and computer equipment carry out data communication by socket.
Second aspect, the embodiment of the present application provide a kind of method for debugging the page, applied to for debugging the page
System in computer equipment, the system for debugging the page includes the computer for being provided with display of wireless network connection
Equipment and mobile terminal, this method comprises: being directed to the page to be debugged in source code panel or control panel in response to detecting
The first debugging request, the corresponding code of the page to be debugged is loaded and executed in thread corresponding with the page to be debugged, is obtained
Implementing result, and obtained implementing result is sent to mobile terminal;In response to receiving the page of mobile terminal transmission
Event information, it is corresponding based on the page events information execution page to be debugged received in thread corresponding with the page to be debugged
Code, obtain implementing result, and obtained implementing result is sent to mobile terminal.
In some embodiments, this method further include: be directed to the page to be debugged the of network panel in response to detecting
Two debugging requests load the page to be debugged in network panel;In response to receiving the network request details letter of mobile terminal transmission
Breath shows received network request detail information in network panel.
In some embodiments, this method further include: be directed to the page to be debugged the of application panel in response to detecting
Three debugging requests load the page to be debugged in application panel;In response to receiving the storage information data of mobile terminal transmission,
Received storage information data is shown in application panel.
In some embodiments, this method further include: in response to detecting user for the page to be debugged in element panel
The 4th debugging request, sent out in the element panel opening page to be debugged, and by the DOM Document Object Model dom tree of the page to be debugged
Give mobile terminal;In response to receiving the dom tree of mobile terminal transmission, renders and present again based on the dom tree received
The page to be debugged.
In some embodiments, mobile terminal and computer equipment carry out data communication by socket.
The third aspect, the embodiment of the present application provide it is a kind of for debugging the device of the page, applied to for debugging the page
System in computer equipment, the system for debugging the page includes the computer for being provided with display of wireless network connection
Equipment and mobile terminal, the device include: the first implementing result transmission unit, are configured in response to detect for be debugged
The page is loaded and is held in thread corresponding with the page to be debugged in the first debugging request of source code panel or control panel
The corresponding code of the row page to be debugged, obtains implementing result, and obtained implementing result is sent to mobile terminal;Second
Implementing result transmission unit is configured in response to receive the page events information of mobile terminal transmission, with page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information received in the corresponding thread in face, obtains implementing result,
And obtained implementing result is sent to mobile terminal.
In some embodiments, device further include: first page loading unit is configured in response to detect and is directed to
The page to be debugged loads the page to be debugged in network panel in the second debugging request of network panel;First display unit is matched
It is set to the network request detail information in response to receiving mobile terminal transmission, shows that received network is asked in network panel
Seek detail information.
In some embodiments, device further include: second page loading unit is configured in response to detect and is directed to
The page to be debugged loads the page to be debugged in application panel in the third debugging request of application panel;Second display unit, quilt
It is configured to receive the storage information data of mobile terminal transmission, shows received storage information in application panel
Data.
In some embodiments, device further include: DOM Document Object Model transmission unit is configured in response to detect
User for the page to be debugged element panel the 4th debugging request, in the element panel opening page to be debugged, and will be to
The DOM Document Object Model dom tree of the debugging page is sent to mobile terminal;Page rendering and display unit are configured in response to connect
The dom tree for receiving mobile terminal transmission, is rendered again based on the dom tree received and the page to be debugged is presented.
In some embodiments, mobile terminal and computer equipment carry out data communication by socket.
Fourth aspect, the embodiment of the present application provide a kind of electronic equipment, comprising: one or more processors;Storage dress
It sets, is stored thereon with one or more programs, when said one or multiple programs are executed by said one or multiple processors,
So that said one or multiple processors realize the method as described in implementation any in second aspect.
5th aspect, the embodiment of the present application provide a kind of computer readable storage medium, are stored thereon with computer journey
Sequence, wherein realized when the computer program is executed by one or more processors such as implementation description any in second aspect
Method.
It is provided by the embodiments of the present application for debugging system, the method and apparatus of the page, by a computing device
The page to be debugged is opened in source code panel or control panel in developer's tool, and in thread corresponding with the page to be debugged
Middle load simultaneously executes the corresponding code of the page to be debugged, obtains implementing result, and obtained implementing result is sent to shifting
Dynamic terminal and computer equipment in response to receiving the page events information of mobile terminal transmission, with the page pair to be debugged
The corresponding code of the page to be debugged is executed based on the page events information received in the thread answered, obtains implementing result, and
Obtained implementing result is sent to mobile terminal.The execution knot that mobile terminal is sent in response to receiving computer equipment
Based on the implementing result rendering received and the page and mobile terminal to be debugged is presented in response to detecting user's needle in fruit
Operation to the page to be debugged generates page events information relevant to operation, and page events information generated is sent out
Give computer equipment.Mobile terminal by computer equipment and with computer equipment wireless network connection is realized and is being counted
It calculates and debugs mobile terminal Web page in the source code panel or control panel for the Chrome developer's tool installed in machine equipment,
Without, by wired connection, then reducing exploitation debugging cost between mobile terminal and computer equipment, improving tune
Try efficiency.
Detailed description of the invention
By reading a detailed description of non-restrictive embodiments in the light of the attached drawings below, the application's is other
Feature, objects and advantages will become more apparent upon:
Fig. 1 is that one embodiment of the application can be applied to exemplary system architecture figure therein;
Fig. 2 is the timing diagram according to one embodiment of the system for debugging the page of the application;
Fig. 3 A and Fig. 3 B are the timing diagrams according to another embodiment of the system for debugging the page of the application;
Fig. 4 is the flow chart according to one embodiment of the method for debugging the page of the application;
Fig. 5 is the structural schematic diagram according to one embodiment of the device for debugging the page of the application;
Fig. 6 is adapted for the structural schematic diagram for the computer system for realizing the computer equipment of the embodiment of the present application.
Specific embodiment
The application is described in further detail with reference to the accompanying drawings and examples.It is understood that this place is retouched
The specific embodiment stated is used only for explaining related invention, rather than the restriction to the invention.It also should be noted that in order to
Convenient for description, part relevant to related invention is illustrated only in attached drawing.
It should be noted that in the absence of conflict, the features in the embodiments and the embodiments of the present application can phase
Mutually combination.The application is described in detail below with reference to the accompanying drawings and in conjunction with the embodiments.
Fig. 1 is shown can be using the method for debugging the page of the application or the implementation of the device for debugging the page
The exemplary system architecture 100 of example.
As shown in Figure 1, system architecture 100 may include mobile terminal 101, wireless network 102 and computer equipment 103.
Wireless network 102 between mobile terminal 101 and computer equipment 103 to provide the medium of wireless communication link.Wireless network
Network 102 may include various wireless connection types.It should be pointed out that above-mentioned wireless connection type can include but is not limited to
3G/4G connection, WiFi connection, bluetooth connection, WiMAX connection, Zigbee connection, UWB (ultra wideband) connection and
Other currently known or exploitation in the future radio connections.
User can be used mobile terminal 101 and be interacted by wireless network 102 with computer equipment 103, to receive or send out
Send message etc..Various telecommunication customer end applications, such as mobile terminal Web application, web page browsing can be installed on mobile terminal 101
Device application, shopping class application, searching class application, instant messaging tools, mailbox client, social platform software etc..
Mobile terminal 101 can be hardware, be also possible to software.When mobile terminal 101 is hardware, can be with aobvious
Display screen and the various electronic equipments for supporting Web page browsing, including but not limited to smart phone, tablet computer, e-book are read
Read device, MP3 player (Moving Picture Experts Group Audio Layer III, dynamic image expert compression
Standard audio level 3), MP4 (Moving Picture Experts Group Audio Layer IV, dynamic image expert pressure
Contracting standard audio level 4) player etc..When mobile terminal 101 is software, it may be mounted at above-mentioned cited electronics and set
In standby.Multiple softwares or software module may be implemented into it, and single software or software module also may be implemented into.It does not do and has herein
Body limits.
Computer equipment 103 can be hardware, be also possible to software.When computer equipment 103 is hardware, tool can be
There is display screen and supported web page browses and be equipped with the electronic equipment of Chrome developer's tool.
Mobile terminal 101 can be cooperated with computer equipment 103 by wireless network 102, be realized in computer equipment 103
Mobile terminal Web page is debugged in the source code panel or control panel of Chrome developer's tool of middle installation.
It should be noted that for debugging the method for the page generally by computer equipment provided by the embodiment of the present application
103 execute, and correspondingly, the device for debugging the page is generally positioned in computer equipment 103.
It should be noted that computer equipment 103 can be hardware, it is also possible to software.When computer equipment 103 is hard
When part, the distributed server cluster of multiple server compositions may be implemented into, individual server also may be implemented into.Work as calculating
When machine equipment 103 is software, multiple softwares or software module (such as providing Distributed Services) may be implemented into, it can also be with
It is implemented as single software or software module.It is not specifically limited herein.
It should be understood that the number of mobile terminal, network in Fig. 1 and computer equipment is only schematical.According to reality
It now needs, can have any number of mobile terminal, network and computer equipment.
With continued reference to Fig. 2, it illustrates the timing according to one embodiment of the system for debugging the page of the application
200。
The system for debugging the page in the embodiment of the present application may include that wireless network connection is provided with display
Computer equipment and mobile terminal.
As shown in Fig. 2, may include according to the timing 200 of one embodiment of the system for debugging the page of the application
Following steps:
Step 201, computer equipment is directed to the page to be debugged in source code panel or control panel in response to detecting
The first debugging request, the corresponding code of the page to be debugged is loaded and executed in thread corresponding with the page to be debugged, is obtained
Implementing result, and obtained implementing result is sent to mobile terminal.
In the present embodiment, Chrome developer's tool can be installed in computer equipment.Computer equipment can be
It detects for the page to be debugged the of source code panel (i.e. Source panel) or control panel (i.e. Console panel)
In the case where one debugging request, is loaded in thread corresponding with the page to be debugged first and execute the page to be debugged corresponding generation
Code, obtains implementing result.Then, obtained implementing result is sent to the mobile end with computer equipment wireless network connection
End.
Here, computer equipment can confirmly detect the first debugging request using various implementations.For example, computer
Equipment can open the page to be debugged in the source code panel or control panel of Chrome developer's tool detecting
Under operational circumstances, the first debugging request is confirmly detected.Wherein, in the source code panel of Chrome developer's tool or control
The operation of the page to be debugged is opened in panel either the operation that user triggers, is also possible to what program code logic was triggered
Operation.
Here, computer equipment can be newly-built pair of the page to be debugged when primary detection is opened to the page to be debugged
The thread answered.For example, can be created when in the page to be debugged including JavaScript code for the page to be debugged corresponding
Webworker sub thread is as thread corresponding with the page to be debugged.To be loaded in thread corresponding with the page to be debugged
And the corresponding code of the page to be debugged is executed, the process for obtaining implementing result can be created corresponding with the page to be debugged
Webworker sub thread in execute, and the implementation procedure do not influence the operation of main thread.
Webworker is the JavaScript multithreading solution that HTML5 is provided, it can be by some big calculating
The code of amount gives Webworker operation without blocked user main thread, main thread of the Webworker in current JavaScript
In, a JavaScript file is loaded to create a sub thread using worker class, plays the effect for not blocking operation mutually
Fruit, and the interface of data exchange between main thread and sub thread: postMessage and onMessage is provided, to complete main line
Data communication between journey and Webworker sub thread.
In practice, since Webworker is the freestanding environment of a similar JavaScript, which is not supported
The Windows API (application programming interfaces, Application Programming Interface) that JavaScript is supported
With Document API, therefore, it is necessary to realize a virtual Windows API and Document API in Webworker,
I.e. so that Webworker also supports Windows API and Document API.That is, in thread corresponding with the page to be debugged
The corresponding code of the page to be debugged is loaded and executed, implementing result is obtained, wherein implementing result may include: to call Windows
The obtained object of API (object) and the calling obtained DOM of Document API (Document Object Model, text
Shelves object model) tree.
In order to enable the page that mobile terminal is shown is synchronous with the obtained implementing result of code is executed in computer equipment,
Obtained implementing result can be sent to mobile terminal after obtaining implementing result by computer equipment.
In some optional implementations of the present embodiment, mobile terminal and computer equipment can pass through socket
(Socket) data communication is carried out.
Step 202, computer equipment in response to receive mobile terminal transmission page events information, with page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information received in the corresponding thread in face, obtains implementing result,
And obtained implementing result is sent to mobile terminal.
In the present embodiment, if computer equipment receives the page events information of mobile terminal transmission, show to move
Terminal detects the operation of user on mobile terminals, generates page events information relevant to aforesaid operations, and will give birth to
At page events information be sent to computer equipment.In this way, computer equipment can be in line corresponding with the page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information that is received in journey, obtains implementing result, and by gained
To implementing result be sent to mobile terminal.
Here, page events information may include various information relevant to user's operation.For example, page events information can
To include but is not limited to: the page elements of user's operation mark, the time for receiving user's operation, user's operation action type
The specifying information content of (for example, click, sliding), user input is (for example, text that user inputs in text box or user
The specific choice item selected in selection type page elements).
Here, computer equipment can be in thread corresponding with the page to be debugged, based on the page events letter received
Breath executes operation logic expressed by the corresponding code of the page to be debugged, obtains implementing result.It is understood that ought here
When the corresponding thread of the page to be debugged is Webworker sub thread, institute is based in thread corresponding with the page to be debugged here
The page events information received executes the corresponding code of the page to be debugged, and obtained implementing result also may include: to call
The obtained object of Windows API (object) and the calling obtained dom tree of Document API.
Here, Developmental Engineer breakpoint can be set in source code panel come debug the code of the page to be debugged (for example,
JavaScript code).Control deck plate record diagnosis information also can be used in Developmental Engineer, or uses control deck plate
It is interacted on the page with JavaScript as shell.
Step 203, the implementing result that mobile terminal is sent in response to receiving computer equipment, based on the execution received
As a result render and present the page to be debugged.
In the present embodiment, mobile terminal can be in the case where receiving the implementing result of computer equipment transmission, base
In the implementing result rendering received and the page to be debugged is presented.
It should be noted that above-mentioned rendering and the various methods that the page is presented are to study and apply known extensively at present
Technology, details are not described herein.
Step 204, mobile terminal generates relevant to operation in response to detecting that user is directed to the operation of the page to be debugged
Page events information, and page events information generated is sent to computer equipment.
In the present embodiment, mobile terminal can be raw in the case where detecting that user is directed to the operation of the page to be debugged
Calculating is sent at page events information relevant to above-mentioned detected operation, and by page events information generated
Machine equipment.In this way, computer equipment can execute above-mentioned steps 202.
The system provided by the above embodiment for debugging the page of the application, passes through developer on a computing device
The page to be debugged is opened in source code panel or control panel in tool, and is loaded in thread corresponding with the page to be debugged
And the corresponding code of the page to be debugged is executed, implementing result is obtained, and obtained implementing result is sent to mobile terminal,
And the page events information that computer equipment is sent in response to receiving mobile terminal, in thread corresponding with the page to be debugged
In the corresponding code of the page to be debugged executed based on the page events information that is received, obtain implementing result, and will obtained by
Implementing result be sent to mobile terminal.The implementing result that mobile terminal is sent in response to receiving computer equipment, is based on institute
The implementing result received renders and presents the page and mobile terminal to be debugged in response to detecting user for page to be debugged
The operation in face generates page events information relevant to operation, and page events information generated is sent to computer
Equipment.Mobile terminal by computer equipment and with computer equipment wireless network connection, realizes in computer equipment
Mobile terminal Web page is debugged in the source code panel or control panel of Chrome developer's tool of installation, without moving
By wired connection between dynamic terminal and computer equipment, exploitation debugging cost is then reduced, debugging efficiency is improved.
With further reference to Fig. 3 A and Fig. 3 B, it illustrates the timing of another embodiment of the system for debugging the page
300。
The system for debugging the page in the embodiment of the present application may include that wireless network connection is provided with display
Computer equipment and mobile terminal.
As shown in Figure 3A, the timing 300 of another embodiment of the system according to the application for debugging the page can be with
The following steps are included:
Step 301, computer equipment is directed to the page to be debugged in source code panel or control panel in response to detecting
The first debugging request, the corresponding code of the page to be debugged is loaded and executed in thread corresponding with the page to be debugged, is obtained
Implementing result, and obtained implementing result is sent to mobile terminal.
Step 302, computer equipment in response to receive mobile terminal transmission page events information, with page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information received in the corresponding thread in face, obtains implementing result,
And obtained implementing result is sent to mobile terminal.
Step 303, the implementing result that mobile terminal is sent in response to receiving computer equipment, based on the execution received
As a result render and present the page to be debugged.
Step 304, mobile terminal generates relevant to operation in response to detecting that user is directed to the operation of the page to be debugged
Page events information, and page events information generated is sent to computer equipment.
In the present embodiment, the concrete operations of step 301, step 302, step 303 and step 304 and reality shown in Fig. 2
The operation for applying step 201 in example, step 202, step 203 and step 204 is essentially identical, and details are not described herein.
Step 305, computer equipment in response to detect be directed to the page to be debugged network panel the second debugging request,
The page to be debugged is loaded in network panel.
In the present embodiment, Chrome developer's tool, Chrome developer's tool can be installed in computer equipment
In may include network panel (that is, Network panel).Computer equipment can detected for the page to be debugged in network
In the case where second debugging request of panel, the page to be debugged is loaded in network panel.In this way, can be recorded in network panel
The detail information of the network request of the shown page to be debugged on the computer device can specifically include and treat from initiation
Start to analyze HTTP (hypertext transfer protocol, Hyper-Text Transfer after the Webpage request of the debugging page
Protocol each request resource information (including state, resource type, size, time used, the request, sound obtained after) requesting
Answer, input parameter, output parameter etc.), Developmental Engineer can carry out optimization of network performance according to these resource request informations.
Here, computer equipment can confirmly detect the second debugging request using various implementations.For example, computer
Equipment can detect under the operational circumstances that the network panel of Chrome developer's tool opens the page to be debugged, determine inspection
Measure the second debugging request.Wherein, the operation that the page to be debugged is opened in the network panel of Chrome developer's tool both may be used
To be the operation of user's triggering, it is also possible to the operation that program code logic is triggered.
Step 306, the network request detail information that computer equipment is sent in response to receiving mobile terminal, in network face
Received network request detail information is shown in plate.
In the present embodiment, computer equipment can be in the feelings for the network request detail information for receiving mobile terminal transmission
Under condition, received network request detail information is shown in the network panel of Chrome developer's tool of computer equipment.
Step 307, network request detail information corresponding with the page to be debugged is sent to computer equipment by mobile terminal.
In the present embodiment, the corresponding network of the page to be debugged that mobile terminal will can be shown on mobile terminals in real time
Request detail information is sent to computer equipment.
In practice, mobile terminal can use the primary Resource Timing API of browser and will show in mobile terminal
The corresponding network request detail information of the page to be debugged pass through according to the agreement in network panel in Chrome developer's tool
Socket is sent to computer equipment.Here, the corresponding network request details letter of the page to be debugged shown on mobile terminals
Breath can specifically include on mobile terminals after initiating to the request of the Webpage of the page to be debugged analyze HTTP request
Obtain afterwards each request resource information (including state, resource type, size, the time used, request, response, input parameter,
Output parameter etc.).
Step 307 is arrived by step 305, the net of Chrome developer's tool installed in computer equipment may be implemented
Mobile terminal Web page is debugged in network panel, without, by wired connection, then dropping between mobile terminal and computer equipment
Low exploitation debugging cost, improves debugging efficiency.
Step 308, computer equipment in response to detect be directed to the page to be debugged application panel third debugging request,
The page to be debugged is loaded in application panel.
In the present embodiment, computer equipment can be debugged detecting the third for the page to be debugged in application panel
In the case where request, in application panel (that is, Application panel.Some versions are also referred to as resource panel) in load wait adjust
Try the page.All resources loaded using panel inspection, including IndexedDB, Web SQL data can be used in Developmental Engineer
Library is locally stored, session storage, browser rs cache (Cookie), application cache, image, the font and style table.
Step 309, the storage information data that computer equipment is sent in response to receiving mobile terminal, in application panel
Show received storage information data.
In the present embodiment, computer equipment can be the case where receiving the storage information data of mobile terminal transmission
Under, in the storage information data received using display in panel of Chrome developer's tool of computer equipment, that is, show
Storage information data of the page to be debugged in mobile terminal.
Step 310, storage information data corresponding with the page to be debugged is sent to computer equipment by mobile terminal.
In the present embodiment, the corresponding storage of the page to be debugged that mobile terminal will can be shown on mobile terminals in real time
Information data is sent to computer equipment.
In practice, mobile terminal can use LocalStorage API and SessionStorage API and obtain movement eventually
The corresponding storage information data of the page to be debugged shown in end.Here, the page to be debugged shown on mobile terminals is corresponding
Storage information data can specifically include IndexedDB, Web SQL database, be locally stored, session storage, browser it is slow
Deposit (Cookie), application cache, image, the font and style table.
Step 310 is arrived by step 308, answering for the Chrome developer's tool installed in computer equipment may be implemented
With mobile terminal Web page is debugged in panel, without, by wired connection, then being dropped between mobile terminal and computer equipment
Low exploitation debugging cost, improves debugging efficiency.
In some optional implementations of the present embodiment, above-mentioned timing 300 can also include step as shown in Figure 3B
Rapid 311 arrive step 314:
Step 311, computer equipment in response to detect be directed to the page to be debugged element panel the 4th debugging request,
Mobile terminal is sent in the element panel opening page to be debugged, and by the dom tree of the page to be debugged.
Here, computer equipment can detected for the page to be debugged at element panel (that is, Elements panel)
The 4th debugging request in the case where, the element panel for the Chrome developer's tool that can be installed in computer equipment first
Open the page to be debugged.Here, the dom tree that the page to be debugged can be extracted and shown in element panel, can be with by the dom tree
Any page elements of the page to be debugged are searched, Developmental Engineer can be with each tag attributes of any page elements of real-time edition
And Style Attributes, and can be in real time inside browser to the modification of tag attributes and Style Attributes caused by above-mentioned real-time edition
It is fed back.Then, computer equipment can send out the dom tree of the above-mentioned page to be debugged for extracting and showing in element panel
Give mobile terminal.
Step 312, the dom tree that computer equipment is sent in response to receiving mobile terminal, based on the dom tree weight received
Newly renders and the page to be debugged is presented.
Here, if computer equipment receives the dom tree of mobile terminal transmission, show that mobile terminal detects DOM
The update of tree operates, and has sent the dom tree after latest update, then computer equipment can be based on the dom tree received
Again it renders and the page to be debugged is presented, to realize the page to be debugged shown in computer equipment and mobile terminal
The synchronization of dom tree.
It should be noted that being rendered based on dom tree and the page is presented is the well-known technique studied and applied extensively at present,
Details are not described herein.
Step 313, the dom tree that mobile terminal is sent in response to receiving computer equipment, based on the dom tree wash with watercolours received
It contaminates and the page to be debugged is presented.
Here, if mobile terminal receives the dom tree of computer equipment transmission, show that Developmental Engineer sets in computer
The attribute that the page elements of the page to be debugged are edited in element panel in Chrome developer's tool of standby upper installation, causes
The dom tree of the page to be debugged shown in computer equipment changes, then mobile terminal is also wanted to show in synchronous computer equipment
The dom tree of the page to be debugged shown, then mobile terminal can be rendered based on the dom tree received and the page to be debugged is presented.
Step 314, mobile terminal, will be updated in response to detecting that the dom tree for being directed to the page to be debugged updates operation
Dom tree is sent to computer equipment.
Here, mobile terminal can will be moved in the case where detecting that the dom tree for the page to be debugged updates operation
The updated dom tree of the page to be debugged shown in terminal is sent to computer equipment.In this way, computer equipment can be real
When synchronous mobile terminal newest dom tree.
Step 314 is arrived by step 311, the member of Chrome developer's tool installed in computer equipment may be implemented
Mobile terminal Web page is debugged in vegetarian noodles plate, without, by wired connection, then dropping between mobile terminal and computer equipment
Low exploitation debugging cost, improves debugging efficiency.
From figure 3, it can be seen that the system for debugging the page compared with the corresponding embodiment of Fig. 2, in the present embodiment
Process 300 had more in the network panel for the Chrome developer's tool installed in computer equipment, using panel and member
The step of mobile terminal Web page is debugged in vegetarian noodles plate.The scheme of the present embodiment description may be implemented in more Chrome as a result,
Mobile terminal Web page is debugged in the panel of developer's tool.
Below with reference to Fig. 4, it illustrates a kind of for debugging the process 400 of method one embodiment of the page, is applied to
The computer equipment in system for debugging the page.Wherein, the system for debugging the page includes setting for wireless network connection
It is equipped with the computer equipment and mobile terminal of display.This is used to debug the process 400 of the method for the page, comprising the following steps:
Step 401, the page to be debugged is directed in the first debugging of source code panel or control panel in response to detecting
Request, loads and is executed in thread corresponding with the page to be debugged the corresponding code of the page to be debugged, obtain implementing result, with
And obtained implementing result is sent to mobile terminal.
Step 402, the page events information sent in response to receiving mobile terminal, in line corresponding with the page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information that is received in journey, obtains implementing result, and by gained
To implementing result be sent to mobile terminal.
In the present embodiment, the concrete operations of step 401 and step 402 respectively with step 201 in embodiment shown in Fig. 2
Essentially identical with the operation of step 202, details are not described herein.
By step 401 and step 402, the source generation for the Chrome developer's tool installed in computer equipment is realized
Mobile terminal Web page is debugged in code panel or control panel.
In some optional implementations of the present embodiment, the above-mentioned method for debugging the page can also include following
Step 403 and step 404:
Step 403, the page to be debugged is directed in the second debugging request of network panel, in network panel in response to detecting
Load the page to be debugged.
Step 404, the network request detail information sent in response to receiving mobile terminal, shows institute in network panel
The network request detail information received.
In the present embodiment, the concrete operations of step 403 and step 404 respectively with step in embodiment shown in Fig. 3 A
305 and step 306 operation it is essentially identical, details are not described herein.
By step 403 and step 404, the network for the Chrome developer's tool installed in computer equipment is realized
Mobile terminal Web page is debugged in panel.
In some optional implementations of the present embodiment, the above-mentioned method for debugging the page can also include following
Step 405 and step 406:
Step 405, the page to be debugged is directed in the third debugging request of application panel in response to detecting, applying panel
The middle load page to be debugged.
Step 406, the storage information data sent in response to receiving mobile terminal shows in application panel and is received
Storage information data.
In the present embodiment, the concrete operations of step 405 and step 406 respectively with step in embodiment shown in Fig. 3 A
308 and step 309 operation it is essentially identical, details are not described herein.
By step 405 and step 406, the application for the Chrome developer's tool installed in computer equipment is realized
Mobile terminal Web page is debugged in panel.
In some optional implementations of the present embodiment, the above-mentioned method for debugging the page can also include following
Step 407 and step 408:
Step 407, in response to detecting that user is directed to the page to be debugged in the 4th debugging request of element panel, in element
The panel opening page to be debugged, and the DOM Document Object Model dom tree of the page to be debugged is sent to mobile terminal.
Step 408, the dom tree sent in response to receiving mobile terminal, is rendered again based on the dom tree received and is in
The existing page to be debugged.
In the present embodiment, the concrete operations of step 407 and step 408 respectively with step in embodiment shown in Fig. 3 B
311 and step 312 operation it is essentially identical, details are not described herein.
By step 407 and step 408, the element for the Chrome developer's tool installed in computer equipment is realized
Mobile terminal Web page is debugged in panel.
In some optional implementations of the present embodiment, mobile terminal and computer equipment can by socket into
Row data communication.
Method provided by the embodiments of the present application for debugging the page, it is wireless by computer equipment and with computer equipment
The mobile terminal of network connection, realize the Chrome developer's tool installed in computer equipment source code panel or
Mobile terminal Web page is debugged in control panel, without passing through wired connection between mobile terminal and computer equipment, then
Exploitation debugging cost is reduced, debugging efficiency is improved.
With further reference to Fig. 5, as the realization to method shown in above-mentioned each figure, this application provides one kind for debugging page
One embodiment of the device in face, it is above-mentioned for debugging the page applied to the computer equipment in the system for debugging the page
System include wireless network connection the computer equipment and mobile terminal for being provided with display, the Installation practice and Fig. 2
Shown in embodiment of the method it is corresponding, which specifically can be applied in various electronic equipments.
As shown in figure 5, the present embodiment includes: the first implementing result transmission unit 501 for debugging the device 500 of the page
With the second implementing result transmission unit 502.Wherein, the first implementing result transmission unit 501 is configured in response to detect needle
To the page to be debugged source code panel or control panel the first debugging request, in line corresponding with the above-mentioned page to be debugged
The corresponding code of the above-mentioned page to be debugged is loaded and executed in journey, obtains implementing result, and obtained implementing result is sent out
Give above-mentioned mobile terminal;Second implementing result transmission unit 502 is configured in response to receive above-mentioned mobile terminal transmission
Page events information, executed in thread corresponding with the above-mentioned page to be debugged based on the page events information received above-mentioned
The corresponding code of the page to be debugged, obtains implementing result, and obtained implementing result is sent to above-mentioned mobile terminal.
In the present embodiment, it is executed for debugging the first implementing result transmission unit 501 and second of the device 500 of the page
As a result the specific processing of transmission unit 502 and its brought technical effect can be respectively with reference to steps 201 in Fig. 2 corresponding embodiment
With the related description of step 202, details are not described herein.
In some optional implementations of the present embodiment, above-mentioned apparatus 500 can also include: that first page load is single
Member 503, is configured in response to detect the second debugging request for the above-mentioned page to be debugged in network panel, in above-mentioned net
Network panel loads the above-mentioned page to be debugged;First display unit 504 is configured in response to receive above-mentioned mobile terminal transmission
Network request detail information, received network request detail information is shown in above-mentioned network panel.
In some optional implementations of the present embodiment, above-mentioned apparatus 500 can also include: that second page load is single
Member 505 is configured in response to detect for the above-mentioned page to be debugged to answer in the third debugging request of application panel above-mentioned
With loading the above-mentioned page to be debugged in panel;Second display unit 506 is configured in response to receive above-mentioned mobile terminal hair
The storage information data sent, in the above-mentioned storage information data received using display in panel.
In some optional implementations of the present embodiment, above-mentioned apparatus 500 can also include: DOM Document Object Model hair
Send unit 507, be configured in response to detect user for the above-mentioned page to be debugged element panel the 4th debugging request,
Above-mentioned movement is sent to eventually in the above-mentioned page to be debugged of above-mentioned element panel opening, and by the dom tree of the above-mentioned page to be debugged
End;Page rendering and display unit 508 are configured in response to receive the dom tree that above-mentioned mobile terminal is sent, based on being received
To dom tree render again and the above-mentioned page to be debugged be presented.
In some optional implementations of the present embodiment, above-mentioned mobile terminal and above-mentioned computer equipment can pass through
Socket carries out data communication.
It should be noted that it is provided by the embodiments of the present application for debug in the device of the page realization details of each unit and
Technical effect can be with reference to the explanation of other embodiments in the application, and details are not described herein.
Below with reference to Fig. 6, it illustrates the computer systems for the computer equipment for being suitable for being used to realize the embodiment of the present application
600 structural schematic diagram.Computer equipment shown in Fig. 6 is only an example, should not function to the embodiment of the present application and
Use scope brings any restrictions.
As shown in fig. 6, computer system 600 includes central processing unit (CPU, Central Processing Unit)
601, it can be according to the program being stored in read-only memory (ROM, Read Only Memory) 602 or from storage section
608 programs being loaded into random access storage device (RAM, Random Access Memory) 603 and execute various appropriate
Movement and processing.In RAM 603, also it is stored with system 600 and operates required various programs and data.CPU 601,ROM
602 and RAM 603 is connected with each other by bus 604.Input/output (I/O, Input/Output) interface 605 is also connected to
Bus 604.
I/O interface 605 is connected to lower component: the importation 606 including keyboard, mouse etc.;It is penetrated including such as cathode
Spool (CRT, Cathode Ray Tube), liquid crystal display (LCD, Liquid Crystal Display) etc. and loudspeaker
Deng output par, c 607;Storage section 608 including hard disk etc.;And including such as LAN (local area network, Local Area
Network) the communications portion 609 of the network interface card of card, modem etc..Communications portion 609 is via such as internet
Network executes communication process.Driver 610 is also connected to I/O interface 605 as needed.Detachable media 611, such as disk,
CD, magneto-optic disk, semiconductor memory etc. are mounted on as needed on driver 610, in order to from the calculating read thereon
Machine program is mounted into storage section 608 as needed.
Particularly, in accordance with an embodiment of the present disclosure, it may be implemented as computer above with reference to the process of flow chart description
Software program.For example, embodiment of the disclosure includes a kind of computer program product comprising be carried on computer-readable medium
On computer program, which includes the program code for method shown in execution flow chart.In such reality
It applies in example, which can be downloaded and installed from network by communications portion 609, and/or from detachable media
611 are mounted.When the computer program is executed by central processing unit (CPU) 601, limited in execution the present processes
Above-mentioned function.It should be noted that the above-mentioned computer-readable medium of the application can be computer-readable signal media or
Computer readable storage medium either the two any combination.Computer readable storage medium for example can be --- but
Be not limited to --- electricity, magnetic, optical, electromagnetic, infrared ray or semiconductor system, device or device, or any above combination.
The more specific example of computer readable storage medium can include but is not limited to: have one or more conducting wires electrical connection,
Portable computer diskette, hard disk, random access storage device (RAM), read-only memory (ROM), erasable type may be programmed read-only deposit
Reservoir (EPROM or flash memory), optical fiber, portable compact disc read-only memory (CD-ROM), light storage device, magnetic memory
Part or above-mentioned any appropriate combination.In this application, computer readable storage medium, which can be, any include or stores
The tangible medium of program, the program can be commanded execution system, device or device use or in connection.And
In the application, computer-readable signal media may include in a base band or the data as the propagation of carrier wave a part are believed
Number, wherein carrying computer-readable program code.The data-signal of this propagation can take various forms, including but not
It is limited to electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be computer
Any computer-readable medium other than readable storage medium storing program for executing, the computer-readable medium can send, propagate or transmit use
In by the use of instruction execution system, device or device or program in connection.Include on computer-readable medium
Program code can transmit with any suitable medium, including but not limited to: wireless, electric wire, optical cable, RF etc., Huo Zheshang
Any appropriate combination stated.
The calculating of the operation for executing the application can be write with one or more programming languages or combinations thereof
Machine program code, described program design language include object oriented program language-such as Java, Smalltalk, C+
+, it further include conventional procedural programming language-such as " C " language or similar programming language.Program code can
Fully to execute, partly execute on the user computer on the user computer, be executed as an independent software package,
Part executes on the remote computer or executes on a remote computer or server completely on the user computer for part.
In situations involving remote computers, remote computer can pass through the network of any kind --- including local area network (LAN)
Or wide area network (WAN)-is connected to subscriber computer, or, it may be connected to outer computer (such as utilize Internet service
Provider is connected by internet).
Flow chart and block diagram in attached drawing are illustrated according to the system of the various embodiments of the application, method and computer journey
The architecture, function and operation in the cards of sequence product.In this regard, each box in flowchart or block diagram can generation
A part of one module, program segment or code of table, a part of the module, program segment or code include one or more use
The executable instruction of the logic function as defined in realizing.It should also be noted that in some implementations as replacements, being marked in box
The function of note can also occur in a different order than that indicated in the drawings.For example, two boxes succeedingly indicated are actually
It can be basically executed in parallel, they can also be executed in the opposite order sometimes, and this depends on the function involved.Also it to infuse
Meaning, the combination of each box in block diagram and or flow chart and the box in block diagram and or flow chart can be with holding
The dedicated hardware based system of functions or operations as defined in row is realized, or can use specialized hardware and computer instruction
Combination realize.
Being described in unit involved in the embodiment of the present application can be realized by way of software, can also be by hard
The mode of part is realized.Described unit also can be set in the processor, for example, can be described as: a kind of processor packet
Include the first implementing result transmission unit and the second implementing result transmission unit.Wherein, the title of these units is under certain conditions
The restriction to the unit itself is not constituted, for example, the first implementing result transmission unit is also described as " to execute wait adjust
The corresponding obtained implementing result of code of the examination page is sent to the unit of mobile terminal ".
As on the other hand, present invention also provides a kind of computer-readable medium, which be can be
Included in device described in above-described embodiment;It is also possible to individualism, and without in the supplying device.Above-mentioned calculating
Machine readable medium carries one or more program, when said one or multiple programs are executed by the device, so that should
Device: in response to detect be directed to the page to be debugged source code panel or control panel the first debugging request, with to
The corresponding code of the page to be debugged is loaded and executed in the corresponding thread of the debugging page, obtains implementing result, and will be acquired
Implementing result be sent to mobile terminal;In response to receive mobile terminal transmission page events information, with page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information received in the corresponding thread in face, obtains implementing result,
And obtained implementing result is sent to mobile terminal.
Above description is only the preferred embodiment of the application and the explanation to institute's application technology principle.Those skilled in the art
Member is it should be appreciated that invention scope involved in the application, however it is not limited to technology made of the specific combination of above-mentioned technical characteristic
Scheme, while should also cover in the case where not departing from foregoing invention design, it is carried out by above-mentioned technical characteristic or its equivalent feature
Any combination and the other technical solutions formed.Such as features described above has similar function with (but being not limited to) disclosed herein
Can technical characteristic replaced mutually and the technical solution that is formed.
Claims (17)
1. a kind of system for debugging the page, the computer equipment and movement for being provided with display including wireless network connection
Terminal, in which:
The computer equipment is configured to:
In response to detect be directed to the page to be debugged source code panel or control panel the first debugging request, with it is described
The corresponding code of the page to be debugged is loaded and executed in the corresponding thread of the page to be debugged, obtains implementing result, and will
Obtained implementing result is sent to the mobile terminal;
The page events information sent in response to receiving the mobile terminal, in thread corresponding with the page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information that is received, obtains implementing result, and by gained
To implementing result be sent to the mobile terminal;
The mobile terminal is configured to:
The implementing result sent in response to receiving the computer equipment based on the implementing result rendering received and is presented
The page to be debugged;
In response to detecting that user is directed to the operation of the page to be debugged, page events letter relevant to the operation is generated
Breath, and page events information generated is sent to the computer equipment.
2. system according to claim 1, in which:
The computer equipment is further configured to:
The page to be debugged is directed in the second debugging request of network panel, described in network panel load in response to detecting
The page to be debugged;
The network request detail information sent in response to receiving the mobile terminal, shows in the network panel and is received
Network request detail information;And
The mobile terminal is further configured to:
Network request detail information corresponding with the page to be debugged is sent to the computer equipment.
3. system according to claim 2, in which:
The computer equipment is further configured to:
The page to be debugged is directed in the third debugging request of application panel in response to detecting, is added in the application panel
Carry the page to be debugged;
The storage information data sent in response to receiving the mobile terminal is deposited described using what display in panel was received
Store up information data;And
The mobile terminal is further configured to:
Storage information data corresponding with the page to be debugged is sent to the computer equipment.
4. system according to claim 3, in which:
The computer equipment is configured to:
The page to be debugged is directed in the 4th debugging request of element panel, in the element panel opening in response to detecting
The page to be debugged, and the DOM Document Object Model dom tree of the page to be debugged is sent to the mobile terminal;
The dom tree sent in response to receiving the mobile terminal, rendered again based on the dom tree received and present it is described to
Debug the page;
The mobile terminal is configured to:
The dom tree sent in response to receiving the computer equipment is rendered based on the dom tree received and is presented described wait adjust
Try the page;
In response to detecting that the dom tree for being directed to the page to be debugged updates operation, updated dom tree is sent to the meter
Calculate machine equipment.
5. system according to any one of claims 1-4, wherein the mobile terminal and the computer equipment pass through set
It connects word and carries out data communication.
6. a kind of method for debugging the page, described to be used for applied to the computer equipment in the system for debugging the page
The system of the debugging page includes the computer equipment and mobile terminal for being provided with display of wireless network connection, the method packet
It includes:
In response to detect be directed to the page to be debugged source code panel or control panel the first debugging request, with it is described
The corresponding code of the page to be debugged is loaded and executed in the corresponding thread of the page to be debugged, obtains implementing result, and will
Obtained implementing result is sent to the mobile terminal;
The page events information sent in response to receiving the mobile terminal, in thread corresponding with the page to be debugged
The corresponding code of the page to be debugged is executed based on the page events information that is received, obtains implementing result, and by gained
To implementing result be sent to the mobile terminal.
7. according to the method described in claim 6, wherein, the method also includes:
The page to be debugged is directed in the second debugging request of network panel, described in network panel load in response to detecting
The page to be debugged;
The network request detail information sent in response to receiving the mobile terminal, shows in the network panel and is received
Network request detail information.
8. according to the method described in claim 7, wherein, the method also includes:
The page to be debugged is directed in the third debugging request of application panel in response to detecting, is added in the application panel
Carry the page to be debugged;
The storage information data sent in response to receiving the mobile terminal is deposited described using what display in panel was received
Store up information data.
9. according to the method described in claim 8, wherein, the method also includes:
In response to detecting that user is directed to the page to be debugged in the 4th debugging request of element panel, in the element panel
The page to be debugged is opened, and the DOM Document Object Model dom tree of the page to be debugged is sent to the mobile terminal;
The dom tree sent in response to receiving the mobile terminal, rendered again based on the dom tree received and present it is described to
Debug the page.
10. according to the method any in claim 6-9, wherein the mobile terminal and the computer equipment pass through
Socket carries out data communication.
11. it is a kind of for debugging the device of the page, it is described to be used for applied to the computer equipment in the system for debugging the page
The system of the debugging page includes the computer equipment and mobile terminal for being provided with display of wireless network connection, described device packet
It includes:
First implementing result transmission unit, is configured in response to detect for the page to be debugged in source code panel or control
First debugging request of panel processed loads in thread corresponding with the page to be debugged and executes the page pair to be debugged
The code answered obtains implementing result, and obtained implementing result is sent to the mobile terminal;
Second implementing result transmission unit is configured in response to receive the page events information that the mobile terminal is sent,
It is corresponding that the page to be debugged executed based on the page events information received in thread corresponding with the page to be debugged
Code, obtain implementing result, and obtained implementing result is sent to the mobile terminal.
12. device according to claim 11, wherein described device further include:
First page loading unit is configured in response to detect and ask for the page to be debugged in the second debugging of network panel
It asks, loads the page to be debugged in the network panel;
First display unit is configured in response to receive the network request detail information that the mobile terminal is sent, in institute
State the network request detail information that display is received in network panel.
13. device according to claim 12, wherein described device further include:
Second page loading unit is configured in response to detect the third tune for the page to be debugged in application panel
Examination request, loads the page to be debugged in the application panel;
Second display unit is configured in response to receive the storage information data that the mobile terminal is sent, answer described
With the received storage information data of display in panel.
14. device according to claim 13, wherein described device further include:
DOM Document Object Model transmission unit is configured in response to detect user for the page to be debugged in element panel
The 4th debugging request, the page to be debugged described in the element panel opening, and the dom tree of the page to be debugged is sent out
Give the mobile terminal;
Page rendering and display unit are configured in response to receive the dom tree that the mobile terminal is sent, based on being received
Dom tree render again and the page to be debugged be presented.
15. any device in 1-14 according to claim 1, wherein the mobile terminal and the computer equipment are logical
It crosses socket and carries out data communication.
16. a kind of computer equipment, comprising:
One or more processors;
Storage device is stored thereon with one or more programs,
When one or more of programs are executed by one or more of processors, so that one or more of processors
Realize the method as described in any in claim 6-10.
17. a kind of computer readable storage medium, is stored thereon with computer program, wherein the computer program is by one
Or multiple processors realize the method as described in any in claim 6-10 when executing.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811458512.7A CN109558323B (en) | 2018-11-30 | 2018-11-30 | System, method and apparatus for debugging pages |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811458512.7A CN109558323B (en) | 2018-11-30 | 2018-11-30 | System, method and apparatus for debugging pages |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109558323A true CN109558323A (en) | 2019-04-02 |
CN109558323B CN109558323B (en) | 2022-04-12 |
Family
ID=65868442
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811458512.7A Active CN109558323B (en) | 2018-11-30 | 2018-11-30 | System, method and apparatus for debugging pages |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109558323B (en) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111092906A (en) * | 2019-12-27 | 2020-05-01 | 广州市百果园网络科技有限公司 | Network data display method, device, storage medium, equipment and system |
CN111818046A (en) * | 2020-07-08 | 2020-10-23 | 北京百度网讯科技有限公司 | Method, device, equipment and storage medium for interacting information |
CN112069060A (en) * | 2020-08-13 | 2020-12-11 | 北京达佳互联信息技术有限公司 | Data processing method and device, electronic equipment and storage medium |
CN113220571A (en) * | 2021-05-11 | 2021-08-06 | 北京百度网讯科技有限公司 | Debugging method, system, equipment and storage medium of mobile webpage |
CN113505070A (en) * | 2021-07-13 | 2021-10-15 | 中原银行股份有限公司 | Code debugging method, mobile terminal and computer equipment |
CN114490383A (en) * | 2022-01-25 | 2022-05-13 | 阿里巴巴(中国)有限公司 | Remote debugging system, remote debugging method, computing device and readable medium |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1922609A (en) * | 2004-02-19 | 2007-02-28 | 高通剑桥有限公司 | Rendering a user interface |
CN103365764A (en) * | 2012-03-27 | 2013-10-23 | 百度在线网络技术(北京)有限公司 | Wireless page test method and unit |
CN103377127A (en) * | 2012-04-28 | 2013-10-30 | 阿里巴巴集团控股有限公司 | Development testing system, testing method and device for webpage product |
US20160154771A1 (en) * | 2012-11-13 | 2016-06-02 | Beijing Qihoo Technology Company Limited | Method and device for browser to process page element |
CN108280027A (en) * | 2018-02-08 | 2018-07-13 | 金蝶软件(中国)有限公司 | A kind of concurrently debugging rendering intent and device of script |
-
2018
- 2018-11-30 CN CN201811458512.7A patent/CN109558323B/en active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1922609A (en) * | 2004-02-19 | 2007-02-28 | 高通剑桥有限公司 | Rendering a user interface |
CN103365764A (en) * | 2012-03-27 | 2013-10-23 | 百度在线网络技术(北京)有限公司 | Wireless page test method and unit |
CN103377127A (en) * | 2012-04-28 | 2013-10-30 | 阿里巴巴集团控股有限公司 | Development testing system, testing method and device for webpage product |
US20160154771A1 (en) * | 2012-11-13 | 2016-06-02 | Beijing Qihoo Technology Company Limited | Method and device for browser to process page element |
CN108280027A (en) * | 2018-02-08 | 2018-07-13 | 金蝶软件(中国)有限公司 | A kind of concurrently debugging rendering intent and device of script |
Non-Patent Citations (3)
Title |
---|
OADAM92: "远程调试工具weinre使用教程", 《CSDN,HTTPS://WWW.CNBLOGS.COM/OADAM92/P/4377364.HTML》 * |
陈晓前等: "ASP网站静态化技术研究", 《新乡学院学报:自然科学版》 * |
黑马程序员编著,ISBN号 :978-7-113-24768-3: "《jQuery前端开发实战教程》", 31 October 2018 * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111092906A (en) * | 2019-12-27 | 2020-05-01 | 广州市百果园网络科技有限公司 | Network data display method, device, storage medium, equipment and system |
CN111818046A (en) * | 2020-07-08 | 2020-10-23 | 北京百度网讯科技有限公司 | Method, device, equipment and storage medium for interacting information |
CN112069060A (en) * | 2020-08-13 | 2020-12-11 | 北京达佳互联信息技术有限公司 | Data processing method and device, electronic equipment and storage medium |
CN113220571A (en) * | 2021-05-11 | 2021-08-06 | 北京百度网讯科技有限公司 | Debugging method, system, equipment and storage medium of mobile webpage |
CN113220571B (en) * | 2021-05-11 | 2024-04-19 | 北京百度网讯科技有限公司 | Method, system, equipment and storage medium for debugging mobile webpage |
CN113505070A (en) * | 2021-07-13 | 2021-10-15 | 中原银行股份有限公司 | Code debugging method, mobile terminal and computer equipment |
CN114490383A (en) * | 2022-01-25 | 2022-05-13 | 阿里巴巴(中国)有限公司 | Remote debugging system, remote debugging method, computing device and readable medium |
Also Published As
Publication number | Publication date |
---|---|
CN109558323B (en) | 2022-04-12 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109558323A (en) | For debugging system, the method and apparatus of the page | |
US8996921B2 (en) | Indicating coverage of Web application testing | |
AU2018203252A1 (en) | Systems and methods for processing web page data | |
CN108958992A (en) | test method and device | |
CN108647141A (en) | Automatic test approach, device, computer-readable medium and electronic equipment | |
CN110020329B (en) | Method, device and system for generating webpage | |
WO2020143557A1 (en) | Method and device for displaying information | |
CN110716853A (en) | Test script recording method, application program testing method and related device | |
CN106874519A (en) | Webpage representation method and apparatus | |
CN109582317A (en) | Method and apparatus for debugging boarding application | |
CN107729246A (en) | For the auxiliary test methods of intended application, device, equipment and storage medium | |
CN110598135A (en) | Network request processing method and device, computer readable medium and electronic equipment | |
CN109902446A (en) | Method and apparatus for generating information prediction model | |
CN109684571A (en) | A kind of collecting method and device, storage medium | |
CN109582580A (en) | For debugging system, the method and apparatus of the page | |
CN107347093A (en) | Collocation method and device for distributed server system | |
CN109218041A (en) | Request processing method and device for server system | |
CN109918146A (en) | Page generation method and device | |
CN108763881A (en) | Method and apparatus for controlling user right | |
CN109857473A (en) | A kind of loading method and device of page data | |
CN110827037A (en) | Data interaction method and device based on block chain | |
CN109145591A (en) | The plug-in loading method of application program | |
CN109614603A (en) | Method and apparatus for generating information | |
CN111338928A (en) | Chrome-based browser testing method and device | |
CN111222067B (en) | Information generation method and device |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |