[Import] web development utility browser (Tool) Plug-in

1. powerband
Powerband is an IE Plug-in (also supports myie2/Maxthon ). Provides HTML dynamic analysis, tracking, and editing functions. It can easily and quickly analyze the structure of HTML pages and help webpage designers/website developers debug and analyze obscure HTML code. This is my earliest HTML development auxiliary tool. Now it is version 2.1 and supports ASP. net viewstate decoding, supports debugview, similar to watch in VC, this function can display the detailed content of element objects in the page. Powerband also supports real-time script interaction.
Download powerband2.1

2. httpwatch

Httpwatch is a powerful plug-in IE. The main function of httpwatch is to monitor and analyze the network communication data through a browser, when you request a URL or submit a form in the address bar of your browser, httpwatch helps you analyze the head information of the HTTP request, the cookie information for accessing the page, and the detailed packet analysis of get and post, catch content analysis and querystring analysis. Do you want to know how to interact with the server data when using Gmail or any Ajax webpage? With this plug-in, you can see everything at a glance.

 
Download httpwatch3.2.0.63


Download registration Machine

3. ie developer 
The third toolbar plug-in is based on IE, but this is
Web development IE Toolbar released by Microsoft

To view and modify the Document Object Model (DOM) of a Web page ). You can use multiple technical methods to locate and select specific elements on a web page. Disable or activate Internet Explorer settings. View the class name,
ID

, And details such as the link path, Tab order, and shortcut keys. Outlines a table, cell, image, or selected tag. Displays the pixel, size, path, and alternative text of an image. Instantly redefines the browser window size to 800
X

600 or custom size. Clear the browser cache and cookie. The items to be cleared can be selected from all objects or a given domain. Direct access Association
W3C

Standard Reference, ie Development Team blog, or other sources. Display Design time scales to help align objects.
Official download

4. viewpage 
Viewpage is myie2/
Maxthon browser plug-in

This plug-in is not purely a development aid. It looks more like a resource extraction, which can easily extract the source code from the web page, including the source code of all frameworks, extracting images, Flash files, media files, and links. What I like most is to conveniently view the source code of all JS files contained in the page and the source code of all CSS files.
Download viewpage1.2 for Maxthon

5. Web development with Mozilla Firefox 
There are a lot of development tools and plug-ins in Firefox. Let's talk about Firefox's built-in tools first.
• View source code (View-> page source code). syntax highlighting is supported for viewing source code in Firefox. This function is unique.
• View page information (
Tools

-> Page information). This is a basic function, but it is a bit simple.
• JavaScript debugging platform, which is a special feature of Firefox and is not available in IE
• Dom viewer, built-in Dom analysis and viewing tools, suspect that both powerband and IE developer toolbar mimic Firefox.
Although the development auxiliary functions provided by Firefox are already rich, what makes me more coveted is the rich development plug-ins.
• The most famous is
Web Developer

This plug-in covers almost all the web development auxiliary functions that can be implemented. Microsoft's plug-in is like imitating it.
•
Aardvark

Is a CSS debug plug-in
•
Add & edit cookies

You can see the name. There is also a plug-in dedicated to adding and modifying cookies.
View cookies

Is used to view cookies
Plug-ins

•
Colorzilla

Capture the coordinates, colors, and Dom paths of the pages pointed by the current mouse.
•
IE View

And
Opera View

It is two tools dedicated to opening a page with IE and opera in Firefox, so that you can easily debug Web
•
Measureit

Is a small plugin for drawing coordinates and scales in Firefox,
Use it to measure the HTML element's

Wide and high is very convenient
Live HTTP headers

It is a Firefox plug-in similar to the httpwatch function. It is used to view HTTP header, Cookie, mime, and other information. However, httpwatch charges fees. This is free of charge and is recommended for download.
Source: http://www.fyis.cn/2007/10/31/Web%e5%bc%80%e5%8f%91%e5% AE %9e%e7%94%a8%e6%b5%8f%e8%a7%88%e5%99%a8%e5%b7%a5%e5%85%b7%e6%8f%92%e4%bb%b6.aspx