第66篇Chrome扩展USB开发(三)
2016-10-12 21:15
330 查看
一、CI框架配域名
1.1 首先下载一个CI包
http://codeigniter.org.cn/
1.2 按教程配置即可,很简单
二、USB获取数据并转换
2.1 代码解析background.js,代码如下:
这是插件的主要程序,下面给出客户端网页的请求接收代码:
manifest.json中需要配置url代码,因为:与跨扩展程序消息传递类似,您的应用或扩展程序可以接受并响应来自普通网页的消息。要使用该特性,您必须首先在您的 manifest.json 中指定您希望与之通信的网站,例如:
2.2 逐句解析background.js代码如下:
1)以下6句定义了6个变量,前两个变量为第三个变量所用,后三个变量是接收变量,必须对其初始化,否则会报错。
var MY_HID_VENDOR_ID = 0x0e20; // 32825 in hexadecimal!
var MY_HID_PRODUCT_ID = 0x0101;
var DEVICE_INFO = {"vendorId":MY_HID_VENDOR_ID, "productId": MY_HID_PRODUCT_ID };
var _deviceId = null;
var _connectionId = null;
var _sender = null;
比方说,注释掉第一行,会报如下错误:
但MY_HID_VENDOR_ID和MY_HID_PRODUCT_ID是怎么来的,目前还不清楚。
2)以下函数是当新增加了USB设备时,用检测的。
//新增usb时
chrome.hid.onDeviceAdded.addListener(function(device) {
if(device.productId== MY_HID_PRODUCT_ID && device.vendorId == MY_HID_VENDOR_ID){
if(!_deviceId || !_connectionId){
if(_sender){
connectDevice(devicePoll);
}else{
connectDevice();
}
}
}
});
chrome.hid.onDeviceAdded.addListener这个接口的作用是当一个新的设备添加到系统中时,这个事件会广播到apps和扩展程序,使其有权限访问这个新设备,这个访问权限是当这个新设备的驱动安装时,就给这些apps和扩展程序了。
使用 chrome.hid API (https://crxdoc-zh.appspot.com/apps/hid)与连接的 HID 设备交互。使用该 API 您可以在应用中进行 HID 操作,应用可以作为硬件设备的驱动程序使用。
谷歌官方有个中文翻译组,但文件翻译的不全。有遗漏,比方说chrome.hid API 接口,英文原版内容如下:
中文版内容如下:
比较可知,中文版对事件Events没有进行翻译,而本文正好用到了事件onDeviceAdded,所以看chrome扩展接口时,还是以英文版为主。
2016年10月12日星期三
1.1 首先下载一个CI包
http://codeigniter.org.cn/
1.2 按教程配置即可,很简单
二、USB获取数据并转换
2.1 代码解析background.js,代码如下:
这是插件的主要程序,下面给出客户端网页的请求接收代码:
manifest.json中需要配置url代码,因为:与跨扩展程序消息传递类似,您的应用或扩展程序可以接受并响应来自普通网页的消息。要使用该特性,您必须首先在您的 manifest.json 中指定您希望与之通信的网站,例如:
2.2 逐句解析background.js代码如下:
1)以下6句定义了6个变量,前两个变量为第三个变量所用,后三个变量是接收变量,必须对其初始化,否则会报错。
var MY_HID_VENDOR_ID = 0x0e20; // 32825 in hexadecimal!
var MY_HID_PRODUCT_ID = 0x0101;
var DEVICE_INFO = {"vendorId":MY_HID_VENDOR_ID, "productId": MY_HID_PRODUCT_ID };
var _deviceId = null;
var _connectionId = null;
var _sender = null;
比方说,注释掉第一行,会报如下错误:
但MY_HID_VENDOR_ID和MY_HID_PRODUCT_ID是怎么来的,目前还不清楚。
2)以下函数是当新增加了USB设备时,用检测的。
//新增usb时
chrome.hid.onDeviceAdded.addListener(function(device) {
if(device.productId== MY_HID_PRODUCT_ID && device.vendorId == MY_HID_VENDOR_ID){
if(!_deviceId || !_connectionId){
if(_sender){
connectDevice(devicePoll);
}else{
connectDevice();
}
}
}
});
chrome.hid.onDeviceAdded.addListener这个接口的作用是当一个新的设备添加到系统中时,这个事件会广播到apps和扩展程序,使其有权限访问这个新设备,这个访问权限是当这个新设备的驱动安装时,就给这些apps和扩展程序了。
使用 chrome.hid API (https://crxdoc-zh.appspot.com/apps/hid)与连接的 HID 设备交互。使用该 API 您可以在应用中进行 HID 操作,应用可以作为硬件设备的驱动程序使用。
谷歌官方有个中文翻译组,但文件翻译的不全。有遗漏,比方说chrome.hid API 接口,英文原版内容如下:
中文版内容如下:
比较可知,中文版对事件Events没有进行翻译,而本文正好用到了事件onDeviceAdded,所以看chrome扩展接口时,还是以英文版为主。
2016年10月12日星期三
相关文章推荐
- 第64篇Chrome扩展蓝牙及USB开发(四)
- 第69篇Chrome扩展USB开发(五)及php
- 第55篇 Chrome扩展USB开发(一)及PHP研究 Saturday
- 第68篇Chrome扩展USB开发(四)及php及JS
- 手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单
- 手把手教你开发Chrome扩展二:为html添加行为
- 为前端开发人员制作的 Chrome 扩展 jsbeautifier
- [转]为前端开发人员制作的 Chrome 扩展 jsbeautifier
- 基于Chrome的扩展开发(二)
- chrome扩展之4(终结篇):一步步跟我学开发一个表单填写扩展
- Chrome扩展程序开发调试简明教程
- 基于Chrome的扩展开发(二)
- 25 个 Web 开发人员使用的 Chrome 扩展
- chrome扩展之2:一步步跟我学开发一个表单填写扩展
- chrome扩展之3:一步步跟我学开发一个表单填写扩展
- 手把手教你开发Chrome扩展三:关于本地存储数据
- 为前端开发人员制作chrome扩展一枚jsbeautifier
- 基于Chrome的扩展开发(二)
- Chrome扩展开发指南(7)——Themes(主题制作)
- 【分享】Firefox和Chrome扩展开发