WeChat Developer Tools for Mini Program Testing

1. Why use WeChat developer tools?

There are many ways to test applets. You can directly use the real test machine to scan the code to test the trial version, so why choose to use tools?
Advantages of using WeChat developer tools:
1. Compared with real-device testing, using tools can save resources. Big companies can’t feel it, and small companies really don’t have so many testing machines
. The logic may be complicated, and it is not easy to create conditions. Using tools can directly jump to the page for testing.
3. It is very convenient to capture packets and view the interface. 4. Other
advantages that I don’t have a deep understanding of.

2. Install WeChat developer tools

1. Download WeChat developer tools: https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

insert image description here

2. Installation, nothing special, next step next step
insert image description here

3. Using WeChat Developer Tools

1. Log in to the WeChat account that has opened the developer permission, import the installation package of the applet, select the path of the applet package, and the correct appid:

insert image description here

insert image description here
The above picture imports the package: this package can be found and opened by the developer, and the provided package can be packaged, or you can type it yourself. The packaging method is written in another blog post.

2. Happy to explore the developer tool test applet
Settings:
insert image description here

4. A little introduction to the internal use of WeChat applets

Capture packets in the applet:
insert image description here

The model switching test is compatible with:
insert image description here

Three compilation modes:

insert image description here

Page test, you can jump directly here:
insert image description here

Link to add parameters to jump directly:
insert image description here

Scan the QR code to jump:

insert image description here

Real machine debugging:
1. It is necessary to log in to an account that has opened developer permissions corresponding to the real machine

insert image description here

2. Real machine debugging on PC:

insert image description here

3. Real machine debugging on the mobile phone:

insert image description here

Guess you like

Origin blog.csdn.net/weixin_48520816/article/details/125200496