这几天学习Firefox中扩展开发,经过了一个基本的入门以后(推荐一个Firefox扩展入门教程 ttp://www.borngeek.com/firefox/toolbar-tutorial/
),便开始在网上查找可以在eclipse中开发Firefox扩展的插件,发现使用比较多的主要在XULBooster与spket,前者由于要建立在WTP的基础上,而我已经安装了myeclipse,所以就不想再增大eclipse的体积了,由于便下载了spket来开发Firefox插件,现在将使用spket创建与最终生成Firefox扩展的过程整理后与大家分享:
1.创建一个Firefox Extension Project
安装好spket之后(eclipse插件的安装这里不再多说,个人推荐使用links方式),点击"文件"->新建->"Firefox extension project",在弹出的对话框中输入项目的名称(注意,这个地方项目名最好使用英文小写,因为这个项目名会被spket自动用来生成包名,而Firefox扩展中的包名必须是小写才可以!),并选择Firefox的安装目录.
2.
点击Finish之后,项目已经创建好了,Firefox扩展开发的相应文件夹已经自动生成,我们首先需要完整install.rdf文件的信息。完整插件的 id,version,description,minVersion,maxVersion等元素信息。然后修改chrome.manifest文件(要添加Overlay元素才能让UI界面在Firefox中显示出来)。
3.
上面两步完成之后就可以开发写JS,CSS,XUL了,不过在写XUL时要注意一个问题,spket自动生成的是Window元素,将此元素删除了,改用Overlay元素[当开发要显示在工具栏时的扩展时才这样做],这样最后作成的UI界面才能显示在Firefox工具栏中,注意要在XUL文件中指定使用的CSS文件与JS文件,特别注意JS引用说明一定要放在Overlay里面才可以。
4.
当插件开发好之后,我们需要将它压缩成XPI格式提供给用户安装,这里就是使用build.xml文件的时候了,在build.xml文件上右键->run as ->ant builder ,会在当前项目的dist文件夹中生成一个 项目名.xpi文件。
不过使用spket还是有一些遗憾的地方,它没有提供可视化的XUL界面开发工具。
分享到:
相关推荐
标题中提到的“eclipse和firefox浏览器的gwt插件”是指用于支持GWT开发的Eclipse插件和Firefox扩展。Eclipse GWT插件提供了完整的GWT开发环境,包括项目创建、代码编辑、编译、调试和部署功能。它使得开发者能够在...
Spket是一款强大的Eclipse插件,专为开发Firefox浏览器扩展而设计。它提供了一整套集成开发环境(IDE)的功能,帮助开发者更高效、更便捷地创建Firefox扩展,包括代码提示、语法高亮、自动完成等特性,极大地提升了...
插件)”是指两款专门针对Firefox浏览器和Eclipse集成开发环境的插件,旨在提升开发人员处理JSON数据的效率。 1. Firefox插件版: 这款插件通常会在Firefox浏览器中提供一个直观的界面,以便用户查看HTTP响应中的...
Firebug是Firefox浏览器的一个插件,虽然现在已被Firefox内置的开发者工具所替代,但它在Web开发中曾经扮演着重要角色。Firebug允许开发者实时查看和修改网页的HTML、CSS,还可以进行JavaScript的调试,对于前端...
这个项目可能涉及到对Mozilla Firefox浏览器内核的理解,以及如何利用Java进行浏览器的开发工作。下面我们将详细探讨这些关键点。 1. **Java编程**:Java是一种广泛使用的面向对象的编程语言,具有跨平台的特性,...
1. **Firefox支持**:Aptana依赖Firefox的JavaScript调试工具,因此,即使你并不打算使用Firefox作为主要浏览器,也建议确保系统中已经安装了Firefox,以防止可能出现的调试问题或其它不可预知的错误。 2. **版本...
5. 浏览器:Internet Explorer 7.0或更高,Firefox 4.0或更高 6. Eclipse平台:Eclipse 3.6或3.7 具体操作步骤如下: 1. 从指定网址下载Eclipse软件:...
4. "gwt-dev-plugin (1).xpi":这是一个Firefox扩展的.xpi文件,用于在Firefox中安装GWT开发插件。与msi文件类似,它将增强Firefox的开发功能,使开发者能够调试GWT应用。 总的来说,这个压缩包提供了在Windows 32...
在这里,你可以配置要使用的浏览器(如Chrome或Firefox)及其路径,并指定要调试的URL。 在JavaScript代码中设置断点是调试的关键步骤。只需在Eclipse的JavaScript编辑器中,点击行号区域,就可以在相应行添加或...
另一方面,`Firebug`曾是Firefox浏览器的一款经典扩展,被誉为Web开发者不可或缺的工具。它集成了HTML、CSS、JavaScript的实时编辑、调试和性能分析等功能。用户可以通过Firebug查看网页的DOM结构、调整CSS样式、...
解决火狐兼容性问题.avi │ 14.spring的父子容器.avi │ 淘淘商城第三天笔记.docx │ ├─04.第四天 │ 01.第三天内容复习.avi │ 02.课程计划.avi │ 03.富文本编辑器的使用.avi │ 04.商品添加功能-分析.avi │ ...
对于调试,Eclipse的内置浏览器模拟器或者与Chrome、Firefox等外部浏览器的集成可以帮助你测试和调试Ajax应用程序。 为了进一步优化Ajax开发,你可以考虑安装和配置额外的插件,如jQuery插件,提供对流行JavaScript...
- **浏览器兼容性**:GWT生成的代码通常对多种浏览器(如IE、Firefox、Safari、Opera等)有良好的支持,减少了跨浏览器兼容性的问题。 - **可扩展性**:如果GWT的API不足以满足需求,开发者可以使用JSNI(Java to ...
9. **兼容性和扩展性**:ICEfaces 2 兼容多种浏览器,包括Firefox、Chrome、Safari和Internet Explorer等,确保应用具有广泛的适用性。此外,它还支持JSF的自定义组件和第三方库,使得开发者可以根据需求进行扩展和...
1. **跨平台**: FCKeditor支持多种浏览器,包括Internet Explorer、Firefox、Chrome、Safari和Opera,确保了广泛的兼容性。 2. **高度可定制**: 用户可以根据需求自定义编辑器界面,调整工具栏按钮、设置编辑器样式...
- 通过Firefox的“工具”菜单中的“附加组件”选项搜索并安装这些插件。 #### 第六步:启动 Selenium RC 服务 1. **启动方法**: - 使用命令行进入到`selenium-server-standalone-2.33.0.jar`所在的目录。 - ...
3. **多浏览器支持**:虽然插件名称提及IE,但现代版本的Eclipse可能还支持其他浏览器,如Firefox或Chrome。这使得开发者能够在不同浏览器环境下测试页面兼容性,确保应用在各种浏览器上都能正常工作。 4. **设置与...
2. 开发框架:如Chrome的Extension API、Firefox的WebExtensions API,为浏览器插件开发提供便利。此外,还有如.NET Framework的MEF(Managed Extensibility Framework)和Java的OSGI(Open Services Gateway ...
但调试需要firefox流览器.也可以在本站下载.安装. ----------------------------------------------------------- Aptana是一个非常强大,开源,JavaScript-focused的AJAX开发IDE。它的特点包括: *JavaScript,...