微信硬體藍芽jsapi開發之onWXDeviceStateChange介面實現(12)--監聽藍芽狀態變化介面
我們在開發微信硬體藍芽裝置的時候,對於監聽藍芽裝置連線狀態是有必要的,因為我們無法預測到使用者在用藍芽裝置的時候是處於怎麼樣的環境狀態下,必須時時刻刻監聽手機微信和藍芽裝置之間的連線狀態,以便我們在資料互動的時候提醒使用者注意藍芽連線,否則資料互動會因為藍芽斷開導致中斷。
其實微信的官方文件說的不是很清楚,這裡的引數並不是入參,而是呼叫這個介面後返回的引數。微信到處給挖坑。
第一、新建jsp介面,引入微信硬體js庫和jquery庫,weui庫
1 2 |
<script src= "http://res.wx.qq.com/open/js/jweixin-1.1.0.js" > </script>
<script src= "http://libs.baidu.com/jquery/2.0.0/jquery.js" ></script>
|
weui.min.css檔案請網友自行百度下載,之所以在這裡提微信的weui庫是因為使得介面看起來美觀一些
第二,<body></body>之間的html程式碼
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
<!--標題行-->
< h2 style = "color: white;background-color: green;text-align: center;background-position: center;" >藍芽裝置</ h2 >
< div class = "page" >
< div class = "bd spacing" >
< div class = "weui_cells weui_cells_form" >
< div class = "weui_cell" >
< div class = "weui_cell_hd" >< label class = "weui_label" style = "width: auto;" >當前裝置: </ label ></ div >
< div class = "weui_cell_bd weui_cell_primary" >
< label id = "lbdeviceid" class = "weui_label" style = "width: auto;" ></ label >
</ div >
</ div >
< div class = "weui_cell" >
< div class = "weui_cell_hd" >< label class = "weui_label"
|