Firefox非主流开发扩展推荐

Firebug已经家喻户晓,不必多说。下面推荐的是些村酒野蔬,虽没什么名气,但其味醇厚甜美,食之飘香再难忘情。

HTML Validator

html_validator
http://users.skynet.be/mgueury/mozilla/

很喜欢这个扩展的Tidy算法模式,可以检查出HTML页面中绝大部分嵌套和书写错误,并且针对每个错误都有详细的说明和推荐写法。当然,很多时候,我们不大可能去纠正所有错误和警告。一个常用的小技巧是:将可以容忍的错误添加到Hidden列表中。这样,只要看看右下角的状态信息,就知道页面中是否还有错误了。

Launchy

launchy
https://addons.mozilla.org/en-US/firefox/addon/81

这个扩展相见恨晚,一见就再也离不开了。如上图所示,能很方便的让我们在不同浏览器中加载测试页面,还可以配置编辑器。注意的是:默认情况下,Launchy会自动探测浏览器和编辑器,我的习惯是将自动探测关闭,按照选项里的说明,在chrome目录下通过launchy.xml手动指定菜单项。这是我的配置文件:Firefoxprofilechromelaunchy.xml目前IETester只能打开,不知道怎么传送参数过去,还希望知道的指点一下。(IETester 0.3已经支持Command line arguments)

Fiddler Switch

fiddler_switch
https://addons.mozilla.org/en-US/firefox/addon/9373

在前端开发界,有这么一个说法:Firefox + Firebug + Fiddler,称之为 3F,拯救了前端的工作。Fiddler是个伟大的工具,默认在IE上工作得挺好,但在Firefox上需要设置代理,有点麻烦,Fiddler Switch就是Taobao UED空帷达人为了解决此问题而开发的。如果你还没用过Fiddler,推荐阅读下这篇文章:如何直接调试线上页面的JavaScript和CSS

Johnny Cache

johnnycache
https://addons.mozilla.org/en-US/firefox/addon/3817

是否厌倦了 Ctrl + F5? 是否有时忘了切换 Web Developer Toolbar 禁用的Cache,而导致上网很慢?Johnny Cache让你一次配置,永久解决烦恼。我很喜欢这种谦虚却非常实用的扩展。

Firefox DNS Flusher

dns_flusher
https://addons.mozilla.org/en-US/firefox/addon/7408

这也是一款非常谦虚但绝对实用的扩展。开发测试时,经常要修改hosts文件。但默认情况下,Firefox会缓存DNS,修改hosts文件后,有时得重启Firefox才能生效,这是很让人恼火的。装了这个扩展,就再也不用等待漫长的重启了。同时,还拥有了一个附加功能:直接查看域名的ip.

MeasureIt

measureit
https://addons.mozilla.org/en-US/firefox/addon/539

根据mockup制作精确的demo是前端工程师们的日常工作,通常的做法是在Photoshop或其它图像处理软件中测量,但来回切换窗口是有点影响效率的。MeasureIt能让你直接在页面中的测量,方便快捷。

我的Firefox上,除了Firebug, 开发用的扩展就上面这些了。除了MeasureIt用的频率不是很多,其它扩展几乎天天都用。感谢这些扩展,让我有更多的时间好好生活。

转载于:https://www.cnblogs.com/dxs376263348/archive/2009/09/03/1559843.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于开发 jQuery 火狐扩展,你可以遵循以下步骤: 1. 准备工作:确保你已经安装了最新版本的 Firefox 浏览器和一个文本编辑器(如 Visual Studio Code)。 2. 创建扩展文件夹:在你的工作目录下创建一个新的文件夹,用作扩展的根目录。 3. 创建 manifest.json 文件:在扩展的根目录中创建一个名为 manifest.json 的文件。这个文件用于描述扩展的元数据,包括名称、版本号、描述等。 4. 编写代码:在根目录中创建一个名为 content.js 的 JavaScript 文件,用于编写你的 jQuery 代码。在这个文件中,你可以使用 jQuery 库进行 DOM 操作和事件处理等。 例如,你可以编写一个示例代码来修改当前页面的标题: ```javascript $(document).ready(function() { $('title').text('Hello, Firefox Extension!'); }); ``` 5. 引入 jQuery 库:将 jQuery 库文件(例如 jquery.min.js)下载并放置在根目录中。然后,在 content.js 文件中通过以下方式引入 jQuery 库: ```javascript importScripts("jquery.min.js"); ``` 6. 更新 manifest.json 文件:在 manifest.json 文件中添加必要的配置项,以便 Firefox 可以正确加载和运行你的扩展。具体配置可以参考 Mozilla 开发者文档。 7. 打包扩展:将扩展文件夹压缩为一个 ZIP 文件,确保不包含额外的文件或文件夹。 8. 安装扩展:打开 Firefox 浏览器,点击菜单按钮,选择“附加组件”进入附加组件管理页面。在页面右上角的齿轮图标下拉菜单中选择“从文件安装附加组件”,然后选择之前打包好的 ZIP 文件进行安装。 9. 调试和测试:在 Firefox 中打开网页,并检查扩展是否按预期运行。在开发过程中,你可以通过 Firefox开发者工具来调试和测试你的扩展。 请注意,上述步骤只是一个简单的概述,实际开发过程中可能会涉及到更多细节和特定要求。你可以参考 Mozilla 开发者文档中关于 Firefox 扩展的详细指南,以更好地了解和掌握开发流程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值