火狐如何扩展firebug_Firefox / Firebug扩展程序创建者向导

news/2024/7/19 14:54:59 标签: java, python, php, javascript, js
火狐如何扩展firebug

火狐如何扩展firebug

puzzle.png

Always wanted to create a Firefox extension? Or a Firebug extension? Here's an easy way to take off the ground, no more excuses.

一直想创建Firefox扩展程序吗? 还是Firebug扩展程序? 这是一种简单的动手方式,无需更多借口。

Firefox扩展 (Firefox Extensions)

The way most people get started with creating a Firefox extension is copying an existing extension and tweaking. This is not the best way as you can guess, the best way is to read documentation (where exists), but who cares about reading documentation. It's a fact that there are specific predefined files, directories and conventions you need to follow in order to get started with even the simplest "Hello World". Well, with my new tool, this is taken care of, so you can literally turn any piece of JavaScript (a bookmarklet for example) into a browser extension. Not bad, eh?

大多数人开始创建Firefox扩展的方式是复制现有扩展并进行调整。 您可能会猜到,这不是最好的方法,最好的方法是阅读文档(如果有),但是谁在乎阅读文档。 事实上,要开始使用最简单的“ Hello World”,就需要遵循特定的预定义文件,目录和约定。 好吧,有了我的新工具,它就得到了解决,因此您可以从字面上将任何JavaScript代码(例如,书签)变成浏览器扩展。 还不错吧?

工具 (The tool)

The tool is located at http://tools.w3clubs.com/ext/

该工具位于http://tools.w3clubs.com/ext/

It's basically just a simple form you fill out with your name, URL, extension name, etc, then a working extension is generated for you. You then install your own extension and just start modifying it. So your new extension is ready in under a minute.

它基本上只是一个简单的表单,您可以在其中填写您的姓名,URL,扩展名等,然后为您生成一个有效的扩展名。 然后,您安装自己的扩展程序,然后开始对其进行修改。 因此,您的新扩展程序将在一分钟内准备就绪。

Firebug扩展 (Firebug extensions)

I did this tool a while ago for personal needs and it has been working for me with no worries. Today before making it public, I thought of adding the option to generate Firebug extensions too. You knew Firebug is extensible and you can add new tabs, right? Yahoo!'s YSlow is an example of a Firebug extension.

不久前我出于个人需要使用了此工具,它一直为我工作,无后顾之忧。 今天,在将其公开之前,我还考虑过添加生成Firebug扩展的选项。 您知道Firebug是可扩展的,可以添加新标签,对吗? Yahoo!的YSlow是Firebug扩展的一个示例。

I followed Honza's Firebug tutorials part I and II and it worked beautifully. Honza is a Firebug contributor and these tutorials are excellently written and highly recommended, even if you use my tool to generate the code, it's still a good idea to know why things are what/where they are.

我按照Honza的Firebug教程的第一部分和第二部分进行操作,效果很好。 Honza是Firebug的贡献者,这些教程的编写都非常出色,因此强烈建议您使用它们,即使您使用我的工具生成代码,还是要知道为什么事物是什么/在何处仍然是一个好主意。

So there you go, same tool for creating both Firefox and Firebug extensions.

因此,您可以使用用于创建Firefox和Firebug扩展的相同工具。

Have fun with the tool, but be aware that writing extensions is addictive, don't say I didn't warn you. As always, any feedback is appreciated.

可以使用该工具,但请注意编写扩展名会令人上瘾,请不要说我没有警告过您。 与往常一样,任何反馈都值得赞赏。

Tell your friends about this post on Facebook and Twitter

在Facebook和Twitter上告诉您的朋友有关此帖子的信息

翻译自: https://www.phpied.com/firefox-firebug-extension-creator-wizard/

火狐如何扩展firebug


http://www.niftyadmin.cn/n/1307111.html

相关文章

清除缓存-Ctrl+Shift+Delete

1、IE清除缓存-CtrlShiftDelete 2、FireFox清除缓存-CtrlShiftDelete 3、谷歌浏览器清除缓存-CtrlShiftDelete 4、360浏览器清除缓存-CtrlShiftDelete

netflix 会员看整部_Netflix –您租了多少部电影

netflix 会员看整部Netflix is a great service, its a shame they dont seem to provide any APIs. Oh, well, well have to resort to other means of extracting data. Netflix是一项出色的服务,可惜他们似乎没有提供任何API。 哦,好吧,我…

FusionCharts 2D柱状图

1、设计思路 &#xff08;1&#xff09;利用FusionCharts设计出一个2D柱状图 &#xff08;2&#xff09;柱状图的数据源是由XML提供&#xff0c;可以在里面设置柱状图的属性 2、设计步骤 &#xff08;1&#xff09;新建一个HTML静态页面&#xff0c;取名column2D.html <…

FusionCharts 3D柱状图

1、设计思路 &#xff08;1&#xff09;根据FusionCharts的API&#xff0c;设计出3D柱状图&#xff1b; &#xff08;2&#xff09;3D柱状图的数据源是由XML提供。 2、设计步骤 &#xff08;1&#xff09;新建静态页面&#xff0c;column3D.html <!DOCTYPE html> <…

javascript 分号_关于JavaScript分号的真相

javascript 分号jk k jsdrama.com is live though. Enjoy and feel free to add more next time. jsdrama.com虽已上线。 尽情享受&#xff0c;下次再添加更多。 (image from wikipedia) (图片来自维基百科) Tell your friends about this post on Facebook and Twitter 在Fac…

合同模板html转pdf

文章目录html转pdfmaven jar包代码测试效果展示总结中文不显示html转pdf maven jar包 <!-- https://mvnrepository.com/artifact/org.xhtmlrenderer/flying-saucer-pdf --><dependency><groupId>org.xhtmlrenderer</groupId><artifactId>flyin…

FusionCharts 2D折线图

1、设计思路 &#xff08;1&#xff09;首先&#xff0c;了解FusionCharts中折线图的原理&#xff0c;数据源结构&#xff1b; &#xff08;2&#xff09;然后&#xff0c;了解FusionCharts中图的共性以及折线图属性的特性&#xff1b; &#xff08;3&#xff09;最后&#…

FusionCharts 2D饼图

1、页面 pie2D.html&#xff1a; <!DOCTYPE html> <!-- To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. --> <html><he…