@陈子木 毫无疑问,比起其他浏览器,谷歌浏览器虽有着明显的优势,但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱,为了尽可能地提高用户体验,火狐浏览器的社区在插件开发和运用上有着丰富的经验,说它是网站开发者的首选浏览器也并不为过。

关于浏览器插件,这篇文章也值得阅读:
《11款超赞的浏览器兼容性测试工具》
作为前端开发者,其他工具的配合也很重要:
《10款让WEB前端开发人员更轻松的实用工具》

本文集合了20款为开发者而生的优质插件,在这些插件的帮助下,网页开发者可以创造出令人惊艳、极富创意的网站页面。接下来,让我们一起看看这些插件吧。

1. Firebug

大福利!献给网页开发者的20款Firefox插件

作为开发领域最著名的插件,Firebug可以让你在浏览器重实时运行HTML、CSS等代码。Firebug内置有强大的Javascript调试工具,可以让你随时暂停JS动画,观察静态的细节。如果你觉得效果比较生硬,你还可以使用JS分析器来分析校准,找到症结所在。

2. Ghostery

大福利!献给网页开发者的20款Firefox插件

Ghostery是用来检测“隐形网站”用的,检测跟踪器,网站漏洞,审视像素,监测Facebook和Google Analytics以及其他超过1000家网络广告供应商、行为数据供应商和内容供应商等所有与你网站相关的活动数据。

3. Web Developer

大福利!献给网页开发者的20款Firefox插件

Web Developer提供了覆盖面广泛的菜单和自定义工具,这些工具允许你进行控制和管理,分析、验证、优化网页。你可以管理CSS,HTML,表格,测量特定部位的尺寸,实时编辑页面,等等。

4. Flagfox

大福利!献给网页开发者的20款Firefox插件

Flagfox是一款能用小旗标明服务器物理地址的插件。拥有这个插件之后,你会更清楚自己的浏览器连接到了什么地方,并且你也可以借此明确服务器所在的地区和语言,查查服务器所在地的法律法规是否有特殊限制等等。当然,你还可以通过外部操作了解更多的信息,也可以自己添加自定义的操作,并且设置快速访问或者设定键盘快捷键。

5. Fireftp

大福利!献给网页开发者的20款Firefox插件

Fireftp除了能快速有效地传输文件,还拥有更多进阶功能,包括目录比较,同步导航,SFTP,SSL加密,搜索和过滤,完整性检查,远程编辑,鼠标拖放等等。

6. Colorzilla

大福利!献给网页开发者的20款Firefox插件

在Colorzilla的帮助下,你可以让你所浏览的页面更加多彩,这款插件可以快速取色并粘贴到其他程序中。此外,Colorzilla可以帮你放大正在查看的页面,测量页面上任意两点之间的距离。Colorzilla内置了调色板,一方面可以方便用户获取预设的色彩,也可以保存自己从网页中抓取的色彩。DOM Spying功能能帮你监测DOM元素的各种信息。

7. Quick Java

大福利!献给网页开发者的20款Firefox插件

拥有Quick Java插件之后,你无需打开系统设置和插件管理就可以快速管理浏览器的功能,这其中包括Java, Javascript, Cookies, animated Images, flash, silverlight, stylesheets, poxy,以及图片自动加载等功能。对于进阶用户,这个插件可能是他们的菜。

8. SQLite Manger

大福利!献给网页开发者的20款Firefox插件

这个插件可以帮你管理系统中的SQLite数据库,方便浏览数据,搜索表,能进行添加、删除、编辑等一系列操作。通过SQLite Manger你可以在操作面板中进行常用操作,便捷地访问工具栏,按钮和菜单。

9. Table Tool 2

大福利!献给网页开发者的20款Firefox插件

这是一款针对网页表格而设计的工具,你可以通过它对HTML表格进行复杂的操作,包括复制表/行/列/单元格,可以进行排序,基于正则表达式进行搜索,过滤筛选,生成图表,统计数据,合并,以及比较。操作也非常简单,选中你需要操作的表格,右键菜单,点击“Table Tool 2”选项即可。

10. No Script Security Suit

大福利!献给网页开发者的20款Firefox插件

这款插件会帮你控制Java和Javascript以及其他可执行的内容在你所信任和允许的域当中运行,比如特定的银行站点。它可以帮你抵抗跨站脚本攻击(XSS),跨域DNS绑定和CSRF攻击(攻击路由器),反劫持,并且内置独特的ClearClick技术。

11. DOM Inspector

大福利!献给网页开发者的20款Firefox插件

DOM查看器是一个用来检查和编辑网页或者XUL应用程序的DOM工具,在它的两栏式编辑器当中,你可以以多种不同的视图来查看文档中的节点。

12. Modify Header

大福利!献给网页开发者的20款Firefox插件

Header编辑器可以为你添加、替换和过滤HTTP中的header部分,然后发送到服务器端。这一工具多用于移动互联网开发、HTTP测试。

13. Awesome Screenshot

大福利!献给网页开发者的20款Firefox插件

这款截图工具可以帮你截取整个网页,或者部分网页,可以进行标注、添加文字,添加图形、箭头,可以让敏感信息模糊化。截图和处理之后,还可以一键上传分享。

14. JavaScript Debugger

大福利!献给网页开发者的20款Firefox插件

经常写Javascript代码的同学可能会喜欢这款JS调试工具。

15. Cookies Manager

大福利!献给网页开发者的20款Firefox插件

这款Cookie管理器允许你查看、编辑和新建Cookie,同时也方便你查询一些额外的信息,可以一次编辑多个Cookie,并且一键备份/恢复。

16. Yslow

大福利!献给网页开发者的20款Firefox插件

Yslow可以用来分析网页,并且提供改善网页和提升体验的建议。

17. HTML Validator

大福利!献给网页开发者的20款Firefox插件

这款HTML验证工具会根据Firefox的内部验证机制来监测网页,并且将网页的错误数量以图标形式标注出来。

18. Json View

大福利!献给网页开发者的20款Firefox插件

通常当你看到.json文件的时候,浏览器会直接下载而不是打开文件,Json View可以让浏览器打开并显示文档,就像打开XML文件一样。文档的显示会结构化,高亮显示特定内容,数组对象可折叠。即使JSON文档中包含错误,也会显示原始文本。

19. Live HTTP Headers

大福利!献给网页开发者的20款Firefox插件

这款插件可以让你在浏览网页的同时可以实时查看Header部分。

20. Hackbar

大福利!献给网页开发者的20款Firefox插件

Hackbar插件能帮你监测是否有SQL注入、XSS漏洞和站点的安全性。它本身并不是攻击性工具,也不会帮你破解任何一个网站,主要还是面向开发者的防御性安全工具。

原文地址:codegeekz
优设网翻译:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量70万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

大福利!献给网页开发者的20款Firefox插件

点赞
收藏

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。

收藏