完美解决谷歌浏览器自动填充问题
发布时间：2020-08-24 16:46:52 作者：杜培东 
我要评论
我要评论这篇文章主要介绍了完美解决谷歌浏览器自动填充问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
在谷歌浏览器中，登陆成功后，谷歌浏览器会提示是否记住密码。如果选择记住密码，那么再次登录会出现诸如下边情况：
如果产品需求是不希望浏览器自动填充账号密码，那么怎么去除呢？
最先想到的是设置input标签属性autocomplete="off"，不起作用1，
然后试着设置css input:-webkit-autofill设置背景色为透明和设置相应的字体颜色，依然不尽人意2。
然后按照网上提供的一个办法，额外添加一个伪造的input元素，初始可见，然后文档加载完毕，再通过setTimeout把伪造的input为隐藏，
setTimeout设置的时间为1ms。不知道是自己实现的方式不对还是怎么地，依然不起作用3。
后来突然一个念头蹦出来，如果输入框在文档初始化不存在，然后在文档加载成功之后再注入到文档节点中，是否浏览器就不会自动填充了？
按照预想，不出所料，果然输入框不会再被填充，大功告成，哈哈哈
由于项目是基于vue,所以元素的后期插入相对来说很简单实现,代码如下：
<template>
<div>
<input v-if="isShow" type="text">
</div>
</template>
<script>
export default {
data(){
return {
isShow:false
}
},
mounted(){
setTimeout(()=>{
this.isShow = true;
},1)
}
}
</script>
到此这篇关于完美解决谷歌浏览器自动填充问题的文章就介绍到这了,更多相关谷歌浏览器自动填充内容请搜索程序员之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持程序员之家！
相关文章
谷歌浏览器怎么安装Vue.js devtools插件？谷歌浏览器中想要安装一些插件，该怎么安装Vue.js devtools插件呢？下面我们就来看看详细的教程，需要的朋友可以参考下2021-03-05
谷歌浏览器怎么禁止网站使用摄像头? 谷歌浏览器摄像头设置方法
谷歌浏览器怎么禁止网站使用摄像头？谷歌浏览器在使用的时候，发现有些网站会打开摄像头，该怎么禁止使用摄像头呢？下面我们就来看看谷歌浏览器摄像头设置方法，需要的朋友2020-11-13
谷歌Chrome浏览器全局媒体控件支持桌面实时字幕，下文小编就为大家带来了详细介绍，感兴趣的朋友可以一起看看2020-11-11
浏览器插件是浏览器功能上的拓展与增强，可称得上的是浏览器专属的外挂，下文中为大家带来了高手必装的10个神器插件。感兴趣的朋友不妨阅读下文内容，参考一下吧2020-10-19
这篇文章主要介绍了谷歌访问助手破解版 v2.3.0永久激活版,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-15
最新评论