1 / 21

浏览器扩展开发上 (Firefox)

浏览器扩展开发上 (Firefox). 主讲：赵先烈 Email ： zhaoxianlie@baidu.com. 2011-03-17. 目录. 一、关于扩展与插件 二、关于 Firefox 三、 Firefox 扩展 3.1 、常用的 Firefox 扩展 3.2 、 Firefox 扩展开发的常用工具 3.3 、 Firefox 扩展的结构 3.4 、 Firefox 扩展安装及运行的简单原理图 3.5 、认识 Firefox 扩展中的几个重要文件 3.6 、实战 Firefox 扩展开发 3.7 、深入了解 Firefox 扩展开发

vevina
Download Presentation

浏览器扩展开发上 (Firefox)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 浏览器扩展开发上(Firefox) 主讲：赵先烈 Email：zhaoxianlie@baidu.com 2011-03-17

  2. 目录 • 一、关于扩展与插件 • 二、关于Firefox • 三、Firefox扩展 • 3.1、常用的Firefox扩展 • 3.2、Firefox扩展开发的常用工具 • 3.3、Firefox扩展的结构 • 3.4、Firefox扩展安装及运行的简单原理图 • 3.5、认识Firefox扩展中的几个重要文件 • 3.6、实战Firefox扩展开发 • 3.7、深入了解Firefox扩展开发 • 3.8、Firefox扩展开发总结

  3. 一、关于扩展与插件 1.1、扩展的定义 它通常是扩展开发者为了修改或者增强浏览器本身的功能而提供的一种打包格式。它通常由包含功能代码的js脚本、包含界面的xul文件（Chrome扩展中为html文件）以及包含皮肤的css文件和各种图像文件组成。

  4. 一、关于扩展与插件 1.2、插件的定义 它通常是第三方应用程序提供给浏览器使用的二进制文件，即第三方应用程序把相关功能编译成了二进制的机器指令提供给各类浏览器，方便它们调用。通常用NPAPI实现（Firefox里还可以用XPCOM）。

  5. 一、关于扩展与插件 1.3、扩展和插件的文件类型 windows下，Firefox扩展的文件类型为*.xpi，Chrome扩展的文件的文件类型为*.crx，但通常还会附带一个 类型为*.pem的文件。而浏览器插件的类型多为*.exe、*.dll等。

  6. 一、关于扩展与插件 1.3、自己开发的一些小工具 1）、LocalAlbum（Firefox扩展） 2）、LocalAlbum（Chrome扩展） 3）、EncoderDecoder（Chrome扩展） 4）、FDPHelper（Chrome扩展） 5）、NPAPIHelper（Chrome插件）

  7. 二、关于Firefox 2.1、关于Firefox 传送门：维基百科 http://zh.wikipedia.org/wiki/Mozilla_Firefox

  8. 二、关于Firefox

  9. 三、Firefox扩展 3.1、常见的Firefox扩展 Firebug 、 Web Developer 、HttpFox、Mouse Gesture、 Greasemonkey 、 Gmail Manager 、 Google Toolbar、 Adblock Plus 、 FoxyProxy、FireFTP…

  10. 三、Firefox扩展 3.2、Firefox扩展开发的常用工具 浏览器：Firefox 开发工具：Spket、Aptana、notepad++、 DOM Inspector、 Developer Helper … 打包工具：Extension Developer

  11. 三、Firefox扩展 3.3、Firefox扩展的结构 上图“demo03”是精简程度最细的Firefox扩展，只包含核心的三个文件。 左图“zxl”则是一个目录结构比较完整的Firefox扩展。

  12. 三、Firefox扩展 3.4、Firefox扩展安装及运行的简单原理图 XUL overlay Firefox主界面容器 扩展XUL界面 XULRunnder install.rdf 内核 chrome.manifest

  13. 三、Firefox扩展 3.5、认识Firefox扩展中的几个重要文件 1）、install.rdf 2）、chrome.manifest 3）、overlay.xul

  14. 三、Firefox扩展 1）、install.rdf

  15. 三、Firefox扩展 2）、chrome.manifest 写法一：目录形式 写法二：jar包形式

  16. 二、Firefox扩展 3）、overlay.xul

  17. 三、Firefox扩展 3.6、实战Firefox扩展开发 1）、准备 2）、开发 3）、测试&打包&安装 4）、发布到AMO（https://addons.mozilla.org/zh-CN/） 实例：以HelloWorld为例，分别在状态栏和鼠标右键上加入HelloWorld，点击时弹框显示“Hello World”。

  18. 三、Firefox扩展 3.7、深入Firefox扩展官方基础教程： https://developer.mozilla.org/en/Building_an_Extension 官方开发网： https://developer.mozilla.org/en/Extensions 在线创建扩展：https://addons.mozilla.org/en-US/developers/tools/builder/

  19. 三、Firefox扩展 3.8、Firefox扩展开发总结 优点： 1）、对开发工具没有要求 2）、开发与测试环境很方便 3）、有很多其他扩展可以辅助开发 4）、免费发布到AMO

  20. 三、Firefox扩展 缺点： 1）、扩展的目录结构比较固定、复杂 2）、需要开发者具备一定的XUL知识 3）、每次安装或更新扩展后需要重启Firefox 4）、扩展相关的API文档不易查询

  21. 没有了，谢谢！

More Related