# Feishu Developer Tools-Gadget simulator
Gadget debugging mainly involves the simulator and debugging tools

## Simulator
You can simulate what a gadget looks like in the Feishu app using the Developer Tools. The visual effects for most APIs can be simulated accurately in the simulator.

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/ff0a9fb13113d82e8bf009f96ca9e564_YH2bcPa1jJ.png)

## Top toolbar
The features (from left to right) in the top toolbar of the simulator are described as follows:
- Device size: Select the preset iOS or Android device size, or define a new device to test the device suitability
- Zoom: Control the display scale of the app
- Rotation: Switch between landscape and portrait modes
- Toolbox (for gadgets only): Open/close the tools menu of the simulator

### Operations that can be simulated in the Toolbox
- Home, [Location](https://open.feishu.cn/document/uYjL24iN/uUTOz4SN5MjL1kzM), [Scan](https://open.feishu.cn/document/uYjL24iN/uYzNx4iN3EjL2cTM), [Permission](https://open.feishu.cn/document/uYjL24iN/uITMuITMuITM), [Screenshot](https://open.feishu.cn/document/uYjL24iN/uMjNwEjLzYDMx4yM2ATM), [Compass](https://open.feishu.cn/document/uYjL24iN/uIzNx4iM3EjLycTM), [Wi-Fi](https://open.feishu.cn/document/uYjL24iN/ugjNx4CO2EjL4YTM), [ACC](https://open.feishu.cn/document/uYjL24iN/ukjNx4SO2EjL5YTM)
- Simulate some open APIs:
	- Select user contact [chooseContact](https://open.feishu.cn/document/uYjL24iN/uMTM04yMxQjLzEDN)
	- Select user chat [chooseChat](https://open.feishu.cn/document/uYjL24iN/uMTN3QjLzUzN04yM1cDN)
	- Verify security password again [startPasswordVerify](https://open.feishu.cn/document/uYjL24iN/ugTO3IjL4kzNy4CO5cjM)
	- Get Feishu startup parameters [getHostLaunchQuery](https://open.feishu.cn/document/uYjL24iN/ugzM4UjL4MDO14COzgTN)
	- Get information of a chat [getChatInfo](https://open.feishu.cn/document/uYjL24iN/uEDN2UjLxQjN14SM0YTN)
- Badge: Simulate the triggering of unread messages [onChatBadgeChange](https://open.feishu.cn/document/uYjL24iN/uQDN2UjL0QjN14CN0YTN)

![image.png](//sf3-cn.feishucdn.com/obj/open-platform-opendoc/8cecc68227649fcaed388a66a9a01621_hFhBxNkdbA.png)

### Bottom status bar
- Bottom toolbar: Switch page path, page parameters, and scenario values.
- Real-time preview: If this is selected, the gadget will be automatically compiled after the code is saved.
