亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

objc94 / 1881人閱讀

摘要：解決瀏覽器保存密碼自動(dòng)填充問(wèn)題問(wèn)題描述話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。后來(lái)發(fā)現(xiàn)是瀏覽器存在自動(dòng)填充機(jī)制的問(wèn)題。

解決瀏覽器保存密碼自動(dòng)填充問(wèn)題 問(wèn)題描述

話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢(xún)問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新建用戶(hù)的操作，里面的輸入框自動(dòng)將我的用戶(hù)名和密碼默認(rèn)填寫(xiě)進(jìn)去了，然后觸發(fā)了內(nèi)置的校驗(yàn)規(guī)則

在我確認(rèn)過(guò)在打開(kāi)編輯框的時(shí)候已經(jīng)輸入框的數(shù)據(jù)重置之后，開(kāi)始了我的排查錯(cuò)位之旅。從cookie，本地緩存等等，都沒(méi)有發(fā)現(xiàn)相關(guān)的問(wèn)題。后來(lái)發(fā)現(xiàn)是瀏覽器存在自動(dòng)填充機(jī)制的問(wèn)題。

瀏覽器自動(dòng)填充機(jī)制

經(jīng)過(guò)我的反復(fù)測(cè)試，以Chrome為例，當(dāng)瀏覽器遇到type="text"與type="password"的標(biāo)簽緊鄰時(shí)，會(huì)觸發(fā)瀏覽器自動(dòng)填充行為。默認(rèn)為黃色背景。firefox和360瀏覽器的處理方式是：只要檢測(cè)到頁(yè)面里有滿(mǎn)足填充機(jī)制的，不管是不是display：none 的，只要檢測(cè)到就直接往里填充。

解決方案

設(shè)置瀏覽器不提示記住密碼,記住密碼的網(wǎng)站都在設(shè)置里可以看到，并且可以去除(很明顯，這個(gè)方法治標(biāo)不治本，我就想記住密碼還不行嗎？)

使用HTML5新屬性autocomplete="off" 但禁用自動(dòng)填充。這個(gè)屬性好像是firefox發(fā)起的，并不是標(biāo)準(zhǔn)屬性，所以這塊主要是針對(duì)ie和獲取瀏覽器生效。谷歌不承認(rèn)這個(gè)屬性。所以在谷歌瀏覽器上并沒(méi)有產(chǎn)生任何效果

既然瀏覽器遇到type="text"與type="password"的標(biāo)簽緊鄰時(shí)觸發(fā)自動(dòng)填充行為，則將兩個(gè)隔開(kāi)，使用隱藏的方式“欺騙”瀏覽器，將密碼信息填寫(xiě)在隱藏區(qū)域。

.is-hidden {
    position: absolute;
    left: -10000px;
    top: -10000px;
}
 /*讓input看不見(jiàn)，而不是直接display: none，如果直接display: none，有些瀏覽器則不生效，比如谷歌*/

修改readonly屬性

將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。該方法親試簡(jiǎn)潔好用

總結(jié) 
在以上介紹的方法并不是全部的解決方法，目前我用的是第四個(gè)方法比較多，雖然第三個(gè)方法也挺好用，但是多增加標(biāo)簽的類(lèi)型不符合我的作風(fēng)，還是默默的用了第四種方法。歡迎大家補(bǔ)充更多的一些方法，未完待續(xù)！

作者簡(jiǎn)介：張敏，蘆葦科技web前端開(kāi)發(fā)工程師，低調(diào)冷幽默，深藏不露。代表作品：微魚(yú)娃娃機(jī)系統(tǒng)、TopShow活動(dòng)報(bào)名小程序。擅長(zhǎng)網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、微信小程序開(kāi)發(fā)、小游戲制作、企業(yè)微信制作、H5建設(shè)，專(zhuān)注于前端框架、交互設(shè)計(jì)、圖像繪制、數(shù)據(jù)分析等研究。

歡迎和我們一起并肩作戰(zhàn)： web@talkmoney.cn
訪問(wèn) www.talkmoney.cn 了解更多

提供專(zhuān)業(yè)的微信公眾號(hào)外包，靠譜的釘釘開(kāi)發(fā)，深圳企業(yè)微信建設(shè)，高質(zhì)量的微信小程序開(kāi)發(fā)，廣東小游戲開(kāi)發(fā)，東莞H5制作

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/101112.html

相關(guān)文章

  • 解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

    摘要：讓看不見(jiàn)，而不是直接，如果直接，有些瀏覽器則不生效，比如谷歌修改屬性將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。 問(wèn)題描述 話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢(xún)問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新建用戶(hù)...

    nicercode 評(píng)論0 收藏0

  • 解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

    摘要：讓看不見(jiàn)，而不是直接，如果直接，有些瀏覽器則不生效，比如谷歌修改屬性將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。 問(wèn)題描述 話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢(xún)問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新建用戶(hù)...

    Batkid 評(píng)論0 收藏0

  • 瀏覽器保存密碼后自動(dòng)填充問(wèn)題

    摘要：?jiǎn)栴}描述在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶(hù)帶來(lái)不便。 問(wèn)題描述 在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶(hù)帶來(lái)不便。加了HTML5 中的新屬性autocomplete=off ，但是并沒(méi)有...

    Sourcelink 評(píng)論0 收藏0

  • 瀏覽器保存密碼后自動(dòng)填充問(wèn)題

    摘要：?jiǎn)栴}描述在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶(hù)帶來(lái)不便。 問(wèn)題描述 在瀏覽器中進(jìn)行登錄操作時(shí)瀏覽器往往會(huì)問(wèn)我們是否需要記住密碼，當(dāng)我們點(diǎn)擊了記住密碼后，發(fā)現(xiàn)瀏覽器會(huì)自動(dòng)填充此域名下已經(jīng)保存的賬號(hào)密碼，給用戶(hù)帶來(lái)不便。加了HTML5 中的新屬性autocomplete=off ，但是并沒(méi)有...

    MasonEast 評(píng)論0 收藏0

  • 如何禁止瀏覽器自動(dòng)填充

    摘要：所以，這里給設(shè)置初始為，在用戶(hù)點(diǎn)擊聚焦后設(shè)置為，避免瀏覽器在頁(yè)面之后判斷登錄表單進(jìn)行回填。 本文由 Deguang 發(fā)表于 碼路-技術(shù)博客 瀏覽器的保存賬戶(hù)密碼功能，給我們帶來(lái)了很大的便利，但是在有些情況下，我們并不希望瀏覽器幫我們填充一些表單，然而autocomplete的一些參數(shù)項(xiàng)并不能阻止瀏覽器回填，這里我們來(lái)看下如何解決這個(gè)問(wèn)題。 問(wèn)題描述： 項(xiàng)目注冊(cè)部分的表單有三項(xiàng)，分別為手...

    jone5679 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<