`
lvjun106
  • 浏览: 437983 次
  • 性别: Icon_minigender_1
  • 来自: 芜湖
社区版块
存档分类
最新评论

推荐十几款Firefox web开发插件

 
阅读更多

开发工具

  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. 
    说明:在浏览器左侧增加打开书签, 历史, 插件等的工具条。

分享到:
评论

相关推荐

    火狐 常用十九个插件

    在"火狐 常用十九个插件"这个主题中,提到了几个经典的开发工具插件,包括Firebug、Web Developer、FireHTTP以及IE Tab。这些插件在网页开发和调试过程中起着至关重要的作用。 1. **Firebug**:Firebug是火狐浏览器...

    Firefox火狐浏览器官方70.0b12-mac版本pkg安装包

    标题中的“Firefox火狐浏览器官方70.0b12-mac版本pkg安装包”指出,这是一款专为苹果Mac操作系统设计的Firefox浏览器的特定版本。Firefox是由Mozilla开发的开源网络浏览器,它以其强大的安全特性、隐私保护以及对Web...

    js日历控件大全(十几种).rar

    这个“js日历控件大全(十几种).rar”压缩包很可能包含了多种不同开发者编写的JS日历插件或库,每一种都有其特点和适用范围。 1. **基本概念**:JS日历控件通常由HTML、CSS和JavaScript三部分组成,通过JavaScript...

    jquery插件编写

    2. **跨浏览器兼容性**: jQuery不仅支持最新的CSS3特性,还能够良好地运行在多种现代浏览器上,包括Chrome、Firefox、Safari等,尽管jQuery 2.0及后续版本不再支持IE6/7/8。 3. **简化DOM操作**: 通过jQuery,开发者...

    EfsFrame(php开发框架) 2.2.rar

    Efs框架从研发到时间,历时近10年,积累了大量实战软件工程专家、数学专家的心血不断完善而成,已应用的大大小小的项目几十个,从小项目的开发管理维护设计到大项目的负载均衡设计,Efs逐渐形成了一整套完整的基于B/...

    EfsFrame(java开发框架) v2.2 源代码.rar

    Efs框架从研发到时间,历时近10年,积累了大量实战软件工程专家、数学专家的心血不断完善而成,已应用的大大小小的项目几十个,从小项目的开发管理维护设计到大项目的负载均衡设计,Efs逐渐形成了一整套完整的基于B/...

    EfsFrame(net开发框架) v2.2 源代码.rar

    Efs框架从研发到时间,历时近10年,积累了大量实战软件工程专家、数学专家的心血不断完善而成,已应用的大大小小的项目几十个,从小项目的开发管理维护设计到大项目的负载均衡设计,Efs逐渐形成了一整套完整的基于B/...

    EfsFrame(php开发框架) v2.2 源代码.rar

    Efs框架从研发到时间,历时近10年,积累了大量实战软件工程专家、数学专家的心血不断完善而成,已应用的大大小小的项目几十个,从小项目的开发管理维护设计到大项目的负载均衡设计,Efs逐渐形成了一整套完整的基于B/...

    Selenium深入浅出.pdf

    2. **安装Selenium IDE插件:** 在 Firefox 中搜索并安装 Selenium IDE 插件。 3. **安装Firebug插件:** Firebug 可以辅助调试,建议同时安装。 **使用步骤:** 1. **启动Selenium IDE:** 在 Firefox 工具栏找到 ...

    前端项目-Trumbowyg.zip

    作为一个轻量级的编辑器,Trumbowyg的大小只有几十KB,大大降低了页面加载时间,提高了网页响应速度。 二、核心特性 1. **简洁界面**:Trumbowyg提供了一个干净的编辑区域,没有多余的功能按钮,只保留了最基础的...

    程序员攻略

    - 使用Firefox的Firebug插件或Chrome开发者工具调试JavaScript代码。 - 配置Apache或Nginx服务器,并使用PHP实现前后端的数据交互功能。 通过上述项目的实践,不仅可以提升编程技能,还能增强对现代软件开发环境...

    artDialog3.0.3

    artDialog是一款高效、轻量级的Web对话框插件,专为网页设计者和开发者打造。其核心特点在于体积小巧,压缩后的文件大小仅十几KB,无需依赖任何其他JavaScript框架,如jQuery等,这使得它在性能和兼容性上具有显著...

    国外PHP动态第四期

    此外,文章还提供了使用YSlow Firefox扩展测试前后加载速度差异的实际案例,直观地展示了这种方法的有效性。 #### 三、WHATISMISSINGINPHPSOAPEXTENSION? 在《WHATISMISSINGINPHPSOAPEXTENSION?》一文中,作者分析...

    html5和css3炫酷3D手风琴效果

    然而,需要注意的是,这个效果仅在支持CSS3 3D转换的浏览器中运行,如Chrome和Safari,这是因为Firefox、IE和旧版本的浏览器可能不完全支持这些高级特性。 至于“jQuery库”标签,虽然描述中没有明确提及jQuery,但...

    网页制作基础教程

    - Firebug实际上是Firefox浏览器的一个开发工具插件,并非IE浏览器的插件。它提供了调试JavaScript、CSS和HTML的强大功能,是前端开发者常用的工具之一。 7. **JavaScript的作用**: - JavaScript是一种广泛应用...

    Loadrunner脚本录制常见问题整理.txt

    当安装LoadRunner后,在录制脚本时,默认界面会提示用户通过安装Firefox等其他浏览器的插件来支持录制,但实际上推荐使用IE。如果选择其他浏览器,则可能遇到一些兼容性问题或功能限制。 #### 二、在录制Web页面时...

    终结内容农场-crx插件

    Chromium 系浏览器,主要参考 Chrome 及 Firefox 的“封锁内容农场”重制而成,并借鉴及整合了 Personal Blocklist、Hide Unwanted Results of Google Search、Google Hit Hider by Domain、Web of Trust、内容农场...

    selenium-slides:Selenium简介

    Selenium IDE是一款集成在Firefox浏览器中的插件,用于录制和回放测试脚本。它为初学者提供了一个快速入门的方式,可以通过录制用户的浏览器操作生成基本的测试脚本。然而,IDE产生的脚本通常只能在创建它们的环境中...

Global site tag (gtag.js) - Google Analytics