用来武装Firefox的24款Web开发插件俗话说,“工欲善其事,必先利其器”。
对于前端开发工程师来说,基于Firefox丰富的Web开发辅助插件无疑就是最好的利器。
开发工具1.WebDeveloper1.1.8以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。
使我们能轻易的获得网页的更多信息,使我们进一步的了解当前所浏览的网页。
说明:超强的web分析工具,开发人员必装。
2.Firebug1.5.0Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但FireBug最吸引我的就是javascript调试功能,使用起来非常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera,Safari),简直难以置信。
除此之外,其他功能还很强大。
比如html,css,dom的察看与调试,网站整体分析等等。
总之就是一整套完整而强大的WEB开发工具。
说明:查看,编辑,Debug页面的CSS,HTML,JavaScript。
超强的开发调试的工具,开发人员必装。
说明:非常强的web开发工具。
SourceChar2.74.ViewViewSource画一个Color-Coded的图表的Web页的源代码。
说明:显示非常好看的源码,分级缩进,不同颜色区分。
5.TamperData11.0.0TamperData的真实含义,即“篡改数据”(或者说定制HTTP请求):截取浏览器发出的每一个HTTP请求,提示我们选择是要进行定制,还是不做定制而直接提交请求,还是终止当前被截取的请求,然后根据我们的选择决定是打开定制窗口,还是直接向WEB服务器提交请求,还是终止当前的请求。
狐插件开发教程firefox的插件分两种类型,种extension,叫扩展,种是plugin,我们叫插件.两种是完全不同的两个东西。
extension相对来说简单很多,的主要是XUL,只是xml的个变相。
plugin相对来说复杂些。
具体的官说明如下、插件的标准1、在windows平台,狐的插件是以动态库形式(dll)存在的,并只去识别在其安装录下plugins件夹下的dll;2、dll的名是以8.3原则来命名的,即其名字所包含的字符不超过8个字符且以dll结尾的件,还有个规定就是其名字必须以np开头,例如:npXXX.dll,XXX不超过六个字符;3、dll是属于MIME(种标准)类型,要不狐浏览器不认识他;4、dll导出的函数必须是NP_GetEntryPoints、NP_Initialize、NP_Shutdown是这三个,这是狐浏览器能够识别的在个接,具体说明在插件的命周期中说明。
、插件的命周期1、第次打开含量有插件的页时,浏览器最先调NP_GetEntryPoints作为调插件的,此法也只在第次加载插件时调。
2、调NP_GetEntryPoints后,浏览器会调NP_Initialize初始化插件,NP_Initialize只在第次调时被浏览器调,与NP_Initialize配对的是NP_Shutdown,NP_Shutdown是在关闭了所有含有该插件的页后被浏览器调,在命周期内也只被调次3、调NP_Initialize后,浏览器会调会NPP_New来创建个插件实例,每打开个页都会调NPP_New次来创建个插件实例,与NPP_New配对的是NPP_Destory,在每关闭个页都会调NPP_Destory来释放NPP_New创建的实例4、调NP_Initialize后,般会调NPP_SetWindow来调置窗,对于没有窗的插件当然不调。
Firefox必备的24款web开发插件软件过滤:排序:|Firebug是Firefox下的款开发类插件,现属于Firefox的五星级强推荐插件之。
它集HTML查看和编辑、Javascript控制台、络状况监视器于体,是开发JavaScript、CSS、HTML和Ajax的得助。
Firebug如同把精巧的瑞军,从各个不同的度剖析Web...最近更新:发布于4天前来AntoninHildebrand的FireQuery是个常简洁的帮助firebug添加jQuery持的具。
它是在Firebug开发jQuery的最佳伴侣。
只需要在地址栏输ssh://username@IP地址即可连接标服务器。
Weave是款实的Firefox插件,户可以使该插件在不同的设备上同步Firefox数据,包括书签、浏览历史、设置、密码、窗体加载等等。
为了简明扼要地向户传达其功能,Mozilla不久前宣布,从1.3Beta5开始,Weave将更名为FirefoxSync(狐同步)。
...Firecookie是个Firefox扩展,可以为Firebug添加Cookie的查看和管理功能,操作很是便。
这个Firecookie与其他扩展不同的地就是集成在了Firebug中,通过Firebug上的个标签就可以直接查看Cookie。
安装这个扩展有个前提,当然就是在先安装Firebug,...Abduction!是个来将整个页保存为图的FireFox插件。
最近更新:发布于2年前如果您在多台机器上的使Firefox,您就会到Foxmarks。
firefox常用插件............................................错误!未定义书签。
30款非常有用的Firefox插件................................错误!未定义书签。
FireFox的界面工具按钮的自定义...............................错误!未定义书签。
Firefox删除插件............................................错误!未定义书签。
AdblockPlus:ElementHidingHelper:前面说过了,和ABP配合使用宇宙无敌,指哪儿蔽哪儿。
去myeclipse网站能用上。
CoralIETab:切换为IE内核,用于某些IEOnly的网站,很少用。
DownloadManagerTweak:改变下载窗口视觉样式,可在侧边栏、新标签页里显示。
EaseLink:迅雷、旋风、快车、纳米、RF专有链破解。
FlashGot:调用外部下载工具,我不习惯DownThemAll。
简单地说,你可以直接查看163、新浪、百度空间等不支持外链的图片,可以在firefox中访问YS168网盘等等。
MinimizeToTray:最小化到系统托盘,firefox自己不支持这个功能,很操蛋。
NoColor:将任何花里胡哨的网页瞬间变为白底黑字蓝色链接,便于阅读。
NoSquint:缩放网页,可整体也可针对具体网页制定规则。
虽然“Ctrl”+“+/-”也可实现这个功能,但很多时候人会犯懒,心想反正这个网页看了就关,不用调大小。
而用NoSquint默认开启120%之后,越用越适应,越用越舒服,尤其是现在大屏幕高分辨率显示器普及的情况下,放大网页很实用。
第8章调试技巧理想的软件开发是不需要调试的,但在现实开发过程中,开发人员总是会因为不同的原因而犯各种各样的错误,以至于给所构建的系统带来不同程度的危害。
有些错误浅显而低级,比如用错了大小写,或者写错了变量名等等;而有些错误是复杂的逻辑错误,这类错误往往隐藏较深,不容易找出错误的原因;另外一些错误可能是功能实现的方式有问题,导致程序有性能瓶颈等等。
可以说,软件开发就是不断编码和调试的过程。
使用好的调试工具并掌握好的调试技巧能够加快软件开发进程,提高产品质量。
本章将向读者详细介绍使用Firebug和Aptana调试JavaScript程序的一些技巧。
8.1深入解析Firebug的调试功能在本书的第五章中已经向读者介绍过了Firefox浏览器的优秀调试插件Firebug的界面和基本功能。
本节将向读者深入讲解如何利用Firebug的控制台输出各种自定义的信息、查看错误提示,如何利用命令行工具在页面上执行JavaScript代码,以及如何使用脚本查看器进行脚本的调试。
8.1.1检查常规错误当Firefox遇到一个JavaScript错误时,Firebug会在其控制台输出一个错误信息。
这个错误信息包含了错误的描述、发生错误的代码片断、包含该代码片断的函数或者方法、以及事件对象信息。
下面这个示例中,在测试按钮的事件处理函数中调用了一个不存在的函数,代码如下所示。
步步学习Firefox扩展的开发(1)——制作具栏按钮及右键菜单Firefox提供开放、强且灵活的扩展机制,因此衍出了量功能丰富的扩展组件,这些扩展组件甚可以说是某些户爱上firefox的主要因素。
较可惜的是firefox扩展开发的中资料相对较少,因此在这我会从简单到深介绍开发firefox扩展的些技术及常遇到的问题。
本所讲的例也是这个向导制作出来的。
好了,下就开始讲解本的例组件:uusharedemo1的制作过程。
1、了解扩展组件的构成Firefox扩展组件是以个xpi件的形式发布的,xpi件实际上是zip压缩包件,我们只要把Firefox扩展组件下载回来(右键另存为即可下载),把件扩展名改为zip即可解压并看到所有的源代码,有时可能还会在压缩包看到jar格式件,这个也是zip压缩包,改名解压即可看到源代码。
因此多下载优秀的扩展回来慢慢研究其源代码也不失为种快速的学习法。
般xpi件内部有(但不定都有)如下录及件:其中uusharedemo1为本例组件的名称,可以看到压缩包层有:install.rdf及chrome.manifest两个件以及个chrome录。
平时测试或者开发更青睐于firefox浏览器,其强大的附加组件也使我们的分析变得简单并全面。
今天推荐几个工作常用的扩展组件。
1、Firebug对于网页开发人员来说,Firebug是Firefox浏览器中最好的插件之一。
可以对任何网页的CSS、HTML和JavaScript进行实时编辑、调试和监控。
如图:安装后直接按F12即可打开,非常方便。
现在版本为:Firebug1.11.22、ModifyHeader它允许用户在浏览器发送请求之前修改请求头信息,我们可以随意设置我们想要发送的头信息,这里可以设置的很多,如Cookie,UserAgent,Accept等。
安装完成后在浏览器的左下角。
打开设置框:这个工具可以按自己需要修改头信息字段值,如图中可将发送请求的User-Agent值由默认的firefox值修改为“N97”。
可以修改Accept字段值,使其接受png图片的格式。
只要是请求头中的字段,都可以在里面进行手动修改。
现在版本:ModifyHeader0.7.1.13、EliteProxySwitcher代理管理、切换工具,集成在浏览器右下角,直接单机即可在有无代理中自动切换。
如图中红框,左键点击切换,右键点击会弹出代理设置框,可进行代理修改。
现在版本为:EliteProxySwitcher1.2.0.24、CacheStatusCacheStatus用于即时监控浏览器的缓存使用情况,包括内存缓存和硬盘缓存。
右键点击它的状态栏,你可以将已经使用的缓存清空,或者是刷新数据;通过Firefox中的插件管理选项,你还可以对CacheStatus做一些简单设置,设置最大的内存和硬盘缓存值,到达这个数值就自动清理缓存,释放出来。
以前在IE中是使用一个ActiveX来实现的。
FF的插件从来没有做过,不知道将来会遇到多少困难。
在网上发现一个页面:/code/mozilla/extensionwiz/,它提供了一个FF扩展的生成向导,填写完必要信息后,会生成一个zip文件。
之后我改名为xpi后,丢到我的FF3.0中,提示不正确的安装包。
看来这个向导针对FF3还有些问题。
具体问题是什么?现在还不清楚。
让我来继续寻找资料……在Mozilla网站上了解到,FF的Extension和Plugin是两种概念的东西:Extension就是一个zip包,里面有规定的一些必要文件。
这个可以下载几个插件看一下他们的目录结构就好了。
Plugin好像是另外一码事了,在MozillaDeveloperCenter的Plugin开发介绍文中有这么一句:Pluginsaredifferentfromextensions,whichmodifyorenhancethefunctionalityofthebrowseritself.Pluginsarealsodifferentfromsearchplugins,whichplugadditionalsearchenginesinthesearchbar.(插件与扩展不同,它更改或者改善了浏览器自身的功能。
网页前端开发必备的15个火狐插件firefox是一款越来越热的web浏览器,多种多样的扩展,主题,插件,是它快速流行的重要原因。
mozilla的网站上提供了许多扩展和插件的下载,由于众多开发者的支持,这些扩展和插件的数量也在随着需求日益增长,下面列举15款比较优秀的插件,仅供大家参考。
以下是15个Firefox插件,它们可以让web开发人员的开发工作变得更轻松:1、aardvark:aardvark可以让你从网页中选择元素,并对它们进行操作。
web开发人员可以利用aardvark对网页的构架进行分析,同时还可以利用aardvark去移除和隔离元素或者生成dom代码,这个是笔者强烈推荐的一款firefox插件。
2、cssvalidator(css验证器):css验证器可以在您的浏览器中添加一个右击选项,将css传送至w3ccss验证。
它可以再一个新的标签中打开答案,笔者认为,cssvalidator将会是一款引导潮流的开发工具。
3.Cssviewer:Cssviewer是一个紧凑的CSS属性查看器。
它会随着鼠标的移动显示当前指定元素的CSS样式信息,包括从父元素继承的、用户定义的和浏览器定义的所有样式信息。
同时您还可以通过在工具栏中添加扩展的图标按钮来激活/禁用扩展。
4、firebug:firebug是测试前端代码和css的最好的调试软件。
如果出现任何不符合格式的图像或类型,最好的解决办法就是用firebug检查出来。
甚至可以在里面改变样式来检查网站是如何在浏览器中的渲染效果。
5.FireHP:firebug是一个很好的CSS、HTML和JavaScript开发工具,但FireHP只有在用户安装firebug后才可用。
PHP开发人员可以使用它来帮助他们管理PHP函数。
6、fontfinder:fontfinder使得开发者可以在网站上突出一些文字的字体,右击选择后,选择“查找字体”,查看选定文字的全部的css文字样式,然后将这些文字粘贴到您自己的网页中。
一般来说使用firefox火狐浏览器都会安装插件,而对于网站前端开发人员来说,使用火狐更多的是为了方便调试网站,CSS和JS等。
所以这里我们专为前端开发这推荐以下的20个火狐插件,这些都可以帮助你提高工作效率:1-InspectorWidget在工具栏上添加按钮和菜单用来调用DOM查看器,查看chrome和元素。
2-WebDeveloper一个很实用的扩展,为Firefox添加一个含有不同web开发工具的菜单和工具条。
3-IEView右击在IE中查看当前页面,还可以标记某些特定页面总是用IE中打开。
4-TinyUrlCreator通过在浏览器中右键单击,用tinyurl为某些长url或链接创建缩略地址,方便在twitter和email传送。
5-EditCSS放在侧边栏里的样式表调节器。
6-Viewformattedsource是否曾想过不用擦好看css源文件就可以查看到页面中每个元素的样式,眼前这个很棒的扩展就可以做到。
你可以精确的看到哪条css规则和哪个元素匹配。
每条css规则显示包括文件名和行号。
顶端的元素具有最高优先级。
(这是一个1.0-2.x时代的FF扩展)7-Firebug最棒的扩展之一。
我想怎么推荐这个插件都不过分!有了Firebug,你可以实时的在任何Web页面中编辑,调试,乃至查看CSS,HTML还有。
你甚至还可以用它来学习CSS。
8-ImageDownload这个扩展能够下载页面中所以的图像,帮助提升图像的下载速度。
同时,你还可以通过长宽,类型来设置过滤下载你想要的。
9-JavaScriptDebugger为基于Mozilla的浏览器提供一个强大的JavaScript调试环境。
10-Greasemonkey这可以说是一个必装的扩展!它将彻底改变你的互联网体验将。
有了它,你可以通过少量的JavaScript来定制Web页面的显示方式。
国产龙芯平台不仅仅体现在一款高性能的处理器上,更体现在与之相配套的软硬件体系上。
%WiththedevelopmentoftheInternet,asthemainentrance,thebrowserplaysamoreandmoreimportantroleinthecommonapplications.Theloongsonplatformisnotonlyahighlyperformanceprocessor,butalsoitsrelevantarchitectureofsoftwareandhardware.Firefoxbrowserplug-inwasstudiedsysmticllycorrespondingtoloongsonplatform,andthefunctionmigrationandextensionofthebrowserbasedondomesticindependentinstructionsystemwasalsocarryoutdeeply.TheFirefoxbrowserplug-inonthedomesticLoongsonplatformhasbeenimplemented.【期刊名称】《无线互联科技》【年(卷),期】2016(000)014【总页数】3页(P57-58,68)【关键词】国产龙芯平台;浏览器;插件;封装【作者】詹秋芳;李笑澜【作者单位】中标软件有限公司,上海200433;中标软件有限公司,上海200433【正文语种】中文当前随着社会信息化程度的提高,网上办公、公文流转等信息系统越来越盛行,随之引发的信息系统安全可靠问题也日益严重,“自主可控”的呼声也越来越高。
狐浏览器安装插件步骤狐浏览器安装插件步骤狐浏览器作为调试程序的主流浏览器,然少不了好多插件。
以安装测试接插件(RESTClient)为例。
安装插件的基本步骤打开狐浏览器—>右上的板展开—>打开板中的【附件组件】—>选择左侧的【扩展】选项—>在右侧输框输需要安装的插件名称,例如:RESTClient—>搜索完成如果找到该插件点击【+添加到Firefox】—>安装完成(在浏览器的右上有对应的插件图标)安装步骤图展安装狐浏览器,并打开右上的板展开—-打开板中的【附件组件】(打开查找插件的位置)选择左侧的【扩展】选项—-在右侧输框输需要安装的插件名称,例如:RESTClient(搜索插件,原来安装过个维码的插件,可以禁和移除)搜索完成如果找到该插件点击【+添加到Firefox】(安装插件)安装完成(在浏览器的右上有对应的插件图标)—-点击插件图标即可使插件(安装成功进应)。
firefox写底层扩展,源码简介还记得2010年的时候,那时候开始喜欢上了js,经常逛MDN开始写些简单的油猴脚本,慢慢的接触了扩展开发,发现的js知识加上firefox的插件API,可以完成好多功能。
PersonalMenu:将某些不常用但有时会用的菜单命令收纳到一个按钮中,实现界面的简洁。
UnMHT:将目标页另存为mht,也可读取mht文件。
FireFox的扩展插件有成百上千,你要用哪个呢?这里收集了50个流行的扩展插件,下载后安装,会让你的FireFox浏览更轻松。
plugin-container.exe插件容器(plugin-container.exe)是一个常见的运行浏览器插件的进程。
它是MozillaFirefox浏览器中的一个重要组成部分,用于隔离插件的运行,提高浏览器的稳定性和安全性。
首先,让我们来了解一下什么是插件容器。
在早期版本的Firefox中,浏览器和插件共享一个进程,这意味着插件的运行可能会影响到整个浏览器的性能和稳定性。
为了解决这个问题,Mozilla开发了一个单独的进程,即插件容器,用于插件的加载和管理,以及防止插件崩溃对整个浏览器造成影响。
插件容器的主要作用是隔离插件的运行环境,并在插件崩溃时提供恢复机制。
它充当了浏览器与插件之间的中间层,通过在独立的进程中运行插件来保护浏览器的主进程免受插件故障的影响。
这样,即使某个插件崩溃了,整个浏览器也可以继续正常运行,不会出现闪退或卡顿的情况。
插件容器的工作原理当插件容器启动时,它会与Firefox的主进程建立通信,共享关于插件的信息和状态。
它会负责加载和运行各种插件,如Flash、Java以及其他第三方插件。
插件容器通过插件的API与浏览器交互,接收来自浏览器的指令并返回对应的结果或数据。
在此过程中,插件容器还会监控插件的运行状态,如果发现插件崩溃或者出现其他异常情况,它会采取相应的措施防止这种情况进一步影响浏览器。
一般情况下,插件容器是以插件的进程形式运行的,每个插件都有一个对应的插件容器进程,这样可以确保插件之间的互相隔离,一个插件的崩溃不会影响其他插件的运行。
同时,插件容器还会为每个插件分配单独的内存空间,防止插件对浏览器的内存造成影响。
FireFox插件SQLiteManager的使用最近几天开始高IOS数据库来着,一开始就CoreData的学习,结果高了一天没有一点进展。
没法,还是先老实代码着吧,不过用的火狐插件可视化数据库的操作也是不错的似乎。
FireFox插件:SQLiteManager可以管理你电脑上的任何SQLite数据库。
一个直观的目录树状来展示数据库的对象。
通过提示对话来管理表、索引、视图和触发器。
你能浏览和搜索这些表,还能增加、修改或删除记录。
快捷地执行任何sql查询。
一个下拉菜单sql语法帮助,让编写sql变得轻松。
通过菜单、工具条、按钮、和关联菜单来简易地进行相同的操作。
然后就能在左边的视图里,出现tableviewindextrigger这四个小项。
你可以通过右键,进行CREATE操作。
测试的表格:创建表后自动在table项下以树状图形式排列显示。
在这个实际表,你可以通过右键进行create、drop、empty、rename、copy、export等操作。
有了FireFox的SQLiteManager插件,就不需要进行本机安装SQLite了.使用SQLiteManager就能在本机上建个小数据库进行常用的个人数据管理了。
3,选择:Database-》ExportDatabase,文件格式选为sql。
4,导出后,将sql文件导入mysql即可。
1.安装python2.5、2.6或者2.7,3.X不支持,将Python的路径加入到环境变量PATH中。
2.Firefox3.安装Add-OnSDK。
4.启动命令行,到sdkroot目录下,运行激活命令bin\active5.可以看到命令提示符现在应该有一个包含SDK的根目录名称的新的前缀:(C:\Users\mozilla\sdk\addon-sdk)C:\Users\Work\sdk\addon-sdk>在shell提示符运行:cfx它会产生下面信息,这里是第一行内容,后面是大量的使用信息:Usage:cfx[options][command]这是CFX命令行程序,是主界面加载项的SDK,可以使用它来启动Firefox和测试插件,打包附加分发,查看文档和运行单元测试。
一旦成功启动了firefox,说明环境搭建成功。
现在可以在lib/main.js中添加如下代码,main.js是在之前的cfxinit中被自动创建。
_var_widgets_=_require("sdk/widget");_var_tabs_=_require("sdk/tabs");_var_widget_=__widgets_.Widget({_id_:_"mozilla-link"_,_label_:_"Mozillawebsite"_,_contentURL_:require("sdk/self").data.url("icon-16.png"),_onClick_:function(){_tabs_.open("/");}});返回到命令行界面,运行cfxrun.如上代码用到了两个模块:“ui/button/action”,这个模块允许添加你的按钮到浏览器工具栏,”tabs”允许对tab做一些基本的操作。
本例中我们创建了一个按钮,并添加了对它的处理:在新标签页中打开了发布和打包:当完成了插件开发后,需要对插件进行打包成XPI文件。
这种格式对Firefox是可安装的。
打包命令同样很简单,运行如下命令:cfxxpi这个时候可以在当前目录下找到对应的xpi文件。
ContentSciprt的五项基本原则:1.Add-On为主要的代码,包含在main.js以及其他在lib文件夹中的JS模块,可以使用SDKhigh-level和low-level的API,但是不能直接访问页面。
2.ContentScript不能使用SDK的API,但是能访问页面3.SDKAPI加载ContentScript时使用类似于page-mod或者是tabs。
4.ContentScript可以作为一个字符串加载,但是更多情况下是存在于一个data目录下单独的文件中。
除非这段脚本极其简单,不然需要将脚本放入到一个单独的文件中,这样的话使脚本易于维护、调试和Reviedw。
比如,我们有一段脚本放在名为my-script.js的文件中。
varself=require("sdk/self");varbutton=require("sdk/ui/button/action").ActionButton({=id=:"style-tab",=label=:"StyleTab",=icon=:"./icon-16.png",=onClick=:function(){require("sdk/tabs").activeTab.attach({=contentScriptFile=:self.data.url("my-script.js")});}});这样一来,就可以加载多个脚本,脚本之间也可以相互调用,例如可以调用jQuery。
Add-On脚本和Content脚本的交互Add-On脚本和Content脚本不能直接相互调用和访问对方的变量,但是它们能给对方发送消息。
要发送消息,发起方调用port.emit()接收方接收时使用port.on()。
在content脚本中,port是全局变量self的一个属性。
在Add-on脚本中,tab.Attach返回一个worker对象,该对象包含了port属性,这个属性可以用来发消息到content脚本中。
下面的代码展示了content脚本中接收方的部分:=self=.port.on("drawBorder",function(=color=){=document=.body.style.border="5pxsolid"+color;});这部分代码展示了发起方使用attach返回的对象发送了一个”drawBord”消息:varself=require("sdk/self");vartabs=require("sdk/tabs");varbutton=require("sdk/ui/button/action").ActionButton({=id=:"style-tab",=label=:"StyleTab",=icon=:"./icon-16.png",=onClick=:function(){=worker===tabs=.activeTab.attach({=contentScriptFile=:self.data.url("my-script.js")});=worker=.port.emit("drawBorder","red");}“drawBorder”不是内建的消息,它是由port.emit调用的时候定义。