火狐浏览器 如何保存登录过的账号

Posted 2023-04-17

火狐浏览器设置保存登陆过的账号的方法：

1、打开火狐浏览器，点击”工具“，进入”选项“。

2、弹出的窗口中，点击”安全“。

3、勾选”记住网站密码“即可。点击”已保存密码“可以进行查看相关信息。

参考技术A 工具---选项---隐私--记录网站密码。

勾上了的话，还不能记录的话那就不知道了，哦一般还会填出询问是否记住的，你确定就可以了

浏览器防止自动代填和回显已经保存的账号的解决方案

最近遇到客户出的难题，登录和密码框不要自动代填已经保存过的密码，本以为在输入框加个

<input type="text" name="login_name" value="" autocomplete="off" placeholder="请输入用户名"/>

　

就完事，没想到这个只能屏蔽历史输入，已保存的用户信息在火狐浏览器还是如此的倔强，如图所示：

 

 

 

还是要回显提示，已经存过的其他账号，网上溜达了一圈，还是没有一个明明白白的答案，后来经过反复调试，

发现输入框是文本和password类型就会触发火狐浏览器的自动回显，

网上也给过在输入框上加上onfocus事件来更改输入框类型的方案：

<input type="text" onfocus="this.type=password" />

　　

但逻辑还是不够严密，我输错了密码再回删，它又会回显出来，表单提交后刷新也会，最后经过不断尝试，给出的解决方案如下：

 

 

//当把登录输入框和密码输入框的type设置为search是不会触发的
<input type="search" name="login_name" value="" autocomplete="off" placeholder="请输入用户名"/>
<input type="search" id="password"name="login_passwd" value="" autocomplete="off" placeholder="请输入密码"/>
...
//
<script type="text/javascript">
        $(document).ready(function() 
           //表单刷新后，页面初始化时重新将密码框的类型改为search
           //此处要用js原生代码，jQuery没有权限更改input框的type属性
           document.getElementById(‘password‘).setAttribute(‘type‘,‘search‘);
        );
       //通过密码框输入的值长度来设置它的类型
       //防止密码回删后的回显
        jQuery("#password").bind("keyup",function()
        var self=this;
        //加延时的目的是等keyup事件执行完
        $.setTimeout(function () 
        var len = $(self).val().length;
        if(len==0)
            document.getElementById(‘password‘).setAttribute(‘type‘,‘search‘);
        else 
            document.getElementById(‘password‘).setAttribute(‘type‘,‘password‘);
        
    , 1);
);
            
</script>