Use Chrome to see how the effects on your page are implemented

Use Chrome to see how the effects on your page are implemented

Chrome is a very powerful tool, many times, we do not know how an effect is implemented, we can find the response of the webpage, and then find its HTML file, and JS file, view the source code, get its implementation way.

The following examples illustrate:

1. I want to know the HTML code for this section:

You can open the Developer tool directly, click the arrow, select the section, and it will automatically navigate to the corresponding element in element.

2. I want to know this part of the AJAX implementation, then I can directly guess (accuracy is not very high ha, to try more ~), to find the HTML introduced in the JS code, in the source resources through ctrl+p to search files. After entering the file, search through ctrl+f input keywords such as inputs or password. can be achieved. Such as:

This allows us to get the code we want.

Use Chrome to see how the effects on your page are implemented