成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

nicercode / 952人閱讀

摘要：讓看不見，而不是直接，如果直接，有些瀏覽器則不生效，比如谷歌修改屬性將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。

問題描述

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

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

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

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

解決方案

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

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

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

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

4.修改readonly屬性

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

總結(jié)

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/102175.html

相關(guān)文章

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

    摘要：解決瀏覽器保存密碼自動(dòng)填充問題問題描述話說有一天，我如往常一樣打開我的開發(fā)網(wǎng)站進(jìn)行登錄操作。后來發(fā)現(xiàn)是瀏覽器存在自動(dòng)填充機(jī)制的問題。 解決瀏覽器保存密碼自動(dòng)填充問題 問題描述 話說有一天，我如往常一樣打開我的開發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢問我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒有什么異常發(fā)生。然而，問題就出現(xiàn)了。當(dāng)我打開一個(gè)新...

    objc94 評論0 收藏0

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

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

    Batkid 評論0 收藏0

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

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

    Sourcelink 評論0 收藏0

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

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

    MasonEast 評論0 收藏0

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

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

    jone5679 評論0 收藏0

發(fā)表評論

0條評論

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