F12 very important test in the Web, can be positioned elements (UI Automation used), see page response time / data (positioning BUG, measured → single page response time performance)
Elements
Click this button, move the cursor to "Google" and click on the picture position, on the right side of the console F12 will select the corresponding HTML tags (...... can modify the properties of elements on the page).
Focus: In the "Label" position right → Copy → Copy Xpath (to get the positioning element)
Console and Sources
The use of two relatively small, Console will print request, and returns the results of the data analysis may have some effect.
Based on: js error, data error
Network
| Headers: header | Request header, the request body, in response to the first response member Request data: Query String Parameters → get data request parameter passing Form Data → post request data parameter passing |
| Preview: Preview | Return Data Preview |
| Response: In response packet | Format can be HTML, json .... According to the response packet to determine whether the bug which ends |
| Timing: Time | This page request to a response time |
note:
Red for recording status, all the action will appear in the browser console
Click to clear all the contents of the console