24 Firefox Web development plug-ins

Source: Internet
Author: User
Tags html validator tidy timestamp to date

Most web designers and front-end engineers use Firefox. Because Firefox's rich web development plug-in can provide us with many good functions, such as HTML, CSS, and JS error checking, find bugs and so on. Therefore, some common Firefox Web development plug-ins are sorted out here.

Development Tools

1. 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 web page that we browsed before.
Note: powerful web analysis tools are required by developers.

2. firebug 1.5.0

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

Firebug
It is a plug-in Firefox. It can debug all website languages, such as HTML and CSS. But what attracts me most about firebug is JavaScript debugging.
Function, which is very convenient to use and can be used in various browsers (ie, Firefox, opera,
Safari), incredible. 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 set.
Web development tools.
Note: View, edit, and debug page CSS, HTML, and JavaScript. Powerful development and debugging tools are required by developers.

3. linrlightweb 0.2.1

Https://addons.mozilla.org/zh-CN/firefox/addon/14068

Before installing, make sure that you have installed the firebug plug-in for 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.

4. View Source char 2.7

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

Draw the source code of the web page of a color-coded chart.
Note: the source code is very nice, with hierarchical indentation and different colors.

5. Tamper data 11.0.0

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

Tamper
The true meaning of data, that is, "Data tampering" (or custom HTTP requests): captures each HTTP request sent by the browser.
Request, prompting us to choose whether to customize or not to submit the request directly, or to terminate the current intercepted request, and then choose to open the custom window according to our selection, or directly to the Web
Request from the server 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.

6. 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.

7. 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.

8. 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.

9. 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.

10. 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

11. 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 initially developed by W3C to verify HTML code.
Note: The famous cse html validator engine.

12. 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.

13. Total validator 6.2.0

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

This software
It 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

14. 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.

15. 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. 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

16. 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.

17. AdSense preview 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

18. 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.

19. 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 ..

20. 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.

21. 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.

22. 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.

23. Fire encrypter 4.0

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

Note: The text is encrypted into the ciphertext of various algorithms, even including the moles code.

24. 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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.