24 essential web development plug-ins for Firefox

Development Tools

Web Developer 1.1.8

Https://addons.mozilla.org/en-US/firefox/addon/60
It provides some practical tools for webpage (x) HTML, scripts, multimedia, CSS, caching, and images in the form of a toolbar. So that we can easily obtain more information about the web page, so that we can further understand the current web page.
Note: powerful web analysis tools are required by developers.

Firebug 1.5.0

Https://addons.mozilla.org/en-US/firefox/addon/1843
Firebug is a plug-in Firefox that can debug all Website Languages, such as HTML and CSS. But what attracts me most is the Javascript debugging function, which is very convenient to use, it's incredible that you can use it in a variety of browsers (ie, Firefox, opera, Safari. In addition, other functions are powerful. For example, HTML, CSS, Dom viewing and debugging, and overall website analysis. In short, it is a complete and powerful web development tool.
Note: View, edit, and debug page CSS, HTML, and JavaScript. Powerful development and debugging tools are required by developers.

Linrlightweb 0.2.1

Https://addons.mozilla.org/zh-CN/firefox/addon/14068
F * before installation, make sure you have installed the firebug plug-in, get firebug visit: http://getfirebug.com/
1. Enable the webpage editing mode and freely edit the webpage-a good partner of Fiddler;
2. Super selector, search for Operation tags;
3. Refresh CSS without refreshing the entire page;
4. Set the CSS Sprites background quickly. Drag the mouse to get the position;
5. Keep the logon status, and the session will not expire; Disable
6. Release IE and chrome simultaneously.
Note: very powerful web development tools.

View Source char 2.7

Https://addons.mozilla.org/en-US/firefox/addon/655
Draw a web page of a color-coded chartSource code.
Note: the source code is very nice, with hierarchical indentation and different colors.

Tamper data 11.0.0

Https://addons.mozilla.org/en-US/firefox/addon/966
The true meaning of tamper data, that is, "Data tampering" (or custom HTTP requests): intercepts every HTTP request sent by the browser, prompting us to choose to customize it, whether to directly submit the request without customization, terminate the current intercepted request, and choose whether to open the custom window or directly submit the request to the Web server based on our selection, or terminate the current request.
Views the header of a request sent and received by Firefox. You can modify the header before sending a request.

Javascript debuger 0.9.87.4

Https://addons.mozilla.org/en-US/firefox/addon/216
Venkman, as the Mozilla debugger, is a free tool for Mozilla (Firefox ).
Note: javascript Debugger in the Firefox environment is a powerful script debugging tool.

Live HTTP headers 0.15

Https://addons.mozilla.org/en-US/firefox/addon/3829
It can be used to monitor initiated HTTP requests and responses in real time, or modify Request Parameters and then initiate a new request.
Note: All HTTP headers are recorded simultaneously on the browser page.

Add n edit cookies 0.2.1.3

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

To view and modify local cookies, Cookie spoofing is essential.
Note: It is inconvenient to view and modify cookies in all browsers rather than the current page.

XPath checker 0.4.1

Https://addons.mozilla.org/en-US/firefox/addon/1095
There is nothing to say about this tool, that is, it can be used directly after installation. After reading the usage method on the internet, I didn't understand it at first, and then I realized that I was right-clicking on the page, here is a view XPath. Click it.
Note: It is said that you can debug XPath.

Yslow 2.0.6

Https://addons.mozilla.org/zh-cn/firefox/addon/5369
Yslow analyzes Web pages and proposes a set of rules based on how to improve their performance, high-performance web pages.
Note: it can help us analyze why Web pages are slow. It is based on firebug and can also separately browse Web page elements, such as JS and CSS.

HTML Verification

HTML validator (based on cse html validator) 1.2.3

Https://addons.mozilla.org/en-US/firefox/addon/887
HTML validator is a Firefox extension that can search for and Mark errors on HTML pages. HTML validator is based on tidy. Tidy was originally used by W3C to verify htmlCodeA developed tool.
Note: The famous cse html validator engine.

Relaxed the HTML validator 0.9.5

Https://addons.mozilla.org/en-US/firefox/addon/3939
Relaxed the HTML validator 0.9.5 is a small plug-in for HTML verification. It can easily detect incorrect HTML code on the page.
Note: HTML validation is directly performed on the current page, and the interface is clear and intuitive.

Total validator 6.2.0

Https://addons.mozilla.org/en-US/firefox/addon/2318
This software helps you check whether your webpage meets the standards and the results will help you solve the problem quickly.
(The current page in the http://www.totalvalidator.com for HTML validation, the output results with the red letter syntax correction, more friendly. However, verification by other websites is slow and the results are not easy to save.

Page Design

Measureit 0.3.92

Https://addons.mozilla.org/en-US/firefox/addon/539
You can draw a scale anywhere on the page to display the width, height, and element indent calculated in pixels (PX.
Note: you can measure the length and width of any selected area on the page, which is very helpful to the interface designer.

Colorzilla 2.0.2

Https://addons.mozilla.org/en-US/firefox/addon/271
With colorzilla, you can read the color value from any point in the browser, adjust the color quickly, and paste it to other applications.Program. You can scale the distance between any two points on the view page or measurement page.
Note: You can select a color from the page or color palette and zoom in or out the page.

Seo ads

Rankquest Seo toolbar 3.9.2

Https://addons.mozilla.org/en-US/firefox/addon/1471
Check the status of the website in search engine and Alexa
Note: When you access a page, the SEO tool plug-in displays various rankings and Seo information on this page.

Adsense pre view 1.5

Https://addons.mozilla.org/en-US/firefox/addon/2132
Put Google ads on your web page
Note: Google ads is displayed on the current page to help determine the ad location.

Other tools

Hackbar 1.4.2

Https://addons.mozilla.org/en-US/firefox/addon/3899
Includes some common tools. (SQL injection, XSS, encryption, etc)
Note: various encoding tools for strings are supported: MD5, base64, urlencode, and urldecode.

Document map 0.6.1

Https://addons.mozilla.org/en-US/firefox/addon/475
Show the navigation bar in the title structure of the current page...
Description: Provides page resource structure information ..

IE view lite 1.3.5

Https://addons.mozilla.org/en-US/firefox/addon/1429
IE view Lite version, which integrates options into the context menu and adds a toolbar button.
Note: Right-click to open the page in IE to facilitate cross-browser debugging.

Timestamp converter 2.0.0

Https://addons.mozilla.org/en-US/firefox/addon/2063
The convert date and timestamps. Context Menu Options convert the selected timestamp to date.
Note: Apart from conversion from context, you can also manually convert timestamp to date/time.

Timestampdecode 0.1.8

Https://addons.mozilla.org/en-US/firefox/addon/3208
Treat the selected number as a timestamp and display a decoded date/time.
Note: The selected number is converted to date/time as the timestamp.

Fire encrypter 4.0

Https://addons.mozilla.org/en-US/firefox/addon/2063
Description: encrypts text into variousAlgorithmThe ciphertext, or even the moles code.

Add-in-One sidebar

Https://addons.mozilla.org/en-US/firefox/addon/1027
Comprehensive multi-function sidebar.
Note: Add a tool bar on the left side of the browser to open bookmarks, history, and plug-ins.