第61篇Chrome扩展蓝牙开发(一)

一、蓝牙设备

1.1 关于点阵笔的连接

  插上蓝牙设备时,一直搜索不到设备,原因是:点阵笔没整成可搜索模式,搜索模式是:点阵笔上面的绿色信号灯一直不停的快速闪烁。在这家里搜索不到,原因就在这里。

   连上之后,绿色信号灯不闪烁了,一直保持绿色。

1.2 蓝牙demo研究

   main.js解析,代码截图如下:

代码解析:

1.2.1 以下几行是注释:main.js是主要的控制器,作者是Martin Albrecht,邮箱是martin.albrecht@javacoffee.de,当前版本是:0.0.1。

/*

 *Main controller for the bluetooth scanner app

 *

 *@author Martin Albrecht <martin.albrecht@javacoffee.de>

 *@version 0.0.1

 */

1.2.2 以下几句用到了angular框架,angular.mondule表示model层,.controller表示控制器层。

angular.module('btScanner', [])

.filter('ucfirst', function() {

 return function(input) {

   console.log("Here!", input);

   if( input !== null ) {

     return input.charAt(0).toUpperCase() + input.slice(1);

    }

  }

})
.controller('MainCtrl', ['$scope', function($scope) {

 $scope.status = false;

 $scope.adapter = null;

 $scope.showDeviceList = false;

 $scope.deviceScan = false;

 $scope.deviceList = [];

 $scope.timeout = 20;

angularJS简介如下:

AngularJS 是一个 JavaScript框架。它可通过<script> 标签添加到 HTML 页面。

AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。

AngularJS 是一个 JavaScript 框架。它是一个以JavaScript 编写的库。

AngularJS 是以一个 JavaScript 文件形式发布的,可通过script 标签添加到网页中:

AngularJS 扩展了 HTML

AngularJS 通过 ng-directives 扩展了 HTML。

ng-app 指令定义一个AngularJS 应用程序。

ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

ng-bind 指令把应用程序数据绑定到HTML 视图。

什么是 AngularJS?

AngularJS 使得开发现代的单一页面应用程序(SPAs:Single PageApplications)变得更加容易。

AngularJS 把应用程序数据绑定到 HTML 元素。

AngularJS 可以克隆和重复 HTML 元素。

AngularJS 可以隐藏和显示 HTML 元素。

AngularJS 可以在 HTML 元素"背后"添加代码。

AngularJS 支持输入验证。

2016年10月7日星期五


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Chrome扩展是一种用于扩展Chrome浏览器功能的开发工具。严格来说,我们所说的Chrome插件应该叫做Chrome扩展Chrome扩展是在浏览器上运行的程序,可以修改和增强浏览器的功能,例如添加新的工具栏按钮、修改网页内容、处理网络请求等。 如果你对Chrome扩展开发感兴趣,你可以参考Chrome官方开发者文档提供的资源。Chrome开发者文档的主页是https://developer.chrome.com/extensions/devtools,其中提供了详细的开发指南、API文档和示例代码,可以帮助你开始开发Chrome扩展。 在开发Chrome扩展过程中,通信是一个重要的方面。你可能需要与浏览器的不同组件进行通信,包括与当前打开的网页进行交互、与其他扩展或外部应用程序进行通信等。你可以在https://developer.chrome.com/extensions/messaging找到关于Chrome扩展通信的详细信息和示例代码。这些资源可以帮助你了解如何在Chrome扩展中实现不同组件之间的通信。 总结来说,Chrome扩展开发是一种扩展Chrome浏览器功能的方法,你可以通过参考Chrome官方开发者文档获取相关资源和指导。你还可以了解如何在扩展中实现通信。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【干货】Chrome插件(扩展)开发全攻略](https://blog.csdn.net/qq_34998786/article/details/121782426)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值