mac 下基于firebreath 开发多浏览器支持的浏览器插件

mac 下基于firebreath 开发多浏览器支持的浏览器插件 

首先要区分什么是浏览器扩展和浏览器插件;插件可以像本地程序一样做的更多

一. 关于 firebreath

 http://www.firebreath.org

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 操作指纹设备

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。