mac 下基于firebreath 开发多浏览器支持的浏览器插件
首先要区分什么是浏览器扩展和浏览器插件;插件可以像本地程序一样做的更多
一. 关于 firebreath
firebreath 是一个夸平台,夸浏览器的,开发浏览器插件框架;
利用firebreath开发的浏览器插件,可以在多浏览器上安装;并且提供多种平台下的解决方案比如mac,windows
二. 关于mac 使用 firebreath 开发浏览器插件
官方教程 http://www.firebreath.org/display/documentation/Building+on+Mac+OS+X
1. 必须的东西
安装Cmake http://www.cmake.org/download/ 建议下载源码包,查看README 手动编译安装
mac 上安装了 xocde
xcode 安装了 Command Line Tools
firebreath 工具包从管网下载
2.在下载的frebreath包里面
fbgen.py 是可以为你创建一个新的项目
prepmac.sh 可以为你编译你的项目,生成一个基于xcode的工程,该工程使用xocde再编译即可生成浏览器插件
examples 为官方提供的几个例子
./prepmac.sh examples 编译项目,
如果出现cmake 错误;可能是cmake没有安装好;可以vim prepmac.sh 手动把cmake的命令路径改为你下载的cmake源码里面的bin/cmake路径
注意:如果是自己创建的项目,会生成在projects 目录,编译的为duild目录;官方demo编译后为目录 duildex
3. 用xcode 编译生成的工程
找到上面编译的工程,用xcode 打开工程,编译 选择target all_build;
如果编译出错,请选择编译的os x sdk 10.8 ; 不要用10.10;还有最好选用64位
4. 找到生成的插件 xxx.plugin
如果xcode编译成功了,会在项目下生成 对应的xxx.plugin
如: buildex/projects/FBTestPlugin/Debug/FBTestPlugin.plugin
debug 和 release
5. 安装插件 xxx.plugin
mac 的浏览器插件安装;是把 插件放在了 ~/Library/Internet Plug-Ins/ 目录下;做个连接和是copy进去者行
如:做个连接 ln -s buildex/projects/FBTestPlugin/Debug/FBTestPlugin.plugin ~/Library/Internet Plug-Ins/
6:调试运行插件
在安装上插件之后,重新启动浏览器,并打开 生成的网页FBControl.htm
如: buildex/projects/FBTestPlugin/gen/FBControl.htm
在浏览器上允许插件运行,点击 click me 等;hello world 即可;
到这里,一个使用firebreath 开发的浏览器插件hello world 完了;
三:使用C++,C 利用firebreath 开发插件实现 本地功能的 js 调用
比如我创建了一个 Demo 工程;
那么用Xcode 打开创建的 Demo 工程
在 Demo 目录下,即是 结合 Firebreath开发 咱们要写代码的地方;
其他都是框架的依赖,就不要动了;在这里可以看到框架自动生成的示例
source files 是 源代码目录,一般放我们集成的cpp,c还可以在这里连接mac下的静态类库等
Header Files 是我们提供的 对js调用的 接口头文件;就是c++,c 的方法声明,并利用Firebreath框架 注册;以提供给js调用;在上面的source files里面实现
一般主要操作 DemoApi.h 声明方法,并注册到框架;在DemoApi.cpp 里面去实现;
Generated 为生成的网页目录
这里我们只关心FBControl.htm ; 在这里,添加一些js代码,在js代码里面,去调用 框架声明的接口方法;
按照示例代码来即可;
四:firebreath 使用,高级功能开发等
http://www.firebreath.org/display/documentation/Using+FireBreath
其他的,自己看文档吧
我目前用这个框架是为了开发,在mac下用浏览器调试usb的指纹设备;
核心层是 usb指纹驱动, c++的;
利用firebrath可以 把指纹驱动c++代码,写在框架 里,并注册接口,给js调用;
实现js 操作指纹设备