开发工具

  1. Web Developer 1.1.8  
     https://addons.mozilla.org/en-US/firefox/addon/60
    by chrispederick 
    The Web Developer extension adds a menu and a toolbar with various web developer tools. 
    说明:超强的web分析工具,开发人员必装。

  2. Firebug 1.5.0 
    https://addons.mozilla.org/en-US/firefox/addon/1843 
    Firebug
    integrates with Firefox to put a wealth of development tools at your
    fingertips while you browse. You can edit, debug, and monitor CSS, HTML,
    and JavaScript live in any web page... Firebug integrates with Firefox
    to put a wealth of development tools at your fingertips while you
    browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live
    in any web page. Visit the Firebug website for documentation, screen
    shots, and discussion forums: 
    说明:查看,编辑,Debug页面的CSS,HTML,JavaScript。超强的开发调试的工具,开发人员必装。

  3. LinrLightWeb 0.2.1
    https://addons.mozilla.org/zh-CN/firefox/addon/14068 
    F*安装前,请确认您已安装Firebug插件,获取Firebug请访问:http://getfirebug.com/
    1. 开启网页编辑模式,随意编辑网页——Fiddler的好搭档;
    2. 超强Selector,查找操作标记;
    3. 刷新CSS,无需刷新整页;
    4. 快速设置CSS Sprites背景,鼠标拖移即可得到位置;
    5. 保持登录状态,Session不过期;禁用
    6. 同步发行IE版,Chrome版。
    说明:非常强的web开发工具。

  4. View Source Char 2.7 
    https://addons.mozilla.org/en-US/firefox/addon/655
    by Jennifer Madden(MM) 
    Draws A Color-Coded Chart of a Web Page's Source Code. 
    说明:显示非常好看的源码, 分级缩进, 不同颜色区分。

  5. Tamper Data 11.0.0 
    https://addons.mozilla.org/en-US/firefox/addon/966 
    Use tamperdata to view and modify HTTP/HTTPS headers and post parameters. 
    说明:查看 firefox 收发请求的 header, 特别是在发出请求前, 可以修改 header。

  6. JavaScript Debuger 0.9.87.4 
    https://addons.mozilla.org/en-US/firefox/addon/216 
    Venkman
    is the code name for Mozilla's JavaScript Debugger. Venkman aims to
    provide a powerful JavaScript debugging environment for Mozilla based
    browsers. 
    说明:firefox 环境下的 JavaScript Debugger, 强大的脚本调试工具。

  7. Live Http Headers 0.15 
    https://addons.mozilla.org/en-US/firefox/addon/3829 
    View HTTP headers of a page and while browsing. 
    说明:浏览页面同时记录所有 HTTP headers 。

  8. Add N Edit Cookies 0.2.1.3 
    https://addons.mozilla.org/en-US/firefox/addon/573 
    Cookie Editor that allows you add and edit "session" and saved cookies. 
    说明:查看并且修改 cookies, 不方便的地方是显示所有浏览器的 cookies 而不仅是当前页。

  9. XPath Checker 0.4.1 
    https://addons.mozilla.org/en-US/firefox/addon/1095 
    An
    interactive editor for XPath expressions. Choose 'View XPath' in the
    context menu and it will show the editor. You can edit the XPath
    expression and it incrementally updates the results. 
    说明:据说可以调试 XPath。

  10. YSlow 2.0.6
    https://addons.mozilla.org/zh-cn/firefox/addon/5369
    YSlow analyzes web pages and why they're slow based on Yahoo!'s rules for high performance web sites. 
    说明:能够帮我们分析web页面比较慢的原因,它是基于Firebug的,也能分开浏览web页面的元素,比如js,css.


HTML验证

  1. HTML Validator(based on CSE HTML Validator)1.2.3 
    https://addons.mozilla.org/en-US/firefox/addon/887 
    Validates
    HTML documents using the CSE HTML Validator engine for Windows.
    Requires CSE HTML Validator for Windows. The lite edition is available
    for free athttp://www.htmlvalidator.com/lite/
    说明:著名的 CSE HTML Validator 引擎。

  2. Relaxed the HTML Validator 0.9.5 
    https://addons.mozilla.org/en-US/firefox/addon/3939 
    "Relaxed"
    is a HTML validator which validates HTML documents using it's own
    schema definitions written in Relax NG with embedded Schematron
    patterns.: 
    说明:直接在当前页面上进行 HTML validation, 界面清晰直观。

  3. Total Validator 6.2.0  
     https://addons.mozilla.org/en-US/firefox/addon/2318 
    by Andy Halford 
    Perform
    multiple validations and take screen shots in one go. This 5-in-1
    validator works with external, internal, or local web pages using the
    Total Validator service or local copy of the desktop tool... 
    说明:把当前页面在 http://www.totalvalidator.com做HTML Validation,输出结果用红字进行了语法修正, 比较友好。不过由于通过其他网站验证, 速度有点慢, 并且结果不易保存。


