CN103595742B - A method and an apparatus for debugging webpage CSS - Google Patents
A method and an apparatus for debugging webpage CSS Download PDFInfo
- Publication number
- CN103595742B CN103595742B CN201210289029.7A CN201210289029A CN103595742B CN 103595742 B CN103595742 B CN 103595742B CN 201210289029 A CN201210289029 A CN 201210289029A CN 103595742 B CN103595742 B CN 103595742B
- Authority
- CN
- China
- Prior art keywords
- css
- webpage
- debugging
- file
- browser
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 47
- 230000008859 change Effects 0.000 claims abstract description 46
- 239000002253 acid Substances 0.000 claims description 42
- 238000012986 modification Methods 0.000 claims description 42
- 230000004048 modification Effects 0.000 claims description 42
- 238000012544 monitoring process Methods 0.000 claims description 20
- 238000012545 processing Methods 0.000 claims description 19
- 238000004891 communication Methods 0.000 claims description 15
- 230000008569 process Effects 0.000 claims description 15
- 230000000694 effects Effects 0.000 claims description 14
- 238000000151 deposition Methods 0.000 claims description 3
- 241001502122 Pyrrhocoris apterus Species 0.000 description 10
- 238000013461 design Methods 0.000 description 6
- 230000005540 biological transmission Effects 0.000 description 5
- 238000012217 deletion Methods 0.000 description 4
- 230000037430 deletion Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 2
- 239000000203 mixture Substances 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 241001101720 Murgantia histrionica Species 0.000 description 1
- 241000282485 Vulpes vulpes Species 0.000 description 1
- 230000000977 initiatory effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000035800 maturation Effects 0.000 description 1
- 235000008954 quail grass Nutrition 0.000 description 1
- 238000007634 remodeling Methods 0.000 description 1
- 230000007480 spreading Effects 0.000 description 1
Landscapes
- Debugging And Monitoring (AREA)
Abstract
The embodiment of the application discloses a method for debugging webpage cascading style sheets (CSS). The method comprises following steps: S1 sensing change from a front-end debugging tool to a CSS in a webpage in an browser loading the webpage; S2 transmitting sensed change information of the CSS to an edit tool of the CSS file corresponding to the webpage; and S3 displaying the received CSS change information in the edit tool according to the subordination inheritance relation contained in the CSS file in order to edit the CSS file. The embodiment of the application also provides a device for debugging webpage CSS. The method and the apparatus for debugging webpage CSS are capable of synchronizing the change from the front-end debugging tool to the webpage CSS with the edit tool of the CSS file so as to apply the webpage CSS change to a CSS file in a rear-end webpage server, thereby easily achieving webpage CSS debugging.
Description
Technical field
The application is related to network communication technology field, and more particularly, to one kind is for webpage css (cascading style
Sheets, CSS) method and device debugged.
Background technology
Css is a kind of computer mark language, and it is responsible for the performance of web page contents in standard web page design.With respect to biography
For the performance of system html, css can carry out the precise control of Pixel-level to the position typesetting of each display object in webpage,
Hold almost all of font, font size, pattern, and preliminary interaction design can be carried out, be that to be currently based on textual presentation classic
One of performance design language.During css plays web page contents performance effect, by developer (such as webpage design people
Member) the css file developed is stored in the web page server of rear end although it must be using css as suffix, but simultaneously can be by
It is understood as a text including various css marks；This css file and then can be adjusted by browser in client
With, load and directly executed (need not compile), thus by the effect plays showing desired by developer in a browser
Browse for user.
Before css file is formally applied to a certain webpage, there is a need to and it is debugged, by contrasting actual exhibition
Show the difference between effect and Expected Results come constantly improved, perfect.Css debugging way general at present is: will utilize
Deposit together with css file that css developing instrument (such as eclipse) is developed other necessary files related to a certain webpage to be presented
It is put on the web page server of rear end；Described webpage to be presented is loaded by browser, show in the webpage of this loading with described
The corresponding bandwagon effect of css file；Recall the front end css debugging acid (such as firebug) being built in described browser,
Show the content of webpage css using this instrument while displaying web page through browser；By compareing described webpage in a browser
Display effect, using described front end css debugging acid webpage css is modified, deletes, adds etc. change operation；Record
Described front end css debugging acid operates to the change of webpage css, and using aforesaid css developing instrument by after webpage css change
Content be copied and pasted in the actual css file deposit in rear end web page server.
As shown in the above, current webpage css debugging process is quite loaded down with trivial details, and the change behaviour of front end debugging acid
It is unable to real-time synchronization in the css file of rear end web page server, once the webpage that browser is loaded in debugging process
When it is unexpected that generation refresh or close, all of change operation all can be eliminated；In addition, completing to become in front end debugging acid
When more operating the css file then needing that these are applied the changes to rear end web page server, also to rely on traditional answering manually
Bonding method processed, operation quite inconvenience.
Content of the invention
Embodiments herein aims to provide a kind of method and device of debugging webpage css, is adjusted with solving current webpage css
Examination exist process loaded down with trivial details, be unable to real-time synchronization and operation inconvenience the problems such as.
For achieving the above object, embodiments herein provides a kind of method of debugging webpage css, the method include with
Lower step:
S1. the change of css during monitoring front end debugging acid is to described webpage in the browser loading webpage；
S2. the css listening to modification information is sent to the edit tool of css file corresponding with described webpage；
S3. the institute receiving according to the subordinate inheritance displaying that described css file is comprised in described edit tool
State css modification information, for edlin is entered to described css file.
Embodiments herein also provides a kind of device of debugging webpage css, and this device includes:
Monitor module, for monitor in the browser loading webpage front end debugging acid to described webpage in css change
More；
Communication module, the css modification information for listening to described monitoring module is sent to corresponding with described webpage
The edit tool of css file；
Processing module, shows according to the subordinate inheritance that described css file is comprised in described edit tool and receives
The described css modification information arriving, for entering edlin to described css file.
As shown from the above technical solution, the embodiment of the present application debugs the method and device of webpage css, can will listen to
Front end debugging acid is synchronized to the edit tool of css file to the change of webpage css, such that it is able in real time by the change of webpage css
More it is applied in the css file of rear end web page server, advantageously achieve the debugging of webpage css.
Brief description
Fig. 1 debugs embodiment of the method one flow chart of webpage css for the application；
Fig. 2 debugs embodiment of the method two flow chart of webpage css for the application；
Fig. 3 debugs the device embodiment structure chart of webpage css for the application.
Specific embodiment
The specific embodiment of the application is described more fully below.It should be noted that the embodiments described herein is served only for illustrating
Illustrate, be not limited to the application.
The method that the application debugs webpage css, is to deposit in rear end webpage for being applied to the change of front end webpage css
In css file corresponding to the webpage of server, Fig. 1 is embodiment one flow chart of the method, as illustrated, the present embodiment is adjusted
The method of examination webpage css comprises the following steps s101-s103.
S101. the change of css during monitoring front end debugging acid is to webpage in the browser loading webpage；
S102. the css listening to modification information is sent to the edit tool of css file；
Description with reference to the application background section understands, at present the common practice of debugging webpage css is first before record
The change that end debugging acid is done to css, recycles css developing instrument (also referred herein as edit tool) root after the completion of waiting to change
According to above-mentioned record, the content after changing is replicated in the css file pasting backstage manually.And the technical scheme in the present embodiment
In, the css change that step s101 can be carried out to front end debugging acid in loading the browser of webpage is monitored, and one
Denier listens to any change, and and then the css listening to modification information just can be sent to css file by step s102 in real time
Edit tool in.
S103. the css change letter receiving is shown in edit tool according to the subordinate inheritance that css file is comprised
Breath, for entering edlin to css file.
Description with reference to the application background section understands, in the debugging process of current webpage css, even if obtaining
Front end debugging acid is directed to the complete change record of webpage css, but is needing for these to apply the changes to rear end web page server
Css file when, still to rely on manual duplication bonding method.And in the technical scheme of the present embodiment, step s103 can
In the past terminate the css modification information receiving to show according to the subordinate inheritance that css file is comprised in edit tool,
The edit operations such as modification corresponding with modification information, increase, deletion can be provided simultaneously.
In sum, the method debugging webpage css based on the present embodiment, commissioning staff is directed to net in the debugging acid of front end
The page change made of css, not only can real-time synchronization on the edit tool of css file, and these changes can be according to css
The subordinate inheritance that file itself is comprised is shown, thus content and the position of change will be produced in corresponding css file
Clear, be explicitly shown in edit tool；Pass through to add corresponding modification, increasing at shown content and position simultaneously
Plus, delete etc. edit operation option (such as menu or button), not only can be clear that in css file by this commissioning staff
Produce content and the position of change, and css file can be carried out simply by the edit operation option of above-mentioned offer
Editor, thus advantageously complete the debugging of webpage css.
Fig. 2 is embodiment of the method two flow chart of the debugging webpage css of the application, as illustrated, the method for the present embodiment
Comprise the following steps s201-s206.
S201, using browser load deposit in the webpage of rear end web page server and shown, simultaneously utilize built-in
Front end debugging acid in browser shows the css included in webpage；
S202, comparison webpage display effect in a browser are changed to css using front end debugging acid；
Referring to the application background section description understand, css be one kind do not need compiling and can be straight by browser
Connect the language of execution.With regard to css for webpage plays the effect of expression effect, it is segmented into two parts: a part is rear end
The css file deposited, is developed by developer (such as webpage design personnel) and and other useful files related to webpage
(such as pagefile, database file etc.) is deposited on the web page server of rear end together；Another part is that front end shows
Webpage css, specifically, the browser being in front end for the web page server of rear end is being operated by input address etc.
When loading the above-mentioned Webpage depositing in rear end web page server, just can directly invoke and equally deposit in rear end web page server
Css file, by its corresponding expression effect be shown in browser loading Webpage in, deposit in rear end with respect to aforementioned
The actual css file of web page server, this part showing in a browser can be referred to as webpage css.
For above-mentioned webpage css, in correlation technique, have been provided with the front end debugging acid of maturation.With firefox (red fox)
As a example browser, just there is the exploitation class plug-in unit of a entitled firebug, its collection html checks and edits, javascript controls
Platform, network condition detector, in one, are one of efficient tool of exploitation javascript, css and html etc..Using
Firefox browser cooperation this kind of front end of firebug debugging acid (plug-in unit), can appear clearly from while showing webpage
Css included in webpage, and by compareing the display effect of webpage, webpage css can be changed, to reach expected css
Expression effect.However, the change that front end debugging acid is carried out to webpage css is only disposable, once browser loads
Webpage be refreshed or close, had altered and all can be eliminated.Therefore, want to make the css of front end debugging acid to change forever
Play a role in addition it is also necessary to apply the changes to these on actual css file of rear end web page server.It is logical in correlation technique
Cross and replicate the mode pasted manually to complete the above-mentioned application process being altered to rear end css file from front end css, not only process is numerous
Trivial and there is workload and repeat that (for example, browser refreshes because unexpected or cuts out, institute in front end debugging acid change css
Have altered operation will re-start) risk, and in the present embodiment be by subsequent step Lai in real time, automatically, advantageously complete
Become this application.
Based on the above, for step s201-s202, in one embodiment, above-mentioned browser can be
Firefox browser, corresponding front end debugging acid can be firebug plug-in unit, and follow-up step will continue this embodiment
It is described.But skilled person will appreciate that, the enforcement of above-mentioned browser and front end debugging acid is not limited to that, for example
Browser can also be chrome browser, ie browser and opera browser etc., and uses with these browsers collocation
Front end debugging acid can be for example firebug lite etc., in the condition without departing from spirit herein and essential scope
Under, those skilled in the art can do arbitrary replacement and change.
S203, the in a browser change to css in webpage for the monitoring front end debugging acid；
S204, by socket (socket) request the css listening to modification information is sent to editor's work of css file
Tool；
Different from the current css file that will apply the changes to again after front end debugging acid completes to the change of css, this reality
Apply in a step s203 css change being front end debugging acid is done to be monitored in real time.In one embodiment, step
The monitoring of s203 can be realized by built-in plug-in unit in a browser.Still, built-in with it taking firefox browser as a example
Firebug plug-in unit is similar to as front end debugging acid, may be otherwise built-in monitoring plug-in unit in firefox browser, and this is inserted
Part spreads over firebug.In one embodiment, above-mentioned monitoring plug-in unit specifically can monitor css editor in firebug
The set (setting) of (css editing machine) upper css and remove (removing) event, when using firebug in browsing device net page debugging
Css and when triggering set and remove event, this monitoring plug-in unit can listen to the concrete modification information of webpage css, and then as walked
Described in rapid s204, css modification information is sent to the edit tool of css file.
For the transmission in step s204, in one embodiment, above-mentioned monitoring plug-in unit specifically can pass through socket
The mode of request carries out the transmission of css modification information.Here, the above-mentioned socket communication referring to is a kind of than http more bottom
Communication mode, and unlike http, socket communication belongs to long connection, after connection establishment, just can be in client
Carry out real-time, two-way between (correspond to herein and monitor plug-in unit) and server end (corresponding to css Document Editing instrument) herein
Data transmit-receive.Specifically, described monitoring plug-in unit can be by initiating socket request and in request to css Document Editing instrument
In carry the transmission to realize step s204 of the mode of described css modification information.However, skilled person will appreciate that, from clear
Device of looking at sends css modification information to edit tool and is not limited to socket communication mode described herein, without departing from the application
On the premise of spirit and essential scope, those skilled in the art can do suitable change.For example, can also adopt in one embodiment
Realize the transmission of css modification information with the mode of http communication, specifically can develop weblication based on http and make
By processing the server end of the sent information of client, this weblication may also provide the specific page for showing simultaneously
Data processed result, for example process successfully, corresponding css file do not exist etc..
S205, in edit tool to receive socket request carry out data processing, with carry in being asked
Css modification information；
S206, the subordinate inheritance displaying css modification information being comprised according to css file in edit tool, and carry
For edit operations such as modification corresponding with modification information, increase, deletions.
S207, show that the process related to the edited result of css file is successfully pointed out in edit tool, or process
Failure and/or the prompting of failure cause.
With respect to being built in the browser of front end for for described front end debugging acid that webpage css is debugged,
Here edit tool refers to the css file depositing in rear end web page server is entered with the instrument of edlin.Even so, this is simultaneously
Do not mean that this edit tool also must be located on the web page server of rear end together with css file；In one embodiment, edit
Instrument can be installed on same computer with browser, and by remote access mode come on the web page server of rear end
Css file enter edlin, thus commissioning staff on one computer just can achieve using front end debugging acid to webpage css
Debugged and using edit tool, edlin is entered to css file；In another embodiment, edit tool and browser be also
Can be installed along with web page server, thus can complete to the debugging of webpage css and to css on web page server
The editor of file.
Continue, in one embodiment, described edit tool can think the exploitation program of css file, for example
Eclipse, aptana, netbeans, intellij idea etc..Develop and be based on for realizing step s203 similar to aforementioned
The monitoring plug-in unit of firefox browser, in one embodiment, here for the data processing realizing step s205 it is also possible to
The process plug-in unit of correlation is set under the framework of edit tool, and the such as plug-in unit based on eclipse framework, for easy description
Purpose, is hereinafter all described taking this eclipse plug-in unit as a example.
Further, this eclipse plug-in unit can receive the socket request that above-mentioned monitoring plug-in unit sends, and carries out at data
Reason and obtain the css modification information entrained by this request, and then make eclipse can according to css file itself comprised from
Belong to the css change that inheritance to show correlation in detail.Specifically, based on developer according to different web pages need for exhibition institute
The different designs carrying out, each css file has subordinate inheritance specific to itself, such as taking following code as a example:
Wherein " lw1 " and " td " is it is considered that belong to the selector under this css file, corresponding to two on webpage
Class attribute, and corresponding " color, width " and " ling-height, padding " respectively under this two class attributes
Two groups of different property values.The subordinate that the summation of all these corresponding relations just can be understood as this css file itself inherits pass
System.
Continue, the description referring to the application background section understands, under debugging way common at present, due to front end
The mode that the css change that debugging acid is carried out under browser must manually replicate stickup to be applied to rear end webpage clothes
In the css file of business device, commissioning staff needs the editor by the operation that compares one by one to carry out css file, do not simply fail to by
Subordinate inheritance according to css file to embody the content of css change, and tends to produce careless omission；And in the present embodiment
In, not only can be adjusted to front end real-time reception at the monitoring plug-in unit of front end firefox browser by above-mentioned eclipse plug-in unit
The made css modification information of trial work tool, but also can by data processing by these modification informations according to current css file certainly
The subordinate inheritance of body is illustrated in eclipse, thus clear, clearly show front end debugging acid to webpage css institute
The change carrying out.
In one embodiment, according to css file itself subordinate inheritance, above-mentioned eclipse plug-in unit is showing that css becomes
On the basis of more information, may also provide the edit operation options such as modification corresponding with modification information, increase, deletion.For example,
Eclipse plug-in unit can show the corresponding position of modification information in the css file that eclipse opens, setting one with
Corresponding selection menu or button is changed, commissioning staff, just can be by eclipse plug-in unit by clicking menu or button at this at this
Accordingly automatically accept or do not accept change herein, or carry out the edit operations such as other optional modification, increase, deletions,
Thus neatly meeting the debugging demand of multiple levels.
In one embodiment, above-mentioned eclipse plug-in unit may also provide the result displaying work(of css modification information
Energy.For example, when eclipse receives, based on above-mentioned eclipse plug-in unit, the editor that css modification information completes css file,
Eclipse plug-in unit can show the prompting of similar " processing successfully "；And in eclipse, css is received based on eclipse plug-in unit and become
When more information cannot complete the editor of css file, eclipse plug-in unit can show prompting and/or the pass of similar " processing failure "
Prompting in failure concrete reason (for example there is not the css file of correlation).
Corresponding to the embodiment of the method for above-mentioned debugging webpage css, the application also provides a kind of device of debugging webpage css,
It is used for the change of front end webpage css is applied to the css file corresponding to the webpage leaving rear end web page server in.Fig. 3
For the example structure figure of this device, as illustrated, the device debugging webpage css in the present embodiment includes browser 31, front end
Debugging acid 32, monitoring module 33, communication module 34 and edit tool 35, processing module 36 and reminding module 37.Wherein, browse
Device 31 is used for showing webpage 300；Front end debugging acid 32 is built in browser 31 and for showing included in webpage 300
Css 301, so that comparison webpage 300 display effect in a browser is become to css 301 using front end debugging acid 32
More；Monitor module 33, be also built in browser 31, for monitoring debugging work in front end in the browser 31 loading webpage 300
Tool 32 changes to css 301 in webpage 300；Communication module 34, is equally built in browser 31 and connects with monitoring module 33
Connect, the css modification information that it is used for listening to monitoring module 33 is sent to the edit tool 35 of css file 302, in a reality
Apply in example, communication module 34 is to send the css modification information listening to by way of socket asks；Processing module 36, interior
It is placed in edit tool 35, receive for making edit tool 35 show according to the subordinate inheritance that css file 302 is comprised
Css modification information, for edlin is entered to css file 302；Reminding module 37, is connected with processing module 36, and for compiling
Collect and in instrument 35, show that the process related to the result that processing module 36 enters edlin to css file 302 is successfully pointed out, or
Processing failure and/or the prompting of failure cause.
In one embodiment, receiver module 38 and data module 39 are also included in above-mentioned edit tool 35；Receiver module
38 are used for receiving the socket request of communication module 34 transmission, and the socket that data module 39 is used for receiver module 38 is received please
Ask and carry out data processing, to obtain the css modification information carrying in socket request, be used for subsequently being located for processing module 36
Reason.
With reference to above debug webpage css embodiment of the method described in, in one embodiment, edit tool 35 can with clear
Device 31 of looking at is installed on same computer, and by remote access mode come to the css file on the web page server of rear end
302 enter edlin, thus commissioning staff just can achieve using front end debugging acid 32 to webpage css 301 on one computer
Debugged and using edit tool 35, edlin is entered to css file 302；In another embodiment, edit tool 35 with
Browser 31 can also be installed along with web page server, thus can complete to webpage css301's on web page server
Debugging and the editor to css file 302.Continue, in one embodiment, browser 31 described herein can be
Firefox browser, front end debugging acid 32 can be embedded into the firebug plug-in unit in firefox browser, monitors module 33
Combination with communication module 34 can correspond to the monitoring plug-in unit spreading over firebug plug-in unit under firefox browser frames,
Edit tool 35 can be eclipse, processing module 36, reminding module 37, receiver module 38 and data module 39 combination can
With a corresponding eclipse plug-in unit.However, the embodiment of said apparatus is not limited to that, without departing from the application spirit and
On the premise of essential scope, those skilled in the art can do suitable change.
In sum, the method and device of the debugging webpage css that the embodiment of the present application provides, can be by the front end listening to
Debugging acid is synchronized to the edit tool of css file to the change of webpage css, such that it is able to answer the change of webpage css in real time
For, in the css file of rear end web page server, advantageously achieving the debugging of webpage css.And, can by above-described embodiment
Know, on the one hand, the application debugs each step of method and its entirety of webpage css, can correspond to be stored in computer-readable
Computer executable instructions in storage medium and its computer executable program of composition；And on the other hand, the application debugs
The device of webpage css, then can correspond to be embedded with and in order to execute each several part of above computer executable program or instruction
Computer hardware and its set of hardware of composition.
Although exemplary embodiment describing the application with reference to several, it is to be understood that, term used is explanation and shows
Example property and nonrestrictive term.Because the application can be embodied as the spirit without deviating from application or reality in a variety of forms
Matter, it should therefore be appreciated that above-described embodiment is not limited to any aforesaid details, and the spirit that should be limited in appended claims
Widely explain with scope, therefore fall into the whole changes in claim or its equivalent scope and remodeling all should be the power of enclosing
Profit requires to be covered.
Claims (10)
1. a kind of method of debugging webpage CSS css, for after being applied to the change of css in the webpage of front end and depositing in
In the css file of end web page server, the method comprises the following steps:
S1. the change of css during monitoring front end debugging acid is to described webpage in the browser loading webpage；
S2. the css listening to modification information is sent to the edit tool of described css file corresponding with described webpage；
S3. the described css receiving according to the subordinate inheritance displaying that described css file is comprised in described edit tool
Modification information, for entering edlin to described css file.
2. the method for debugging webpage css as claimed in claim 1, wherein, also includes before described step s1:
Load described webpage using described browser, and show institute using the described front end debugging acid being built in described browser
State the css included in webpage, and then compare display effect in described browser for the described webpage and utilize the debugging of described front end
Instrument changes to described css.
3. the method for debugging webpage css as claimed in claim 1, wherein, described step s2 includes:
The css modification information listening to described in sending by way of socket is asked.
4. the method for debugging webpage css as claimed in claim 3, wherein, also includes between described step s2 and s3:
In described edit tool, data processing is carried out to the socket request receiving, to obtain taking in described socket request
The described css modification information of band.
5. the method for debugging webpage css as claimed in claim 3, wherein, also includes after described step s3:
Show that the process related to the edited result of described css file is successfully pointed out in described edit tool, or process
Failure and/or the prompting of failure cause.
6. a kind of device of debugging webpage css, deposits in rear end web service for being applied to the change of css in the webpage of front end
In the css file of device, this device includes:
Monitor module, for monitor in the browser loading webpage front end debugging acid to described webpage in css change；
Communication module, the css modification information for listening to described monitoring module is sent to corresponding with described webpage described
The edit tool of css file；
Processing module, receives according to the subordinate inheritance displaying that described css file is comprised in described edit tool
Described css modification information, for entering edlin to described css file.
7. the device of debugging webpage css as claimed in claim 6, wherein, described browser is used for loading described webpage；Described
Front end debugging acid is built in described browser and for showing the css included in described webpage, for compareing described net
Page display effect in a browser is changed to described css using described front end debugging acid.
8. the device of debugging webpage css as claimed in claim 6, wherein, described communication module is asked by socket
Mode send described in the css modification information that listens to.
9. the device of debugging webpage css as claimed in claim 8, wherein, also includes being built in connecing in described edit tool
Receive module and data module；Described receiver module is used for receiving the socket request that described communication module sends；Described data mould
The socket request that block is used for described receiver module is received carries out data processing, with obtain carrying in described socket request
Described css modification information.
10. the device of debugging webpage css as claimed in claim 6, wherein, also includes reminding module, in described editor
Show in instrument that the process related to the result that described processing module enters edlin to css file is successfully pointed out, or process
Failure and/or the prompting of failure cause.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210289029.7A CN103595742B (en) | 2012-08-14 | 2012-08-14 | A method and an apparatus for debugging webpage CSS |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210289029.7A CN103595742B (en) | 2012-08-14 | 2012-08-14 | A method and an apparatus for debugging webpage CSS |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103595742A CN103595742A (en) | 2014-02-19 |
| CN103595742B true CN103595742B (en) | 2017-01-18 |
Family
ID=50085724
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210289029.7A Active CN103595742B (en) | 2012-08-14 | 2012-08-14 | A method and an apparatus for debugging webpage CSS |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103595742B (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104933142B (en) * | 2015-06-18 | 2018-05-04 | 北京奇虎科技有限公司 | Animated show method and apparatus |
| CN104978194B (en) * | 2015-06-25 | 2018-06-05 | 北京京东尚科信息技术有限公司 | A kind of webpage front-end development approach and device |
| CN104978277B (en) * | 2015-07-30 | 2018-12-11 | 北京百度网讯科技有限公司 | For debugging the method, terminal and server of the page |
| CN106997321A (en) * | 2016-01-25 | 2017-08-01 | 阿里巴巴集团控股有限公司 | CSS adjustment methods and device |
| CN107729232A (en) * | 2017-09-27 | 2018-02-23 | 深圳市赛亿科技开发有限公司 | A kind of script debugging method and device based on JS |
| CN114500029A (en) * | 2022-01-21 | 2022-05-13 | 高途教育科技集团有限公司 | Data access method and device, electronic equipment and storage medium |
| CN119046175B (en) * | 2024-11-04 | 2025-02-18 | 杭州玳数科技有限公司 | Page debugging method, device, equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101425062A (en) * | 2007-10-31 | 2009-05-06 | 国际商业机器公司 | Method and device for generating document content and showing configuration file |
| US7693840B1 (en) * | 2004-07-30 | 2010-04-06 | Sprint Communications Company L.P. | Method and system for distribution of common elements |
| WO2011067531A1 (en) * | 2009-12-01 | 2011-06-09 | Shoopz | Method for dynamically modifying the rendering of a web page |
| CN102346619A (en) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | Network television for user to customize user interface (UI) and customization method for network television |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP4298737B2 (en) * | 2006-10-23 | 2009-07-22 | キヤノン株式会社 | Information processing apparatus, information processing method, display apparatus, and display apparatus control method |
| US8640104B2 (en) * | 2009-12-08 | 2014-01-28 | International Business Machines Corporation | Computer method and apparatus for debugging in a dynamic computer language |
-
2012
- 2012-08-14 CN CN201210289029.7A patent/CN103595742B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7693840B1 (en) * | 2004-07-30 | 2010-04-06 | Sprint Communications Company L.P. | Method and system for distribution of common elements |
| CN101425062A (en) * | 2007-10-31 | 2009-05-06 | 国际商业机器公司 | Method and device for generating document content and showing configuration file |
| WO2011067531A1 (en) * | 2009-12-01 | 2011-06-09 | Shoopz | Method for dynamically modifying the rendering of a web page |
| CN102346619A (en) * | 2010-07-29 | 2012-02-08 | 深圳Tcl新技术有限公司 | Network television for user to customize user interface (UI) and customization method for network television |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103595742A (en) | 2014-02-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103595742B (en) | A method and an apparatus for debugging webpage CSS | |
| CN110908879B (en) | Reporting method, reporting device, reporting terminal and recording medium of buried point data | |
| CN101662493B (en) | Data acquiring method, system and server of user access path | |
| CN103729425B (en) | Operate response method, client, browser and system | |
| CN103491169B (en) | Method and system for uploading and downloading files | |
| US20110252305A1 (en) | Capturing the visual content of browser windows | |
| CN104636146A (en) | Online visual customizing method and system | |
| CN104504160B (en) | The online batch wiring method of Excel document based on SSH frames | |
| CN104978194A (en) | Web page front-end development method and apparatus | |
| CN107291560A (en) | A kind of content of smart machine determines method and apparatus | |
| CN105760159A (en) | Website developing method and system | |
| CN106095460B (en) | Realize that terminal embeds the system and method for browser optimization webpage load | |
| CN103077453A (en) | Method and system for analyzing data by multiple-people cooperative work | |
| CN103678343B (en) | The method and apparatus of prompting webpage load progress | |
| CN109862064A (en) | A kind of configuration method and device for equipment remote monitoring | |
| CN106878361A (en) | A kind of adjustment method of the terminal applies page, device and client | |
| CN103729340A (en) | Method and device for editing table in webpage | |
| CN102970330A (en) | Browser interaction achievement method and device | |
| CN102253986A (en) | Method and device for improving webpage displaying effect in multiple terminals | |
| CN105975601A (en) | Webpage document online preview method | |
| CN104978203A (en) | Operation parameter loading method and device | |
| CN103399776A (en) | Creation method and system for reusable MOCK | |
| US9304844B2 (en) | System and method for preserving critical debug data in a portable computing device | |
| CN104065613B (en) | Synchronous method, system and the device of a kind of off-line operation data of application | |
| CN106294515A (en) | Promotion message treating method and apparatus |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1193277 Country of ref document: HK |
|
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| REG | Reference to a national code |
Ref country code: HK Ref legal event code: GR Ref document number: 1193277 Country of ref document: HK |