Home > Web Front-end > JS Tutorial > body text

Explanation on usage of js-sdk interface system for WeChat development (full)

php是最好的语言
Release: 2018-07-28 14:45:41
Original
2100 people have browsed it

This article systematically describes the usage of the WeChat js-sdk page operation interface. Share it with everyone for your reference, the details are as follows:

The premise is that the permissions of the interface have been obtained in wx.config(), and the official documents shall prevail.

Instructions:

1. The interfaces currently provided are relatively simple to operate and use

2. Some of them seem a bit repetitive

3. "Adjust font", "Complain" "These two tests cannot be hidden and belong to the basic category

1. Close the WeChat browser window

?

1

wx.closeWindow()

window.close() is invalid for closing the WeChat browser. The current method is blocked, and it is also unavailable in Cordova's WebView

2. Display or Hide part of the button interface

Explanation, the basic class cannot control hiding and display

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

//Hide the specified menu item, the menu item to be hidden

//Only the "Propagation Class" and "Protection Class" buttons can be hidden

wx.hideMenuItems({

menuList:[

'menuItem:exposeArticle', //Basic class menu cannot be hidden

'menuItem:setFont'

]

});

// 'menuItem:share:weiboApp', //Share to Weibo, not available (belongs to the communication category)

// 'menuItem:refresh' //The refresh button is unavailable (belongs to the basic class)

//Display the specified menu item

//Only part of the "propagation classes" and protection classes can be displayed

wx.showMenuItems({

menuList:[

'menuItem:share:qq',

'menuItem:copyUrl',

]

});

3. Show or hide non-basic button interface

?

1

2

3

4

//Hide non-basic buttons

wx.hideAllNonBaseMenuItem();

//Show non-basic buttons

wx.showAllNonBaseMenuItem();

4. Show or hide the menu, the test is invalid, the test result is the same as the non-basic button function

?

1

2

3

4

//Hide the upper right corner menu

wx.hideOptionMenu();

//Hide the upper right corner menu

wx.showOptionMenu();

Appendix 3 - List of all menu items

Basic class

Report: "menuItem:exposeArticle"
Adjust font: " menuItem:setFont"
Day mode: "menuItem:dayMode"
Night mode: "menuItem:nightMode"
Refresh: "menuItem:refresh"
View public account (added): "menuItem :profile"
View public account (not added): "menuItem:addContact"

Communication class

Send to friends: "menuItem:share:appMessage"
Share to Moments: "menuItem:share:timeline"
Share to QQ: "menuItem:share:qq"
Share to Weibo: "menuItem:share:weiboApp"
Collect: "menuItem :favorite"
Share to FB: "menuItem:share:facebook"
Share to QQ space/menuItem:share:QZone

Protection class

Edit tag: "menuItem:editTag"
Delete: "menuItem:delete"
Copy link: "menuItem:copyUrl"
Original web page: "menuItem:originPage"
Reading mode: "menuItem:readMode "
Open in QQ browser: "menuItem:openWithQQBrowser"
Open in Safari: "menuItem:openWithSafari"
Email: "menuItem:share:email"
Some special public accounts: " menuItem:share:brand"

Readers who are interested in more JavaScript-related content can check out the special topics on this site: "Summary of JSON Operation Skills in JavaScript", "Summary of JavaScript Switching Special Effects and Skills", "JavaScript Search Algorithm" Summary of Skills", "Summary of JavaScript Animation Special Effects and Skills", "Summary of JavaScript Errors and Debugging Skills", "Summary of JavaScript Data Structure and Algorithm Skills", "Summary of JavaScript Traversal Algorithms and Skills" and "Summary of JavaScript Mathematical Operation Usage"

I hope this article will be helpful to everyone in JavaScript programming.

Related articles:

WeChat public platform development interface PHP SDK full version

WxApi.class.php of WeChat interface php version sdk

Related videos:

Jssdk Interface-Developing WeChat Mini Program Video Tutorial

The above is the detailed content of Explanation on usage of js-sdk interface system for WeChat development (full). For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template