页面设计

  1. MeasureIt 0.3.92 
    https://addons.mozilla.org/en-US/firefox/addon/539 
    Draw out a ruler to get the pixel width and height of any elements on a webpage. 
    说明:可以测量页面上任何选择区域的长宽, 对界面设计人员非常有帮助。

  2. ColorZilla 2.0.2 
    https://addons.mozilla.org/en-US/firefox/addon/271 
    Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...
    说明:从页面, 或者调色板上取色, 同时可以缩放页面。

SEO广告

  1. RankQuest SEO Toolbar 3.9.2 
    https://addons.mozilla.org/en-US/firefox/addon/1471 
    RankQuest
    SEO(Search Engine Optimization) Toolbar provides you quick access to
    more than 30 intuitive SEO tools. Alexa Rank and Page Rank provided by
    Alexa and Google respectively ensures the popularity of the site. Once
    you download and install the SEO Toolbar you are only one or two clicks
    away from carrying out most of your day to day SEO... 
    说明:SEO 工具插件, 访问一个页面时, 显示此页面的各种排名及 SEO 信息。

  2. Adsense Preview 1.5 
    https://addons.mozilla.org/en-US/firefox/addon/2132 
    Preview the Google ads that may show on any web page. 
    说明:在当前页面上显示 Google ADs 帮助确定广告位置。


其他工具

    1. HackBar 1.4.2 
      https://addons.mozilla.org/en-US/firefox/addon/3899 
      Simple security audit / Penetration test tool. 
      说明:快速对字符串进行各种编码的工具, MD5, Base64, URLencode, URLDecode。

    2. Document Map 0.6.1 
      https://addons.mozilla.org/en-US/firefox/addon/475 
      Displays the current page's heading structure in the sidebar, allowing rapid navigation between... 
      说明:提供页面资源结构信息.。

    3. IE View Lite 1.3.5 
      https://addons.mozilla.org/en-US/firefox/addon/1429

      This
      is a cut down version of IE View by Paul Roub, which is 47.4 KB. All
      the same UI and features are there. It has a right click menu item to
      open a page in IE and a list of sites to always open in IE. It can close
      tabs automatically and send... 
      说明:点右键可以选择在 IE 中打开页面, 有助于跨浏览器调试。

    4. TimeStamp Converter 2.0.0 
      https://addons.mozilla.org/en-US/firefox/addon/2063 
      Converts dates and timestamps.Context menu option to convert the selected timestamp into a date. 
      说明:除去从上下文中转换, 还可以手动将 timestamp 时间戳与 date/time 转换。

    5. TimestampDecode 0.1.8 
      https://addons.mozilla.org/en-US/firefox/addon/3208 
      Treats the selected number as a timestamp and displays a decoded date/time. 
      说明:将选中的数字作为 timestamp 时间戳转换为 date/time。

    6. Fire Encrypter 4.0 
      https://addons.mozilla.org/en-US/firefox/addon/2063 
      FireEncrypter
      is an Firefox extension which gives you encryption/decryption and
      hashing functionalities right from your Firefox browser, mostly useful
      for developers or for education & fun... 
      说明:将文字加密成各种算法的密文, 甚至包括摩尔斯码。

    7. Add-in-one Sidebar   
      https://addons.mozilla.org/en-US/firefox/addon/1027 
      AiOS
      lets you open various windows as sidebar panels, and quickly switch
      between them. So it put an end to the window chaos! In addition to
      bookmarks and history it opens dialogues such as downloads, add-ons and
      more in the sidebar. 
      说明:在浏览器左侧增加打开书签, 历史, 插件等的工具条。

