An example Analysis of the General "Show password" button in Chromium-based browsers

This article is about the Chromium-based browser has been launched on the general "display password" button example analysis, the editor thinks it is very practical, so share with you to learn, I hope you can get something after reading this article, say no more, follow the editor to have a look.

Chromium-based Edge in the recently released version of the Canary channel, the user interface has been optimized to make the InPrivate window more concise. In the version update obtained today, Microsoft continues to bring new privacy-related content-- implementing a general-purpose "display password" button.

This feature is one of the many "controlled feature deployment" features, Microsoft explained:

For

< input type="password"/>

Deploy the display password button. This newly added button is associated with the

< input type="search"/>

Clear / cancel the same mode of the button, define svgs in controls-refresh.css, instead of using "- webkit-appearance" to render.

In addition, combined commands have been added to support the use of Alt-F8 hotkeys to show / hide passwords, and logic has been added to ensure that only display buttons entered directly by the user are displayed. If the password is not empty at first (for example, autofill or value = xxx), the control loses focus and regains focus, or if the script changes the value, the Show button is not displayed.

Notice that we use-internal-reveal as the pseudo element id, so the author cannot customize or hide the display button. This may change after a consensus is reached on what ID to use, or after buttons are standardized.

The test is added in web_tests / fast / forms / controls-new-ui / password.

This feature displays an eye icon on the password field, which when clicked only makes the password text visible or can be displayed by pressing the Alt+F8 shortcut. Some users may question the security of this feature, but rest assured that the Microsoft Edge and Google Chrome display password buttons are currently displayed only when you enter your own password, while passwords that are automatically filled in through the browser or previously saved on the page will not be allowed to display. It is not clear how input from the password manager will be handled.

The above is an example analysis of the general "Show password" button that has been launched in Chromium-based browsers. The editor believes that there are some knowledge points that we may see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.