A few deeply realized web front-end development tools [GO]

A few deeply realized web front-end development tools [GO]

Transfer from http://blog.csdn.net/Haiwiky/archive/2008/10/19/3100287.aspx

Introduction of 2 front-end gadgets "color tool and measure distance tool"

1. Color Extraction Tool--takecolor

2. Measure distance tool (pixels)

Introduction download See also: http://www.css88.com/article.asp?id=483

Second, JavaScript debugger Venkman "Firefox plugin"

Third, IE webdeveloper V2.3.2.108: Click to download

A plugin for IE browser that allows the HTML DOM to be browsed, transmitted, and updated directly in the browser window. The software can analyze the Web page in real time and display it as a tree style that allows you to look at table styles, Java scripts, tables, and other page elements. The software can also highlight selected page elements interactively in the browser, so you can locate their code in the actual Web page.

See the detailed description: IE dom viewing tool, ie Web Developer V2 cracked version

Registration code: 88ZWT-71C2D4E621BD3D4A

Iv. Fiddler

A very powerful HTTP streaming viewing tool

http://www.fiddlertool.com/fiddler/

Wu, HttpWatch

Data analysis tool, header message Accept/Send view, post Data View. Wait a minute.

Http://www.httpwatch.com

VI, IE Developer Toolsbar

firebug.html and CSS Debugging tools under IE

http://www.windowsmarketplace.com/details.aspx?itemid=2695980

Seven, Companion.js

JavaScript debugging Tools under IE. the Gospel!

Http://www.my-debugbar.com/wiki/CompanioNJS/HomePage

Eight, FireBug

Strong no words have been .... If you don't know what this is .... Then I have nothing more to say ....

https://addons.mozilla.org/en-US/firefox/addon/1843

Nine, Web Developer

Firefox view tool, you can view js,css and other page information

Https://addons.mozilla.org/en-US/firefox/addon/60

Ten, YSlow

Why slow? page performance Optimization viewer. Based on Firebug

Http://developer.yahoo.com/yslow

Xi. Javascript Debugger

The JavaScript debugging tool under Firefox has more powerful debugging capabilities than Firebug.

https://addons.mozilla.org/en-US/firefox/addon/216

12. JavaScript Compression Tool

This program is written by Mike Hall, JavaScript compression is not to protect the code and compression, but the compression of the JS code file can be as small as one or more times, so that the JS code to quickly download to the client, especially the large JS file speed effect is very obvious. How to use:

Using the form below, you can condense the JavaScript code. Just paste any script code into the input text box, press the ' Compress ' button, and the condensed version will appear in ' Output '. Then you can use the ' select ' button to quickly check the ' output ' code, cut and paste into a new source file .

Click to view: http://www.css88.com/ysjs/ysjs.html

Reprint Please specify source: http://www.css88.com/

13. Front-end Development toolbox--color Capture tool (Colorpic)

Name: Colorpic

Size: 400k

: http://www.css88.com/article.asp?id=182

Note: Green, unzip can be used.

Characteristics:

With the concept of a scheme, multiple sets of scenarios can be established.

Powerful color plate function, a variety of ways to choose.

When absorbing color, local amplification (magnification ratio can be adjusted), easy to grasp the color of the small parts.

Use the Ctrl+g shortcut key to take the color.

：

14. XHTML, CSS, Standard code detection

Friends who make Web pages should have been there.

http://validator.w3.org/and http://jigsaw.w3.org/css-validator/. Now someone to integrate them together, make a site called "Xhtml-css Validator", click Next to "Advanced", you can also choose to verify the document type, CSS version and so on, interested can try.

XV Firefox Plugin

The front desk development I think must install Firefox plugin

1.CSSViewer 1.0.2

Look at the specific Dom Css,web developers can use.

2.Firebug 1.05

Debug JS's tool, but also some simple Dom Hook. It's cool.

The only drawback is to eat the resources, if not the debug time, it is best to disable it off

3.JSView 1.2.9

I am very important to see the current page of the site JS and CSS, which is important for developers.

4.Web Developer 1.1.3

Functionally, there may be some overlap with firebug, but it's also powerful.

16, Flash crack--ASV

The Action Script Viewer (ASV) parses the internal structure of the Flash file (. swf) file and decomposes the action scripts (action scripts), which supports Flash 3 4 5 and the latest MX-made SWF file, The action script can be saved as a text format, and the Flash file can be previewed at any time during the editing process. Version 4.0 supports Macromedia Flash 4, 5, MX, MX 2004 and Flash 8 SWF files.

ASV5 Detailed Tutorials

1. Open the. swf file that you want to "restore" from Action Script Viewer 5.0.

2. File menu > Export rebuild Data

File > Export Rebuild data (JSFL)

3. Export data to a specified folder

4. Open Flash, create a new Flash file and import all the swf/mp3/wav/flv files from the folder into the library (do not import into the scene

5. Save the file after confirmation, and name the file "Rebuild.fla". The purpose is to have the same name as the. jsfl file. Close the file when you save it.

6. Then open the "REBUILD.JSFL" file (do not open the command from Flash, the simple way is to double-click from the folder, the Flash Timeline/toolbar Flash)

Save the FLA file and publish it with Ctrl+enter.

Action Script Viewer 5.0 can restore Flash8 swf

The highest version currently available for download: Action Script Viewer v5.01 (click to download)

17. CSS shaping Tools--using Csstidy 1.2

When we write CSS style, we usually write according to some of our own habits, such as sometimes do not use style abbreviations, style formatting arbitrary, the size of the case (the other is capitalized) and so on; there is a CSS shaping tool called Csstidy 1.2 in the evening. You can use it, You can optimize the style you write, which is significant in terms of saving bytes; Click into the CSS Shaping tool csstidy 1.2

This article from Csdn Blog, reproduced please indicate the source: http://blog.csdn.net/Haiwiky/archive/2008/10/19/3100287.aspx

A few deeply realized web front-end development tools [GO]