微信js-sdk界面操作接口用法示例

更新時(shí)間：2016年10月12日 15:10:29 作者：天馬3798

這篇文章主要介紹了微信js-sdk界面操作接口用法,結(jié)合實(shí)例形式分析了微信界面操作的相關(guān)接口功能與使用技巧,需要的朋友可以參考下

本文實(shí)例講述了微信js-sdk界面操作接口用法。分享給大家供大家參考，具體如下：

前提已經(jīng)在wx.config()中獲取到接口的權(quán)限，以官方文檔為準(zhǔn)

說明：

1.目前提供的界面操作接口和使用都比較簡(jiǎn)單

2.有些好像還有點(diǎn)重復(fù)

3.“調(diào)整字體”、“投訴”這兩個(gè)測(cè)試的時(shí)候無法隱藏，屬于基礎(chǔ)類

一、關(guān)閉微信瀏覽器窗口

wx.closeWindow()

window.close()關(guān)閉微信瀏覽器無效，當(dāng)前方法被屏蔽，在 Cordova的WebView中也是這樣不可用

二、顯示或隱藏部分按鈕接口

說明，基礎(chǔ)類無法控制隱藏和顯示

//隱藏指定菜單項(xiàng),要隱藏的菜單項(xiàng)
//只能隱藏“傳播類”和“保護(hù)類”按鈕
wx.hideMenuItems({
  menuList:[
  'menuItem:exposeArticle', //基礎(chǔ)類 菜單不能隱藏
  'menuItem:setFont'
  ]
});
// 'menuItem:share:weiboApp', //分享到微博，不可用（屬于傳播類）
// 'menuItem:refresh'  //刷新按鈕不可用（屬于基礎(chǔ)類）
//顯示指定菜單項(xiàng)
//只能顯示部分“傳播類”和保護(hù)類
wx.showMenuItems({
  menuList:[
  'menuItem:share:qq',
  'menuItem:copyUrl',
  ]
});

三、顯示或隱藏非基礎(chǔ)按鈕接口

//隱藏非基礎(chǔ)按鈕
wx.hideAllNonBaseMenuItem();
//顯示非基礎(chǔ)按鈕
wx.showAllNonBaseMenuItem();

四、顯示或隱藏菜單，測(cè)試無效，測(cè)試結(jié)果和非基礎(chǔ)按鈕功能相同

//隱藏右上角菜單
wx.hideOptionMenu();
//隱藏右上角菜單
wx.showOptionMenu();

附錄3-所有菜單項(xiàng)列表

基本類

舉報(bào): "menuItem:exposeArticle"
調(diào)整字體: "menuItem:setFont"
日間模式: "menuItem:dayMode"
夜間模式: "menuItem:nightMode"
刷新: "menuItem:refresh"
查看公眾號(hào)（已添加）: "menuItem:profile"
查看公眾號(hào)（未添加）: "menuItem:addContact"

傳播類

發(fā)送給朋友: "menuItem:share:appMessage"
分享到朋友圈: "menuItem:share:timeline"
分享到QQ: "menuItem:share:qq"
分享到Weibo: "menuItem:share:weiboApp"
收藏: "menuItem:favorite"
分享到FB: "menuItem:share:facebook"
分享到 QQ 空間/menuItem:share:QZone

保護(hù)類

編輯標(biāo)簽: "menuItem:editTag"
刪除: "menuItem:delete"
復(fù)制鏈接: "menuItem:copyUrl"
原網(wǎng)頁: "menuItem:originPage"
閱讀模式: "menuItem:readMode"
在QQ瀏覽器中打開: "menuItem:openWithQQBrowser"
在Safari中打開: "menuItem:openWithSafari"
郵件: "menuItem:share:email"
一些特殊公眾號(hào): "menuItem:share:brand"