如何用JavaScript禁用Chrome密码修改弹窗？该功能属于前端还是后端？

所属范畴 #

该弹窗是Chrome浏览器内置的密码管理模块触发的本地行为，完全属于前端范畴，后端服务无法对该类浏览器原生弹窗做任何控制。

禁用方法 #

• 优先方案：给密码类型的input标签添加autocomplete="new-password"属性，该属性会让Chrome判定当前输入场景为新增密码，不会触发修改旧密码的提示弹窗，代码示例：

<input type="password" name="user_password" autocomplete="new-password">

• 方案2：调整表单提交逻辑，不要使用浏览器默认的表单提交行为，改用XMLHttpRequest、fetch或者axios等异步方式提交密码数据，提交完成后不要调用form的reset()方法，也不要主动重置密码输入框的value值，避免Chrome捕获到密码变更行为。
• 方案3：如果完全不需要浏览器记忆当前页面的任何表单内容，可以给form标签全局添加autocomplete="off"属性，不过该属性在高版本Chrome中对密码字段的识别优先级低于new-password，仅作为补充方案使用。

内容的提问来源于stack exchange，提问作者Cristiano Ronaldo