Firefox(火狐浏览器)丰富的Web开发辅助插件
Firefox(火狐浏览器)丰富的Web开发辅助插件
大多数网页设计师与前端工程师都会使用Firefox(火狐浏览器),由于Firefox丰富的Web开发辅助插件可以为我们提供许多好的功能,比如HTML,CSS,JS查错,找BUG等等。因此这里整理了目前常用的一些FirefoxWeb开发插件。
开发工具
1. Web Developer 1.1.8
https://addons.mozilla.org/en-US/firefox/addon/60
以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息,使我们进一步的了解当前所浏览的网页。
说明:超强的web分析工具,开发人员必装。
2. Firebug 1.5.0
https://addons.mozilla.org/en-US/firefox/addon/1843
Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但FireBug最吸引我的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera,Safari),简直难以置信。除此之外,其他功能还很强大。比如html,css,dom的察看与调试,网站整体分析等等。总之就是一整套完整而强大的WEB开发工具。
说明:查看,编辑,Debug页面的CSS,HTML,JavaScript。超强的开发调试的工具,开发人员必装。
3. LinrLightWeb 0.2.1
https://addons.mozilla.org/zh-CN/firefox/addon/14068
安装前,请确认您已安装Firebug插件,获取Firebug请访问:http://getfirebug.com/
1. 开启网页编辑模式,随意编辑网页——Fiddler的好搭档;
2. 超强Selector,查找操作标记;
3. 刷新CSS,无需刷新整页;
4. 快速设置CSS Sprites背景,鼠标拖移即可得到位置;
5. 保持登录状态,Session不过期;禁用
6. 同步发行IE版,Chrome版。
说明:非常强的web开发工具。
更多基于firebug的插件可以参考这篇文章:用来****Firebug的十三款Firefox插件
4. View Source Char 2.7
https://addons.mozilla.org/en-US/firefox/addon/655
画一个 Color-Coded 的图表的 Web 页的源代码。
说明:显示非常好看的源码, 分级缩进, 不同颜色区分。
5. Tamper Data 11.0.0
https://addons.mozilla.org/en-US/firefox/addon/966
Tamper Data 的真实含义,即“篡改数据”(或者说定制 HTTP 请求):截取浏览器发出的每一个 HTTP请求,提示我们选择是要进行定制,还是不做定制而直接提交请求,还是终止当前被截取的请求,然后根据我们的选择决定是打开定制窗口,还是直接向WEB服务器提交请求,还是终止当前的请求。
说明:查看 firefox 收发请求的 header, 特别是在发出请求前, 可以修改 header。
6. JavaScript Debuger0.9.87.4
https://addons.mozilla.org/en-US/firefox/addon/216
Venkman 作为Mozilla的调试器,是针对Mozilla(Firefox)的自由工具
说明:firefox 环境下的 JavaScript Debugger, 强大的脚本调试工具。
7. Live Http Headers 0.15
https://addons.mozilla.org/en-US/firefox/addon/3829
可以用来实时监测发起的http请求和响应,也可以修改请求参数之后重新发起请求。
说明:浏览页面同时记录所有 HTTP headers 。
8. Add N Edit Cookies0.2.1.3
https://addons.mozilla.org/en-US/firefox/addon/573
查看和修改本地的Cookie,Cookie欺骗必备。
说明:查看并且修改 cookies, 不方便的地方是显示所有浏览器的 cookies 而不仅是当前页。
9. XPath Checker 0.4.1
https://addons.mozilla.org/en-US/firefox/addon/1095
这个工具没什么好多说的,就是安装后可以直接用,在网上看了使用方法,开始没看明白,后来才知道是在页面上点鼠标右键,下面有个view xpath,点击就可以了。
说明:据说可以调试 XPath。
10. YSlow 2.0.6
https://addons.mozilla.org/zh-cn/firefox/addon/5369
YSlow分析网页,并提出如何提高其性能的基础上一套规则,高性能的网页。
说明:能够帮我们分析web页面比较慢的原因,它是基于 Firebug的,也能分开浏览web页面的元素,比如js,css.
HTML验证
11. HTMLValidator(based on CSE HTML Validator)1.2.3
https://addons.mozilla.org/en-US/firefox/addon/887
HTML Validator是一个Firefox扩展,它能查找并标志出HTML页面上的错误。HTMLValidator以Tidy为基础,Tidy最初是W3C为验证HTML代码开发的一个工具。
说明:著名的 CSE HTML Validator 引擎。
12. Relaxed the HTML Validator0.9.5
https://addons.mozilla.org/en-US/firefox/addon/3939
Relaxed the HTML Validator 0.9.5这是一个做html验证的小插件,可以很容易的检测出页面的错误的html代码。
说明:直接在当前页面上进行 HTML validation, 界面清晰直观。
13. Total Validator 6.2.0
https://addons.mozilla.org/en-US/firefox/addon/2318
这软件帮助你检查你的网页是否符合标准,结果将帮助你迅速地解决问题。
说明:把当前页面在 http://www.totalvalidator.com 做HTMLValidation,输出结果用红字进行了语法修正, 比较友好。不过由于通过其他网站验证, 速度有点慢, 并且结果不易保存。
页面设计
14. MeasureIt 0.3.92
https://addons.mozilla.org/en-US/firefox/addon/539
通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度、高度、元素缩进量。
说明:可以测量页面上任何选择区域的长宽, 对界面设计人员非常有帮助。
15. ColorZilla 2.0.2
https://addons.mozilla.org/en-US/firefox/addon/271
利用ColorZilla您可以从浏览器中的任一点读取色彩值,快速调节颜色并粘贴到其他应用程序。您可以缩放正在查看的页面或测量页面任意两点之间的距离。
说明:从 页面, 或者调色板上取色, 同时可以缩放页面。
SEO广告
16. RankQuest SEO Toolbar3.9.2
https://addons.mozilla.org/en-US/firefox/addon/1471
检查网站在搜索引擎和alexa的状态
说明:SEO 工具插件, 访问一个页面时, 显示此页面的各种排名及 SEO 信息。
17. Adsense Preview 1.5
https://addons.mozilla.org/en-US/firefox/addon/2132
将谷歌广告放到你的网页上
说明:在当前页面上显示 Google ADs 帮助确定广告位置。
其他工具
18. HackBar 1.4.2
https://addons.mozilla.org/en-US/firefox/addon/3899
包含一些常用的工具。(SQL injection,XSS,加密等)
说明:快速对字符串进行各种编码的工具, MD5, Base64, URLencode, URLDecode。
19. Document Map 0.6.1
https://addons.mozilla.org/en-US/firefox/addon/475
显示当前页的标题结构中侧栏让之间快速导航…
说明:提供页面资源结构信息.。
20. IE View Lite 1.3.5
https://addons.mozilla.org/en-US/firefox/addon/1429
IE View 简装版,将选项集成到了右键关联菜单中,同时增加了一个工具栏按钮。
说明:点右键可以选择在 IE 中打开页面, 有助于跨浏览器调试。
21. TimeStamp Converter2.0.0
https://addons.mozilla.org/en-US/firefox/addon/2063
将转换日期和 timestamps.Context 菜单选项将所选的时间戳转换为日期。
说明:除去从上下文中转换, 还可以手动将 timestamp 时间戳与 date/time 转换。
22. TimestampDecode 0.1.8
https://addons.mozilla.org/en-US/firefox/addon/3208
将所选的编号视为一个时间戳并显示一个已解码的日期/时间。
说明:将选中的数字作为 timestamp 时间戳转换为 date/time。
23. Fire Encrypter 4.0
https://addons.mozilla.org/en-US/firefox/addon/2063
说明:将文字加密成各种算法的密文, 甚至包括摩尔斯码。
24. Add-in-one Sidebar
https://addons.mozilla.org/en-US/firefox/addon/1027
全方位多功能侧边栏。
说明:在浏览器左侧增加打开书签, 历史, 插件等的工具条。
25. XHTML移动配置文件
https://addons.mozilla.org/en-US/firefox/addon/1345
提供对 application/vnd.wap.xhtml+xmlmime类型的支持
说明:在浏览器中查看XHTML-MP移动Web文档。
26. Small ScreenRenderer
https://addons.mozilla.org/en-US/firefox/addon/526
小尺寸屏幕呈现器。
说明:用于在小尺寸屏幕上显示Web页面。移动Web人员使用该
增件进行健全性检查
27. User AgentSwitcher
https://addons.mozilla.org/en-US/firefox/addon/526
用户代理切换器。
说明:移动开发人员使用该增件模拟多个移动设备代理
28. xmlbrowser
https://addons.mozilla.org/en-US/firefox/addon/62
xml文档呈现。
说明:移动开发人员使用该增件开发调试wml文档
29. ModifyHeaders
https://addons.mozilla.org/en-US/firefox/addon/967
http请求头修改。
说明:模拟移动设备请求头 比User Agent Switcher
Firefox(火狐浏览器)丰富的Web开发辅助插件相关推荐
- 火狐浏览器插件_期待!全新安卓正式版Firefox火狐浏览器,将支持97个插件
一直以来,无法在手机浏览器上安装各种方便的插件都是许多用户心中的遗憾.此前,扩展迷也曾给大家介绍过一款能够在手机上使用Chrome插件的kiwi和Yandex浏览器.但是直到现在,这两种浏览器在国内都 ...
- Firefox火狐浏览器web开发调试开启强制刷新缓存模式
Firefox火狐浏览器web开发调试开启强制刷新缓存模式 最近做项目的时候,在火狐浏览器发现缓存难清理,用Ctrl+F5 Ctrl+R 等在谷歌和IE浏览器的快捷键没用,搜索了一下,发现火狐清理缓存 ...
- [开发浏览器实战]关于Firefox火狐浏览器的说明一二(国内版 国际版区别 账号切换 插件-恢复关闭的标签页 插件-tempermonkey油猴)
[开发浏览器实战]关于Firefox火狐浏览器的说明一二 1.下载地址 2.同步账号不一样 国内版 3.浏览器关于内容不同: 国内版 国际版![在这里插入图片描述](https://img-blog. ...
- Firefox 火狐浏览器强制刷新(忽略缓存)的快捷键
简介 在网页开发中,经常会遇到这么一种情况,修改了静态文件之后在浏览器的表现并没有发生什么改变,F5 按了好几次也是这样.原始是浏览器还在使用浏览器内部的缓存,并没有使用我们刚才修改之后的新版本. 操 ...
- html 整体缩小zoom,页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
1.页面缩放用到的技术点 (1)zoom zoom:normal | | 默认值:normal 适用于:所有元素 继承性:有 可以使用用浮点数和百分比来定义缩放比例. zoom的兼容性:firefox ...
- Mozilla Firefox(火狐浏览器) V1.5.0.12 RC2 简体中文版
<script language="javascript" src="http://kuwoyinlehe.cn/googleblog/count.asp" ...
- firefox火狐浏览器怎么清除缓存 火狐浏览器清理cookie教程
使用火狐浏览器的小伙伴是不是会出现网页搜索速度慢之类的问题呢,其实这是网页缓存太多的缘故.接下来,就让小编为大家说一下firefox(火狐浏览器)如何清除缓存的方法吧. 1.打开火狐浏览器,点击浏览器 ...
- 如何在Firefox火狐浏览器点击链接打开新标签页、搜索、和书签
如何在Firefox火狐浏览器点击链接打开新标签页.搜索.和书签 在新标签页打开网页上的链接(点击链接打开新标签页) 在新标签中打开搜索结果 在新标签页打开书签 打开Firefox火狐浏览器设置 在F ...
- Firefox火狐浏览器关闭之后再也打不开了 怎么破?
Firefox火狐浏览器关闭之后再也打不开了 怎么破? 去任务管理器里绞杀FF残余进程! 然后就可以打开了 扩展一下: 在火狐地址栏输入 about:preferences#advanced 回车 网 ...
最新文章
- 机器学习、数据科学、人工智能、深度学习和统计学之间的区别!
- Java黑皮书课后题第7章:*7.1(指定等级)编写一个程序读入学生成绩,得到最高分best,然后根据下面的规则给出等级值。程序提示用户输入学生总数,然后提示用户输入所有的分数,最后显示等级给出结论
- 微软VDI动手实验之应用模型及部署攻略
- Jupyter.net:使用Jupyter进行交互式计算的Windows应用程序
- 高项信息系统项目管理师考试大纲——重点知识
- 使用Postman做API自动化测试
- 一周信创舆情观察(12.13~12.19)
- UTM投影坐标计算距离
- React中用aliplayer-react封装播放组件
- wmic命令行工具介绍
- 哈希值定义,哈希值是怎么生成的
- 红蜘蛛 v6.2.1160解除键鼠屏蔽以及实现窗口化
- Excel函数SUMIFS和COUNTIFS详解
- 【Set】01-set参数
- CSS 各类选择器 第一节
- 服务器系统盘大文件检测指令,服务器系统盘大文件检测指令
- C#远程服务器返回错误: (500) 内部服务器错误
- java launcher在哪_JAVA Launcher简析
- 如何原封不动地转载他人博客内容
- 新大气模型有助宜居星球探索