推荐十几款Firefox web开发插件(转载)的更多相关文章

  1. 今日推荐:10款在 Web 开发中很有用的占位图片服务

    设计网站时,将要使用的图像在一开始通常还不存在,这个时候布局是最重要的.然而,图像的尺寸通常是预先设置,实用一些占位图像可以帮助我们更好地预览和分析布局. 如今,有免费的占位图片自动生成工具可以使用, ...

  2. eclipse SE增加Web开发插件

    最近接触了些java项目,之前安装了eclipse SE版本.没有Web开发插件,调试不了Web代码.点击“Window”--“Preference” 左边菜单栏是找不到“Server”项来配置服务器 ...

  3. Firefox必备的24款web开发插件

    from: 软件过滤: 排序:收录时间 | 浏览数 网页开发FireFox插件 Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一.它集H ...

  4. 34款Firefox渗透测试插件工具

    工欲善必先利其器,firefox一直是各位渗透师必备的利器,小编这里推荐34款firefox渗透测试辅助插件,其中包含渗透测试.信息收集.代理.加密解密等功能. 1:Firebug Firefox的 ...

  5. 15款加速 Web 开发的 JavaScript 框架

    JavaScript 可以通过多种方式来创建交互式的网站和 Web 应用程序.利用 JavaScript,可以让你移动 HTML 元素,创建各种各样的自定义动画,给你的访问者更好的终端用户体验. 对于 ...

  6. 12款简化 Web 开发的 JavaScript 开发框架

    前端框架简化了开发过程中,像 Bootstrap 和 Foundation 就是前端框架的佼佼者.在这篇文章了,我们编制了一组新鲜的,实用的,可以帮助您建立高质量的 Web 应用程序的 JavaScr ...

  7. 【转】VSCode Web开发插件

    Web开发必备插件 1.Beautify - HTML.CSS.JS.JSON语法高亮 语法高亮,你懂的.   Beautify 2.Auto rename tag - 自动重命名标签 在HTML, ...

  8. eclipse web开发插件安装

    eclipse官方网站上下载的标准版Eclipse是没有web开发环境的,为了能够进行web开发,需要安装一些插件.web开发需要的插件有 1 EMF: Downloads | Project hom ...

  9. 网页设计必备工具 firefox Web Developer插件 CSS工具组教程

    该插件在火狐浏览器中安装.Web Developer 插件强大的功能超乎你的想象,用于CSS网页布局开发调试只是它强大功能的一部分,对于网络程序的开发也提供了非常强大的辅助设计功能,我们不将它完全的展 ...

随机推荐

  1. Django 打印

    转自:http://bbs.chinaunix.net/archiver/tid-1227401.html fentin 发表于 2008-07-28 17:52:44 请教Django Python ...

  2. flask第十九篇——模板【3】

    请关注微信公众号:自动化测试实战 今天我们继续模板的知识,现在我们增加字典的复杂度,这个时候在render_template第二个参数可以传**title,以后我们会用**context代替原来的ti ...

  3. 【angularJS】Controller控制器

    1. 定义 控制器(Controller)在AngularJS中作用是增强视图(View),AngularJS控制器是一个构造方法,用来向视图(View)中添加额外功能. ng-controller指 ...

  4. 从数据库导出数据到excel之List<map>导出

    说明:很多时候取出来的数据是封装为List<Map<String,Object>>,可以直接导出excel表格 项目说明就在 “上一篇” 直接上代码(数据层和业务层不用说了,查 ...

  5. Oracle12c之 CDB数据库中数据字典架构

    数据字典就是元数据的集合,比如创建的表,列,约束,触发器等等这些都是元数据,需要保存到数据库中.除此之外,Oracle自身的一些数据库对象,如目录,PL/SQL代码等等这些都是元数据,都需要存放在数据 ...

  6. 单机数据库优化的一些实践(mysql)

    数据库优化有很多可以讲,按照支撑的数据量来分可以分为两个阶段:单机数据库和分库分表,前者一般可以支撑500W或者10G以内的数据,超过这个值则需要考虑分库分表.另外,一般大企业面试往往会从单机数据库问 ...

  7. 在Centos中yum安装和卸载软件的使用方法(转)

    在Centos中yum安装和卸载软件的使用方法 安装方法 安装一个软件时 yum -y install httpd 安装多个相类似的软件时 yum -y install httpd* 安装多个非类似软 ...

  8. (转)[Android实例] 关于使用ContentObserver监听不到删除短信会话的解决方案

    最近做通讯录的项目,需要实时监听短信的删除,就用到了观察者ContentObserver,怪异的事情就此发生,当我删除一条短信的时候,可以监听到,但是,当我删除整条短信的时候,就无法监听到,查了很多资 ...

  9. Linux下使用locale命令设置语言环境

    locale命令设置语言环境 在Linux中通过locale来设置程序运行的不同语言环境,locale由 ANSI C提供支持.locale的命名规则为_.,如zh_CN.GBK,zh代表中文, CN ...

  10. SQL Server、Oracle和MySQL判断NULL的方法

    SQL Server.Oracle和MySQL判断NULL的方法 本文讲述SQL Server.Oracle.MySQL查出值为NULL的替换. 在SQL Server Oracle MySQL当数据 ...