禁用自动完成在角度下不起作用。是否可以更改浏览器设置 =>关闭=>使用 Java 脚本自动完成

发布于 2025-01-19 13:06:45 字数 1136 浏览 2 评论 0 原文

我已经使用了autoComplete =“ false”（“/nope/no/no new-password”）。

在FormControl和Fromgroup中，甚至我都尝试通过使用本机元素并将属性设置为False使用指令。

但是，我仍然没有解决自动填充/自动填充的解决方案。

是否可以通过使用我们的脚本将浏览器级别设置更改为关闭自动建议/自动填充的设置？

我尝试了很多，但我不能。在这里，我附上了使用表单级别和指令级别的代码。

<form [formGroup]="loginForm" autocomplete="off">
  <input matInput placeholder="Username" formControlName="username" autocomplete="off">
  <input matInput type="password" formControlName="password" autocomplete="new-password">
</form>

import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: '[autocompleteOff]'
})
export class AutocompleteOffDirective {
  constructor(private _el: ElementRef) {
    let w: any = window;
    let isChrome = w.chrome;
    if (isChrome) {
      this._el.nativeElement.setAttribute('autocomplete', 'off');
      this._el.nativeElement.setAttribute('autocorrect', 'off');
      this._el.nativeElement.setAttribute('autocapitalize', 'none');
      this._el.nativeElement.setAttribute('spellcheck', 'false');
    }
  }
}

原文

I have used autocomplete="false" ("/nope/no /new-password").

In both formControl and FromGroup even I have tried using directive by using native element and setting the property as false.

But still, I do not have the solution for disabling the autocomplete/autofill.

Is it possible to change the browser level setting as turn off auto Suggestions/autofill by using our script?

I have tried a lot, but I can't. Here I have attached the code which I have using both the form level and directive level.

<form [formGroup]="loginForm" autocomplete="off">
  <input matInput placeholder="Username" formControlName="username" autocomplete="off">
  <input matInput type="password" formControlName="password" autocomplete="new-password">
</form>

import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: '[autocompleteOff]'
})
export class AutocompleteOffDirective {
  constructor(private _el: ElementRef) {
    let w: any = window;
    let isChrome = w.chrome;
    if (isChrome) {
      this._el.nativeElement.setAttribute('autocomplete', 'off');
      this._el.nativeElement.setAttribute('autocorrect', 'off');
      this._el.nativeElement.setAttribute('autocapitalize', 'none');
      this._el.nativeElement.setAttribute('spellcheck', 'false');
    }
  }
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

婴鹅 2025-01-26 13:06:45

确实，很难完全关闭该产品，但是可以用 OFF WebAuthn 迫使其灭活效果，例如：

<input matInput type="password" formControlName="pwd" autocomplete="off webauthn">

来自 https://stackoverflow.com/a/a/77011536/3994745

Indeed it is difficult to completely switch off the, but it is possible to force its inactivation with off webauthn, example:

<input matInput type="password" formControlName="pwd" autocomplete="off webauthn">

From https://stackoverflow.com/a/77011536/3994745

回复收藏 0 原文

提赋 2025-01-26 13:06:45

恐怕Modern Browser Devs非常强烈地认为密码管理器是最安全的策略，因此您无法禁用输入 type = password 。您可能应该只符合世界其他地方并允许用户使用密码管理器，但是如果您是某种不符合形式的反叛者，则可以制作自己的“隐藏”字体，并使用 type = text = text = text 喜欢在此答案中：

https://stackoverflow.com/a/22457652/12914833

：

即使没有主密码，浏览器内密码管理通常也被视为安全性的净收益。由于用户不必记住浏览器存储给他们的密码，因此他们能够选择比以前更强的密码。

因此，许多现代浏览器不支持autoComplete =“ OFF”登录字段：

如果网站设置autoComplete =“ off”表格，并且该表单包含用户名和密码输入字段，则浏览器仍然提供记住此登录的信息，如果用户同意，则浏览器将在下一步中自动填充这些字段用户访问页面的时间。

如果网站设置了autocomplete =“ off”用于用户名和密码输入字段，则浏览器仍会提供记住此登录名，如果用户同意，则浏览器将在下次用户访问页面时自动填充这些字段。

这是Firefox（自版本38），Google Chrome（自34）和Internet Explorer（自版本11）中的行为。

。

实际上，用户可以只下载扩展程序即可使用 autoComplete = OFF ，因此您无法通过设置它提供任何安全值。这确实是用户决定是否自动填写凭证。