Create Project and Interface Display

Click the extension button in the upper-right corner of the browser, and select WebRecorder.

Initial screen. The interface has not been localized into Chinese yet. You can use the English UI directly or translate the labels as needed.

The initial screen asks what you want to do. If this is your first time using the recorder, select the first option to record a test case in a new project. For later use, you can select the second or third option. The fourth option closes the recorder.

Create a project and a test.

Set the project name. Only English project names are supported; Chinese project names cannot currently be saved.

Set the main URL for the test. After this is configured, you can start recording immediately. To record later, select CANCEL.

Main interface overview.

Project and test list: displays saved test scripts. Right-click a script in the list to rename or export it.

Toolbar: provides script recording, playback, debugging, saving, and related functions.

The toolbar buttons shown here, from left to right, are: play all scripts, play the current script, skip the current command, and control script playback speed. The playback speed setting only affects script playback during debugging. It does not affect script execution speed in actual tasks.

The buttons shown here, from left to right, are: disable breakpoints, pause recording, and start or stop recording.

Initial URL: the starting URL of the test script. Enter the complete URL including the protocol, for example, https://www.baidu.com. Do not enter only www.baidu.com or baidu.com.

Script display area: displays script actions in a list. Right-click an action to perform related operations. This area is mainly used for later script debugging. Each script action usually consists of three parts: command, target, and value. Not every action uses all three parts.

Log display area: displays log data generated during script recording and script execution.