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

时间: 2024-10-27 05:09:06

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

Mac下搭建php开发环境[翻译]

原英文链接:http://www.codeweblog.com/mac-os-x-to-configure-apache-php-mysql/ Mac OS X 内置了Apache 和 PHP,这样使用起来非常方便.本文以Mac OS X 10.6.3为例.主要内容包括: 启动Apache 运行PHP 安装MySQL 使用phpMyAdmin 配置PHP的MCrypt扩展库 设置虚拟主机 启动Apache 有两种方法: 打开"系统设置偏好(System Preferences)" -&

【开发软件】 在Mac下配置php开发环境:Apache+php+MySql

本文地址 原文地址 点击关注微信公众号 wenyuqinghuai 本文提纲: 1. 启动Apache 2. 运行PHP 3. 配置Mysql 4. 使用PHPMyAdmin 5. 附录 有问题请先 看最后的附录 摘要: 系统OS X 10.8.5,Apache是Mac自带的,主要是php的配置和MySql的配置,网上教程也挺多,本人也有参考,但是感觉有些步骤执行起来不是很顺畅,根据自己配置的过程整理 一.启动Apache 有两种方法 1.打开网络共享 打开"系统偏好设置"->&

在Mac下配置php开发环境:Apache+php+MySql+phpmyadmin

一.启动Apache 有两种方法 1.打开网络共享 打开"系统偏好设置"->"共享",在"互联网共享"那一项前面打√. 2.打开终端,输入 sudo apachectl start 这时需要输入密码,输入电脑密码即可,然后输入 sudo apachectl -v 可以查看到Apache的版本信息 Server version: Apache/2.2.24 (Unix) Server built:   Jul  7 2013 18:05:17

mac下安装c++开发环境

mac下安装c++开发环境 1 注册apple id 按照apple注册步骤注册apple id,我注册时遇到如下问题 apple store完成创建apple id步骤中,选择付款方式和账单地址后,总会提示"如需帮助,请联系itune支持",进而导致apple store无法下载软件 解决办法为: https://support.apple.com/zh-cn/itunes,在该页面提交问题描述给apple技术支持,描述问题及apple id,三个工作日左右给出答复. 2 安装xco

mac 下搭建 Android 开发环境

因工作需要,要在mac 下搭建 Android 开发环境.谷歌.度娘了好久,没有找个一个完整又系统的方法,很是苦恼.最终,皇天不负有心人,找到了下面这篇文档,特此记录.也为有这方面需求的朋友提供个方便. 首先我们需要知道开发安卓的环境由以下几个组件组成:Java虚拟机JDK.Eclipse.Eclipse插件ADT(Android Developer Tool)和Android开发包SDK.下面就和大家一起学习如何来快速的,适合新手的搭建方式吧! 方法/步骤 因为系统自带jdk,所以就不用在下载

Mac下,使用sshpass让iterm2支持多ssh登录信息保存

Mac下,使用sshpass让iterm2支持多ssh登录信息保存 windows里有个Xshell非常的方便好使,因为它能保存你所有的ssh登录帐号信息.MAC下并没有xshell,有些也提供这样的功能,但效果都不好.iterm2是很好的终端,但却不能很好的支持多profiles,当要管理的机器较多时,就比较麻烦了.好在它有profiles设置,只是不能保存ssh登录帐号及密码,它还提供了加载profiles时执行外部命令的功能,因此,这里就可以使用sshpass来帮它执行. 安装iterm2

[亲测]在Mac下配置php开发环境:Apache+php+MySql

公司给我们配上了高大上的Apple Mac Pro本本,这两天自己正在习惯中.通过虚拟机PD,确实解决了一些因为工作习惯无法在iOS上很好完成的事情,但是我想,既然用起了iOS就尽量将一些事务在iOS环境下处理,免得好似关羽耍着大刀却骑着小木马.以前在windows下安装PHP开发环境,都是省事,直接下载一个集成包,如XMAPP .AMPPS 之类的,已经很多年没在IIS里或者自己在windows下一个一个去配置.去搞这个东东了.iOS本身好似就是基于Linux内核起身的操作系统,所以本身就自带

mac下搭建cordova开发环境

Apache Cordova 原名叫PhoneGap.是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.PhoneGap最初由Nitobi开发,2011年10月4日Nitobi被Adobe收购,而PhoneGap项目也被贡献给Apache软件基金会,并改名为Apache Cordova. mac下搭建cordova环境步骤: 1,在Apache的Cordova网点下载Cordova开发包 下载地址:http://cordova.apache.org/

Mac下部署Android开发环境附加NDK

2014-12-25 20:45:22http://www.cpplive.com/html/1941.html--点击数:2150 作为开发者,我们深有体会,不管是进行什么开发,为了部署开发环境,我们往往需要折腾很长时间.查阅很多资料才能完成,而且这次折腾完了,下次到了另一台新电脑上又得重新来过,整个部署过程记得还好,要是不记得又得重新开始,而且遇到 Android 这种GFW阻隔了开发资源下载 链接 的环境部署,又尤其浪费时间.所以这也是我写下这篇教程的初衷跟动力源泉,希望大家参考了这篇教程