Collection of extended development plug-ins in IE and Firefox

Address: http://hi.baidu.com/zhuomingliang/blog/item/a5b434734fb0fd1d8701b0a4.html

 

IEDevelopment plug-ins under

 

1. Microsoft launched Internet Explorer developer toolbar to facilitate web developers. Introduction and:Click here to open(This is the latest version of beta 3)

Browse and modify the Document Object Model (DOM) of the 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 and ID of the HTML object, 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 800x600 or custom size.

Clear the browser cache and cookie. The items to be cleared can be selected from all objects or a given domain.

Directly access the W3C standard reference, ie development group blog, or other sources.

Display Design time scales to help align objects.

2. another tool is httpwatch professional. The current version is 4.1.26. It is a powerful webpage data analysis tool that allows you to view the HTTP data of the current webpage for debugging, of course, it can also be used for its own, such as flash and other addresses. 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. Its introduction and download address is Click here to open

3. 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, help webpage designers/website developers debug and analyze obscure htmlCode. 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. At the same time, powerband also supports instant script interaction.

4. viewpage is the plug-in of myie2/Maxthon browser. This plug-in is not purely a development aid. It looks more like resource extraction and can be easily extracted from the web page.Source codeIncluding 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 all CSS source code.

5. Microsoft Script Debugger: Microsoft Script debugger, used with IE to call the Ajax script code. Use debugger to set breakpoints. After installation, remove "√" before "Internet Options"> "advanced"> "Disable script debugging" (Internet Explorer.
In addition, companion. JS, an excellent JavaScript debugging tool under IE, is more useful with MSE.

6. Microsoft Script Editor (in word-> tool-> macro-> Microsoft Step Editor, or "" Microsoft Office "office11" mse7.exe ")

FirefoxUnder the development plug-in (Use firefox2.0Mainly)There is a special plug-in download under Mozilla, the address is as follows, basically all development plug-ins can be found here, below only a few commonly used plug-insClick here to open the Mozilla plug-in Set1. firebug: similar to iedevbar in IE, but it is much more powerful. It can also intercept XMLHTTP data and so on. I believe that people who have used it like it very much. its official website isHttp://www.getfirebug.comThe latest version is 1.02. the current version of IE tab is 1.3.0.20070110. You can open the IE tab in FF to access websites that cannot be accessed normally under ff. for developers, it is much easier to browse the layout under IE and ff. for more information, seeHttp://ietab.mozdev.org: 3.web developer: Access address as the name suggestsHttp://chrispederick.com/work/webdeveloper/4. There are many others. You can download and install things on the website, such as leak monitor, inspectthis, and jsview. They are all good choices. Others:

• The most famous isWeb DeveloperThis plug-in covers almost all the web development auxiliary functions that can be implemented. Microsoft's plug-in is like imitating it.
• AardvarkIs a CSS debug plug-in
• Add & edit cookiesYou can see the name. There is also a plug-in dedicated to adding and modifying cookies.View cookiesIs a plug-in used to view cookies
• ColorzillaCapture the coordinates, colors, and Dom paths of the pages pointed by the current mouse.
• IE ViewAndOpera ViewIt is two tools dedicated to opening a page with IE and opera in Firefox, so that you can easily debug Web
• MeasureitIt is a small plugin for drawing coordinates and scales in Firefox. It is convenient to use it to measure the width and height of HTML elements.
• Live HTTP headersIt 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.

There are too many development plug-ins in Firefox. If you are interested, you canOpen this link, All of which are Developer Tools. AndThis articleArticleThe Mozilla Firefox Web development tool is described in detail step by step.

PS: Other Related Development IDES and plug-ins

A. ImageMagick jmagick, an image editing software.

B. colorpic, which is also a free software used to pick up the color, where the mouse moves to pick up the color.

C, Aptana IDE (Eclipse plug-in address http://update.aptana.com/update/) for the development of JS, CSS, HTML.

D. Ajax technical framework and development tool http://bijia.anyflex.cn/article.asp? Id = 322