Charles interface introduction
When sending network requests, the charles tool interface will display all sent request packets, as shown in the figure below
Shortcut icon:
broom button
: Click to clear all captured requests
icon button
: The red dot lights up to indicate that the request is being fetched, and the red dot is grayed out to indicate that the request is not currently being fetched
lock button
: open switch for fetching HTTPS
turtle button
: The gray turtle means that the network speed setting is normal, and the green turtle means that the slow network speed is turned on
hexagon button
: Breakpoint icon, gray indicates that the breakpoint is not enabled, and red indicates that the breakpoint is in use
pen button
: Edit request, click to modify the content of the request
refresh button
: The icon for repeatedly sending requests, first select a request and click this icon, the request will be sent again
check button
: Wrench button
: Corresponds to the tools icon in the navigation bar, with some functions
settings button
: set the situation in charles
Session list:
The red area shows all the requests we crawled. Click + to expand all the requests under the host domain name. After clicking a request, you can see the corresponding content corresponding to the request in the right area.
The tab page on the right side of the navigation bar is another form of sequence request display. In fact, the content is the same, but all the requests are displayed in order of time, instead of displaying by domain name;
Request content:
It shows the request content of a certain request, and you can switch the navigation bar to view various details of the request. For example: request response time, request header, request details, request body, etc.
Overview: It will show a general situation of the request, such as: request header, request response end time, request start time and own notes, etc.
content: As shown in the figure above, the specific content of the request and the corresponding content of the server (cooperate with the navigation bar below to view the specific content of the request header, cookies && select the presentation method form, raw)
summary: It also shows the general resource distribution of the request. For example: how long did the server respond, what is the host, etc.
chart: Tell us the distribution of a response time in tabular form.
notes: It is already very clear. After clicking, you can record something about the request, so that you can check the purpose of the interface later. You can check it in the overview, as shown in the figure below
Response content:
It shows the content of the server response after the above request data is sent (the response content can only be seen when content is selected in the request)
header: the header information of the response
text: display the response content in text form
Hex (hexadecimal) and compressed (compression) are generally not allowed to view
json: view the response content in json format, simple and clear
Compressed: compressed information
json text: expand and write the content in json format
raw: the details of the detailed content
Practical case
Optical theory is useless, you have to learn to follow along, and you have to do it yourself, so that you can apply what you have learned to practice. At this time, you can learn from some actual combat cases.
If it is helpful to you, please like and collect it to give the author an encouragement. It is also convenient for you to quickly find it next time.
If you don’t understand, please consult the small card below. The blogger also hopes to learn and progress with like-minded testers
At the right age, choose the right position, and try to give full play to your own advantages.
My road of automated test development is inseparable from the plan of each stage along the way, because I like planning and summarizing,
Test and develop video tutorials, study notes and receive portals! ! !