14 Firefox extensions required by web designers

Edit responsibility:Du Tao Author: Network Roby Liang2009-05-21

Web Developer Toolbar

I don't need to worry about the Web Developer toolbar here.

Firebug
Like the Web Developer toolbar, firebug is also powerful to make people look at each other. The Web Developer toolbar plug gives us a toolbar. Although you can right-click the menu to operate on the target webpage, it is not as convenient as the toolbar. This may be difficult for some users who are frightened by the XX toolbar. Of course, some users may feel that the toolbar is a friend of rogue software. Firebug allows Firefox to see what they want. without imposing a toolbar, You can edit, debug, and monitor CSS, HTML, and JavaScript on any web page.

Console2
Since firefox1.5, the Javascript Console does not support CSS and can only be used for error debugging. This extension allows users to use different labels to label different debugging types. But to be honest, with firebug, there is no need to install this extension.

Cssviewer
This is one of my favorite extensions. When I uploaded her to mozine update, it was because of the beautiful preview image of the author. However, I tried it and found that I was still too superficial. It was very convenient to use this extension to view various CSS attributes on the webpage.

User Agent switcher/ie TAB/operaview
Here, I am a little lazy and put the three extensions together. With these three extensions, Firefox can easily change the browser UA and call IE or opera to test the performance of self-compiled web pages in different browsers.

 Colorzilla
With colorzilla, you can read color information from any point in the browser and paste it to other applications. You can also scale the page you are viewing to measure the distance between any two points on the page, you can also select a color from a predefined color and save it to a custom color palette. The Dom detection function allows you to quickly and easily obtain various information about DOM elements. Design and try it out.

Viewsourcechart
Viewsourcechart provides a user-friendly graphical operation interface for HTML Tag border definition. It is a powerful tool for beginners in web design.

Tamper data
Tamper data is rarely mentioned in the pivoine forum, but the veteran thinks that this extension is definitely worth a lot of attention. With tamper data, we can closely monitor and record and even modify every HTTP and HTTPS request and response sent by Firefox, which is our security guard. For web designers, this extension can help us detect the health status of hyperlinks in webpages we write.

Javascript Debugger
A script debugging tool on the Mozilla platform, also known as Venkman. However, it is difficult for many users to make preparations for the extension in Firefox, and I have not done any detailed tests. Therefore, it is difficult to give more comments here. However, it looks good.

Fireftp
I think Firefox network administrators should rarely use Firefox as an FTP terminal to manage their website server directories. To be honest, fireftp has poor performance, especially for Chinese users, there is still a Chinese path bug (in fact, I do not know whether the bug has been fixed in the latest version ). However, in a positive sense, the emergence of fireftp provides us with the possibility of managing the website Server Directory on Firefox. Let's try again and wait.

Measureit
Measureit provides a simple function, that is, to measure the length and width of any part of the current webpage. Because she is too low-key, it has not attracted enough attention today, measureit is a good choice for anyone who wants to install Web Developer toolbar and does not want to install it.

Edit cookies
Edit cookies appear to be rarely mentioned in China. This extension provides a graphical interface to manage website cookies and even extend the cookie validity period, webmasters can also use this extension to view their website cookies.

This article uses b3log solo for Synchronous publishing from the b3log-vanessa.