微信接口測試
阿新 • • 發佈：2017-09-15
doc option menu 圖片路徑 寬度 ridge max char 隱藏
<!docType html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> <title>微信接口測試</title> <script> function sendMessage(){ WeixinJSBridge.on(‘menu:share:appmessage‘, function(argv){ WeixinJSBridge.invoke(‘sendAppMessage‘,{ "appid":"", //appid 設置空就好了。 "img_url":"",//分享時所帶的圖片路徑 "img_width":"120", //圖片寬度 "img_height":"120", //圖片高度 "link":"http://www.gbin1.com", //分享附帶鏈接地址 "desc":"極客標簽--http://www.gbin1.com", //分享內容介紹 "title":"發現 極客標簽 - 做最棒的極客知識分享平臺" }, function(res){/*** 回調函數，最好設置為空 ***/ }); }); WeixinJSBridge.on(‘menu:share:timeline‘, function(argv){ WeixinJSBridge.invoke(‘shareTimeline‘,{ "appid":"", //appid 設置空就好了。 "img_url":"", //分享時所帶的圖片路徑 "img_width":"120", //圖片寬度 "img_height":"120", //圖片高度 "link":"http://www.gbin1.com", //分享附帶鏈接地址 "desc":"極客標簽--http://www.gbin1.com", //分享內容介紹 "title":"發現 極客標簽 - 做最棒的極客知識分享平臺" }, function(res){/*** 回調函數，最好設置為空 ***/ }); }); alert("調用成功！現在可以通過右上角按鈕分享給朋友或者朋友圈！"); } function hideMenu(){ WeixinJSBridge.call(‘hideOptionMenu‘); } function showMenu(){ WeixinJSBridge.call(‘showOptionMenu‘); } function hideTool(){ WeixinJSBridge.call(‘hideToolbar‘); } function showTool(){ WeixinJSBridge.call(‘showToolbar‘); } if(document.addEventListener){ document.addEventListener(‘WeixinJSBridgeReady‘, sendMessage, false); }else if(document.attachEvent){ document.attachEvent(‘WeixinJSBridgeReady‘ , sendMessage); document.attachEvent(‘onWeixinJSBridgeReady‘ , sendMessage); } //判斷網頁是否在微信中被調用 var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { } else { alert("調用失敗，請用微信掃一掃，掃描下面二維碼打開網頁！"); } </script> </head> <body> <center> <h2>分享請點擊右上角</h2> <button onclick="hideMenu()" style="width:100px;height:100px;font-size:16px;">隱藏右上角三個點</button> <br /><br /> <button onclick="showMenu()" style="width:100px;height:100px;font-size:16px;">顯示右上角三個點</button> <br /><br /> <button onclick="hideTool()" style="width:100px;height:100px;font-size:16px;">隱藏下面導條</button> <br /><br /> <button onclick="showTool()" style="width:100px;height:100px;font-size:16px;">顯示下面導條</button> <br /><br /> </center> </body> </html>
微信接口測試