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


Posted in Javascript onOctober 12, 2016

本文实例讲述了微信js-sdk界面操作接口用法。分享给大家供大家参考,具体如下:

前提已经在wx.config()中获取到接口的权限,以官方文档为准

说明:

1.目前提供的界面操作接口和使用都比较简单

2.有些好像还有点重复

3.“调整字体”、“投诉”这两个测试的时候无法隐藏,属于基础类

一、关闭微信浏览器窗口

wx.closeWindow()

window.close()关闭微信浏览器无效,当前方法被屏蔽,在 Cordova的WebView中也是这样不可用

二、显示或隐藏部分按钮接口

说明,基础类无法控制隐藏和显示

//隐藏指定菜单项,要隐藏的菜单项
//只能隐藏“传播类”和“保护类”按钮
wx.hideMenuItems({
  menuList:[
  'menuItem:exposeArticle', //基础类 菜单不能隐藏
  'menuItem:setFont'
  ]
});
// 'menuItem:share:weiboApp', //分享到微博,不可用(属于传播类)
// 'menuItem:refresh'  //刷新按钮不可用(属于基础类)
//显示指定菜单项
//只能显示部分“传播类”和保护类
wx.showMenuItems({
  menuList:[
  'menuItem:share:qq',
  'menuItem:copyUrl',
  ]
});

三、显示或隐藏非基础按钮接口

//隐藏非基础按钮
wx.hideAllNonBaseMenuItem();
//显示非基础按钮
wx.showAllNonBaseMenuItem();

四、显示或隐藏菜单,测试无效,测试结果和非基础按钮功能相同

//隐藏右上角菜单
wx.hideOptionMenu();
//隐藏右上角菜单
wx.showOptionMenu();

附录3-所有菜单项列表

基本类

举报: "menuItem:exposeArticle"
调整字体: "menuItem:setFont"
日间模式: "menuItem:dayMode"
夜间模式: "menuItem:nightMode"
刷新: "menuItem:refresh"
查看公众号(已添加): "menuItem:profile"
查看公众号(未添加): "menuItem:addContact"

传播类

发送给朋友: "menuItem:share:appMessage"
分享到朋友圈: "menuItem:share:timeline"
分享到QQ: "menuItem:share:qq"
分享到Weibo: "menuItem:share:weiboApp"
收藏: "menuItem:favorite"
分享到FB: "menuItem:share:facebook"
分享到 QQ 空间/menuItem:share:QZone

保护类

编辑标签: "menuItem:editTag"
删除: "menuItem:delete"
复制链接: "menuItem:copyUrl"
原网页: "menuItem:originPage"
阅读模式: "menuItem:readMode"
在QQ浏览器中打开: "menuItem:openWithQQBrowser"
在Safari中打开: "menuItem:openWithSafari"
邮件: "menuItem:share:email"
一些特殊公众号: "menuItem:share:brand"

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
JavaScript下利用fso判断文件是否存在的代码
Dec 11 Javascript
Javascript跨域请求的4种解决方式
Mar 17 Javascript
返回上一页并自动刷新的JavaScript代码
Feb 19 Javascript
js实现在同一窗口浏览图片
Sep 17 Javascript
JavaScript中的依赖注入详解
Mar 18 Javascript
JS简单测试循环运行时间的方法
Sep 04 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
jQuery为DOM动态追加事件的方法
Feb 16 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 Javascript
vue+element UI实现树形表格
Dec 29 Vue.js
微信小程序 location API接口详解及实例代码
Oct 12 #Javascript
webpack+vue.js实现组件化详解
Oct 12 #Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 #Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 #Javascript
JS禁止查看网页源代码的实现方法
Oct 12 #Javascript
webpack+vue.js快速入门教程
Oct 12 #Javascript
jquery 抽奖小程序实现代码
Oct 12 #Javascript
You might like
php牛逼的面试题分享
2013/01/18 PHP
浅析PHP substr,mb_substr以及mb_strcut的区别和用法
2013/06/21 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
摘自启点的main.js
2008/04/20 Javascript
javascript实例--教你实现扑克牌洗牌功能
2014/05/15 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
js实现倒计时效果(小于10补零)
2017/03/08 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
利用node.js实现自动生成前端项目组件的方法详解
2017/07/12 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
vue项目如何刷新当前页面的方法
2018/05/18 Javascript
vue项目前端埋点的实现
2019/03/06 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
Vue触发input选取文件点击事件操作
2020/08/07 Javascript
零基础写python爬虫之打包生成exe文件
2014/11/06 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
Django中Forms的使用代码解析
2018/02/10 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
Mac在python3环境下安装virtualwrapper遇到的问题及解决方法
2019/07/09 Python
python使用minimax算法实现五子棋
2019/07/29 Python
Pytorch加载部分预训练模型的参数实例
2019/08/18 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
python判断all函数输出结果是否为true的方法
2020/12/03 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
夏威夷咖啡公司:Hawaii Coffee Company
2019/09/19 全球购物
信息专业本科生个人的自我评价
2013/10/28 职场文书
幼儿教师自我鉴定
2013/11/02 职场文书
机关保密承诺书
2014/06/03 职场文书
后勤个人工作总结
2015/02/28 职场文书
2015年护士医德医风自我评价
2015/03/03 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
vue+spring boot实现校验码功能
2021/05/27 Vue.js
HDFS免重启挂载新磁盘
2022/04/06 Servers