去除浏览器自动记住密码功能
最近由于公司在开发金融项目，对各方面要求比较严格，然而发现第一次在谷歌浏览器和火狐浏览器上登陆账户的时候，都会自动弹出记住密码的弹框：如下图
（1）谷歌和火狐浏览器上的弹框：
点击了保存之后就会存到浏览器的记录里，分别再Google：设置 -> 高级 -> 管理密码 -> 已保存的密码 中和 FireFox：选项 -> 隐私与安全 -> 表单密码 -> 已保存的登陆信息 中 找到对应信息，并且可以查看（存在的风险自己估量）
（2）当你再次登陆的时候就会自动填充到表单账号密码中：如下图
点击提示信息后，就会把对应的信息填充到表单中
我再网上搜了好多关于这方面的信息，都逐个尝试，发现很多方法都不靠谱，也可能是是我理解的不够透彻，各位博友如果有好的解决方案可以直接 Email me！或者直接在下面留言。
下面就附上我的解决方案，经测试已经完美生效：
1、对于chorme浏览器：
简单来说就是在表单的容器最前面和最后面各加一个看不见的input框，type类型设置为password，需要注意的是：不能给它设置成 display：none；，否则就不会生效，可以设置 宽高为0，opacity：0； 最后再定个位，定到某个不容易被别人注意的小角落里就OK了！
2、对于FF浏览器：
简单来说就是先给密码框type类型设置成text，然后再聚焦的时候改成password类型，然后在提交之前把密码框的值清空，然后再把密码框的type类型改成text类型，就OK了！
附上我的代码截图：
提交时操作：
到此为止，chrome上和FF上，首次登陆就不会弹出那个弹框了！
难道到此就结束了？NO!（大写的！），解决一个问题就要搞懂他的原理和机制！（个人通过（N+1次）测试理解的结果，仅代表个人观点哦）
划重点：
chrome： 通过检测input框type的password属性来”监视“你是否提交了表单，但是它比较傻，只要在提交前给它一个空的密码框，他就会“关注”这个密码框，然后在提交的时候，它会关注最后一个密码框，但是中间有几个密码框它就不管了，也就是说只要保证这两个密码框值为空，就不会触发浏览器自带的那个记住密码的提示！over！
FireFox：：同样是通过检测input框type的password属性来”监视“你是否提交了表单，但是FF却关注了密码框的初始type值password，并没有关注中间发生了什么”不可描述的事“，所以根据这些我就可以从中间做文章了，具体我就不说了，上面很清楚了！over！
OK，扯完了，如果有什么不对的地方，还请各位大牛多多指正！
小伙伴们如果有好的解决方法可以直接再下面留言哦！
注：我测试代码的浏览器版本分别是：
Google：63.0.3239.108（正式版本）（32 位）
FireFox：57.0.3 (32 位)
去除浏览器自动记住密码功能相关推荐
- 去除浏览器自动填充密码功能
去除浏览器自动填充密码功能 去除浏览器自动填充密码功能 去除浏览器自动填充密码功能 在项目开发中,遇到这样一个问题,前端显示后端一个机密数据时,使用了<input type = 'passwor ...
- JS如何不让浏览器自动记住密码
为了帐号和密码安全,作为程序员,如何不让浏览器自动记住密码呢? 浏览器有时总是自动填充用户和密码,怎么屏蔽呢? 方法/步骤: 1.JS清空cookies.具体方法不在此介绍了. 2.登录时采用http ...
- JS防止浏览器自动记住密码
最近项目上做了这样一个功能,使用autocomplete="off"不能解决FF的问题,依旧会提示是否记住密码,第一次写博客,不足之处请大神们多多指点. HTML部分: 先设置用户 ...
- 取消chrome浏览器自动填充密码功能-autocomplete
在前端页面进行登录时,需要填写密码,那么为了保证密码不被看到,我们首选的input表单的type类型必然时password. 例如 <input type="password" ...
- vue实现浏览器记住密码功能，并进行加密存储
前提: 将浏览器的自动填充密码功能关闭,如果关闭不了,可参考https://blog.csdn.net/csdn_zhuang/article/details/104818168 方案: 1.安装加解 ...
- 关闭浏览器记住密码功能
首先关于浏览器关闭记住密码的功能已经有很多答案了,但是还是要写一写,也算一点自己的经历. 方法很简单.先上代码: 首先在表单输入密码的input类型设置为text当获取焦点的时候再把类型改为passw ...
- java记住密码 cookie_Java Web网站怎么利用Cookie实现记住密码功能
在做java web网站开发时,为了避免每次登录都需要输入用户名和密码,我们会使用Cookie技术来实现记住密码功能,在这里小编使用简单的项目案例来教大家具体的实现过程. 前期准备 1.下载好jque ...
- AppCan用cookie实现记住密码功能 [APP]
今天想做个在应用上记住密码的功能.想了一下,先用COOKIE来测试.COOKIE保存在客户端. 关于COOKIE在手机上安不安全的问题,以后再讨论. 其实想过在手机上创建文件保存密码,但是,没有时间, ...
- PHP会员登录实现记住密码功能 thinkPHP5
会员登录实现记住密码功能需要用到cookie 和session,首先我们来简单了解一下cookie 和session 的区别 Cookie Cookie是完全保存在客户端.当客户端禁止cookie时将 ...
最新文章
- POJ-2948 Martian Mining 动态规划
- python框架django的数据库的正向生成和反向生成
- python中fit内参数的类型_Python fit
- MAC版Eclipse的常用快捷键
- java与java ee_CapeDwarf – Java EE上的Google App Engine
- 生信分析和统计作图资源推荐
- 怎么使用PHPMailer实现邮件的发送？？
- [Android系列—] 2. Android 项目目录结构与用户界面的创建
- sql查询条件为空的另类写法o(￣▽￣)ｄ
- Android layoutInflate.inflate 方法具体解释，removeView()错误解决
- 股票历史数据-股票前复权数据下载
- vue源码 - 调试vue初始化过程
- 关于iOS 12.2以及更高版本安装描述文件
- s1 episode1(一)
- spj查询零件、工程、供应商表
- 基于ABP的应用执行Update-Database出现异常的解决办法
- 1.Lunix系统安装及重置root密码
- vue开发公众号 在钩子里面处理登录获取code
- linux僵尸进程产生的原因以及如何避免产生僵尸进程
- 如何使用 COMSOL 进行电热分析？