如何检测不同浏览器中的自动填充？

首页 > 编程 > 如何检测不同浏览器中的自动填充？

如何检测不同浏览器中的自动填充？

发布于2024-11-20

How Can You Detect Autofill in Different Browsers?

检测浏览器自动填充：详细指南

自动填充是浏览器提供的一项便捷功能，可以使用预先保存的信息快速填写表单字段。虽然这可以简化用户体验，但对于在特定场景中寻求跟踪或禁用自动填充的开发人员来说，这是一个挑战。

自动填充何时发生？

自动填充的时间自动填充因浏览器和输入字段类型而异。

用于用户名/密码fields:
- Firefox 4、IE 7 和 IE 8：不会触发自动填充更改事件。
- Safari 5 和 Chrome 9：触发更改事件。
对于其他表单字段：
- IE 7 和 IE 8：不触发更改事件。
- Firefox 4：当用户从建议列表中选择并退出时触发更改事件。
- Chrome 9：不触发更改事件。
- Safari 5：触发更改事件。

如何检测自动填充

由于浏览器不一致，检测自动填充并不简单。这里有几个选项：

禁用自动填充：在 HTML 中使用“autocomplete='off'”禁用特定字段的自动填充。
定期检查字段值：定期检查输入字段的值，判断是否已被autofilled.
触发事件监听器： 某些浏览器会在自动填充上触发事件：
- Chrome：使用“input”事件（例如，).
- Firefox：对某种表单使用“change”事件fields.

浏览器特定注意事项：

Firefox：
- 自动填充会触发某些字段的更改事件。
- 性能监视器插件可用于测量自动填充性能。
Chrome:
- 在自动填充时触发“input”事件。
- 不支持 CSS 的“自动完成” ” property.
Safari:
- 触发某些字段的更改事件。
- 支持“自动完成”属性。

额外的资源：

[W3C 自动填充功能指南](https://www.w3.org/TR/html-dev/forms.html#autofill)
[检测浏览器中的自动填充](https://blog.bitdefender.com/web-client/detecting-autofill-in-browsers/)

最新教程更多>

如何修复 macOS 上 Django 中的“配置不正确：加载 MySQLdb 模块时出错”？
MySQL配置不正确：相对路径的问题在Django中运行python manage.py runserver时，可能会遇到以下错误：ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Library/Python/2.7/site-...

编程发布于2024-11-20
如何在 MySQL 中确定一周的第一天？
在 MySQL 中确定一周的第一天使用日期范围时，通常需要确定一周的第一天对于给定的日期。在 MySQL 中，根据所需的一周开始日期有不同的方法。从星期日开始一周获取从开始的一周的第一天星期日，使用以下公式：DATE_ADD(mydate, INTERVAL(1-DAYOFWEEK(mydate)...

编程发布于2024-11-20
哪个调用约定负责堆栈清理？
调用约定：stdcall 与 cdecl在编程中，调用约定定义参数如何在函数之间传递。两个常见的调用约定是 stdcall 和 cdecl.1。 cdecl函数调用当调用cdecl函数时，调用者不负责清理堆栈。编译器根据函数的调用约定生成处理堆栈清理的代码。2。混合调用约定通常不建议混合调用约定。然...

编程发布于2024-11-20
尽管代码有效，为什么 POST 请求无法捕获 PHP 中的输入？
解决 PHP 中的 POST 请求故障在提供的代码片段中：action=''而不是：action="<?php echo $_SERVER['PHP_SELF'];?>";?>"检查 $_POST数组：表单提交后使用 var_dump 检查 $_POST 数...

编程发布于2024-11-20
如何在 PHP 中组合两个关联数组，同时保留唯一 ID 并处理重复名称？
在 PHP 中组合关联数组在 PHP 中，将两个关联数组组合成一个数组是一项常见任务。考虑以下请求：问题描述：提供的代码定义了两个关联数组，$array1 和 $array2。目标是创建一个新数组 $array3，它合并两个数组中的所有键值对。此外，提供的数组具有唯一的 ID，而名称可能重合。要求...

编程发布于2024-11-20
为什么 Go 函数不能直接返回多个值？
Go 返回多个值问题当尝试在 Go 中返回多个值时，为什么某些语法有效而其他语法无效似乎令人困惑。为了说明这一点，请考虑以下两个代码片段：func FindUserInfo(id string) (Info, bool) { it, present := all[id] return...

编程发布于2024-11-20
Bootstrap 4 Beta 中的列偏移发生了什么？
Bootstrap 4 Beta：列偏移的删除和恢复Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而，随着 Beta 2 的后续发布，这些变化已经逆转。从 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...

编程发布于2024-11-20
为什么在使用 `go` 语句时要在主 Goroutine 中计算 `input.Text()` ？
为什么在主 Goroutine 中计算 input.Text()在Go 编程语言的第 8 章中，以下语句是关于并发 echo 服务器：由 go 启动的函数的参数在执行 go 语句本身时进行评估；因此 input.Text() 在主 goroutine 中被求值。这条语句的意思是，当执行 go 语句时...

编程发布于2024-11-20
在 Go 中使用 WebSocket 进行实时通信
构建需要实时更新的应用程序（例如聊天应用程序、实时通知或协作工具）需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方！今天，我们将探讨如何在 Go 中使用 WebSocket，以便您可以向应用程序添加实时功能。在这篇文章中，我们将介绍： WebSoc...

编程发布于2024-11-20
为什么我的Go HTTP客户端访问Github时提示“您对该站点的访问已被限制”？
解决 Go HTTP 客户端中“您对该站点的访问已被限制”的问题使用 Go 的 HTTP 客户端访问 Github 资源可能会触发“您对该网站的访问已被限制”错误。在 AWS 上运行的 EC2 实例中从 Github 检索 tar.gz 等文件时，尤其会遇到此问题。潜在原因问题可能源于过时的软件配置...

编程发布于2024-11-20
除了“if”语句之外：还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型？
无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换，使您能够在条件语句中直接使用其实例“t”。然而，这种显式转换提出了一个问题：“t”在哪里可以在不进行强制转换的情况下用作 bool？上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句：if、whi...

编程发布于2024-11-20
如何使用 MySQL 查找今天生日的用户？
如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现，该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户： FROM USERS ...

编程发布于2024-11-20
大批
方法是可以在对象上调用的 fns 数组是对象，因此它们在 JS 中也有方法。 slice(begin)：将数组的一部分提取到新数组中，而不改变原始数组。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index p...

编程发布于2024-11-20
如何在 AngularJS 的 ng-options 中设置 value 属性？
在 AngularJS 的 ng-options 中设置值AngularJS 的 ng-options 指令允许开发人员填充标签的选项。出现的一个常见问题是如何为每个选项设置 value 属性。为了理解值设置机制，让我们深入研究 ngOptions 的语法。它采用以下形式之一的表达式：对于数组：...

编程发布于2024-11-20
如何在不牺牲索引的情况下优化 MySQL 中带有前导通配符的“LIKE”查询？
在不影响索引的情况下使用“like”和通配符优化 MySQL 搜索在数据库优化领域，使用“like”运算符的查询前导通配符，例如“SELECT * FROM sometable WHERE somefield LIKE '%value%'”，通常会给索引利用带来挑战。本文探讨了一种优...

编程发布于2024-11-20