欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

微信开发js-sdk界面接口系统用法讲解(全)

程序员文章站 2022-03-11 08:11:28
...
本文章系统讲述了微信js-sdk页面操作接口用法。分享给大家供大家参考,具体如下:

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

说明:

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

2.有些好像还有点重复

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

一、关闭微信浏览器窗口

?

1

wx.closeWindow()

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

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

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

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

//隐藏指定菜单项,要隐藏的菜单项

//只能隐藏“传播类”和“保护类”按钮

wx.hideMenuItems({

menuList:[

'menuItem:exposeArticle', //基础类 菜单不能隐藏

'menuItem:setFont'

]

});

// 'menuItem:share:weiboApp', //分享到微博,不可用(属于传播类)

// 'menuItem:refresh' //刷新按钮不可用(属于基础类)

//显示指定菜单项

//只能显示部分“传播类”和保护类

wx.showMenuItems({

menuList:[

'menuItem:share:qq',

'menuItem:copyUrl',

]

});

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

?

1

2

3

4

//隐藏非基础按钮

wx.hideAllNonBaseMenuItem();

//显示非基础按钮

wx.showAllNonBaseMenuItem();

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

?

1

2

3

4

//隐藏右上角菜单

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中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

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

相关文章:

微信公众平台开发接口PHP SDK完整版

微信接口php版本sdk的WxApi.class.php

相关视频:

Jssdk接口-开发微信小程序视频教程

以上就是微信开发js-sdk界面接口系统用法讲解(全)的详细内容,更多请关注其它相关文章!

相关标签: 微信开发js-sdk