LastPass tarayıcı uzantısının HTML tabanlı bir formu "kullanıcı adı" adlı bir giriş alanıyla doldurmasını önlemenin bir yolu var mı?

Bu gizli bir alan, bu nedenle herhangi bir yazılımın bu alanı kendi amaçları için kullanmasını istemiyorum:

<input type="text" name="username" id="checkusername" maxlength="9" value="1999" class="longinput" style="display:none">

Çözüm, "giriş alanını yeniden adlandır" gibi olmamalıdır.

Ekleme

data-lpignore="true"

bir giriş alanına gri LastPass [...] kutusunu devre dışı bıraktım.

Kaynaklı LastPass.com

İki koşulun karşılanması gerekir:

1. Form (değil eleman) sahip olması gerekir autocomplete="off"niteliği
2. Son geçiş kullanıcısının bu seçeneği etkinleştirmesi gerekir: Settings > Advanced > Allow pages to disable autofill

Yani bu hem kullanıcıya hem de geliştiriciye bağlıdır.

Benim için işe yarayan şey, formun id'sinde "-arama-" kelimesinin bulunması, buna benzer bir şey <form id="affiliate-search-form">- ve lastpass öğelerini form girişlerine eklemiyor . Daha basit bir şeyle çalışır, <form id="search">ancak çalışmaz<form id="se1rch">

Buradaki partiye geç kaldığımı biliyorum, ama bunu formlarımı mahvetmekten son geçişi durdurmaya çalışırken buldum. @takeshin, otomatik tamamlamanın yeterli olmadığı konusunda doğru. Sadece sembolü gizlemek için aşağıdaki hack işlemini yaptım. Hoş değil ama simgeden kurtuldum.

Herhangi bir son geçiş geliştiricisi bunu okuyorsa, lütfen bize kullanmamız için bir özellik verin, böylece böyle şeylere başvurmak zorunda kalmayız.

form[autocomplete="off"] input[type="text"] {
    background-position: 150% 50% !important;
}

Ben düşünüyorum LastPass Başarılar autocomplete="off"girişler için niteliğini, ama emin% 100 değilim.

DÜZENLEME Başkalarının da belirttiği gibi. bu yalnızca, kullanıcı buna uyacak şekilde yapılandırılmış son geçişe sahipse çalışır.

Benim type=searchiçin textya eşit olan ya da kullanan çalıştı role=note.

LastPass-JavaScript'i kontrol edebilirsiniz, ancak çok büyük, orada bazı geçici çözümler bulabilirsiniz, gördüklerime göre sadece 4 giriş türünü kontrol ediyorlar, bu yüzden input type=searchbir geçici çözüm olurdu:

!c.form && ("text" == c.type || "password" == c.type || "url" == c.type || "email" == c.type) && lpIsVisible(c))

Ayrıca role, görmezden geldikleri anahtar kelimeler:

var c = b.getAttribute("role");
switch (c) {
case "navigation":
case "banner":
case "contentinfo":
case "note":
case "search":
case "seealso":
case "columnheader":
case "presentation":
case "toolbar":
case "directory":`

LastPass'ı kontrol ettim onloadwff.js, 26.960 satır koda hazırlanın :)

Kimliği girmek için "arama" ekleyin

<input type="text" name="user" id="user-search"/>

Partiye biraz geç kaldım ama bunu şu şekilde değiştirerek başardım:

<form autocomplete="off" name="lastpass-disable-search">

Sanırım bu aptallar en sonunda bunun bir arama formu olduğunu düşünmeye başladılar. Ancak bu, şifre alanları için çalışmaz! Lastpass, bu durumda ad alanını yok sayar.

Bunu yapabilmemin tek yolu, aşağıdakileri doğrudan formun en üstüne eklemektir:

<form autocomplete="off">
    <div id="lp" ><input type="text" /><input type="password" /></div><script type="text/javascript">setTimeout(function(){document.getElementById('lp').style.display = 'none'},75);</script>
</form>

Kötü bir titreşime neden olur, ancak otomatik doldurma saçmalığını ortadan kaldırır - yine de "parola oluştur" widget'ını gösterir. LastPass, domready olana kadar bekler ve sonra görünür parola alanları olup olmadığını kontrol eder, bu nedenle yukarıdaki sahte alanları gizlemek veya küçültmek mümkün değildir.

Lastpass'ın bu son Ekim 2019 buggy sürümü için bu basit düzeltme en iyisi gibi görünüyor.

Ekle

type="search"

girişinize.

Lastpass rutini type, otomatik doldurma ile ne yapılacağını belirlemek için özniteliği kontrol eder ve bu html5 type"arama" üzerinde hiçbir şey yapmaz . Elbette bu biraz karmaşık, ancak buggy komut dosyasını düzelttiklerinde kolayca kaldırılabilen tek satırlık bir değişiklik.

Not: Bunu yaptıktan sonra, typeözniteliği alırlarsa girdiniz bazı tarayıcılar tarafından farklı bir şekilde tasarlanmış görünebilir . Bu dikkat ederseniz, tarayıcıya özgü CSS özelliklerini ayarlayarak bunun olmasını önleyebilir -webkit-appearanceve -moz-appearancekarşı 'none'girişinizi.

Bu ES6 stil kodu, tüm giriş kontrollerime data-lpignore eklediğinden benim için yararlı oldu :

const elements = document.getElementsByTagName("INPUT");
for (let element of elements) {
    element.setAttribute("data-lpignore", "true");
}

Belirli bir GİRİŞ kontrolüne erişmek için şöyle bir şey yazılabilir:

document.getElementById('userInput').setAttribute("data-lpignore", "true");

Veya sınıf adına göre yapabilirsiniz:

const elements = document.getElementsByClassName('no-last-pass');
for (let element of elements) {
    element.setAttribute("data-lpignore", "true");
}

Buradaki seçeneklerden hiçbiri (otomatik tamamlama, veri-lpignore vb.) LastPass'ın maalesef form alanlarımı otomatik doldurmasını engellemedi. Soruna daha çok balyoz yaklaşımı uyguladım ve namebunun yerine JavaScript aracılığıyla girdi özniteliklerini asenkron olarak ayarladım . Aşağıdaki jQuery bağımlı işlev (formun onsubmit olay işleyicisinden çağrılan) hile yaptı:

function setInputNames() {
    $('#myForm input').each(function(idx, el) {
        el = $(el);
        if (el.attr('tmp-name')) {
            el.attr('name', el.attr('tmp-name'));
        }
    });
}

$('#myForm').submit(setInputNames);

Formda, tmp-nameeşdeğer namenitelikler yerine nitelikleri kullandım. Misal:

<form id="myForm" method="post" action="/someUrl">
    <input name="username" type="text">
    <input tmp-name="password" type="password">
</form>

Güncelleme 2019-03-20

nameNgMessages'ın alan doğrulama hata mesajlarını doğru bir şekilde sunması için özniteliklere sahip form alanlarına bağlı olarak AngularJS nedeniyle yukarıda belirtilenlerle hala zorluklarla karşılaştım .

Sonuç olarak, LastPass'ın Şifre Değiştirme formumdaki şifre alanlarını doldurmasını engellemek için bulabildiğim tek çözüm şuydu:

1. input[type=password]Tamamen kullanmaktan kaçının VE
2. alan adında 'şifre' olmaması

Benim durumumda formu normal olarak gönderebilmem gerektiğinden, alan adlarını 'tam zamanında' güncellemek için orijinal çözümümü kullanmaya devam ettim. Şifre giriş alanlarını kullanmaktan kaçınmak için bu çözümün çok iyi çalıştığını gördüm .

-Aramayı yeniden adlandırmayı denedim, ancak bir nedenden dolayı işe yaramadı. Benim için işe yarayan şey şudur:

1. formu otomatik tamamlama için işaretle - autocomplete = "off"
2. form alanı giriş türünü metin olarak değiştirin
3. girişi maskelemek için css'nize yeni bir sınıf ekleyin, bir şifre alanını simüle eder
4. css bit: input.masker {-webkit-metin-güvenliği: disk; }

FF ve Chrome'un en son sürümlerinde denendi ve test edildi.

Lastpass'in Chrome'da bir jilet @ Html.EditorFor kutusunu doldurmasını önlemek için benim için işe yarayan şey:

Araç çubuğunuzdaki etkin LastPass simgesini tıklayın, ardından Hesap Seçenekleri> Uzantı Tercihleri'ne gidin.

Bu ekranda "Önceden doldurulmuş alanların üzerine yazma" seçeneğini işaretleyin (altta)

Ardından, soldaki "gelişmiş" seçeneğini tıklayın.

Bu ekranda "Otomatik Tamamlamaya Saygı Göster = kapalı: web sitelerinin Otomatik Doldurmayı devre dışı bırakmasına izin ver" seçeneğini işaretleyin.

ASP cshtml formumda özel bir şey yapmam gerekmiyordu ama @ Html.EditorFor kutusu formunda varsayılan bir değerim vardı.

Umarım bu yardımcı olur ve birisi için işe yarar. Web'de bu sorunla ilgili Razor'a özgü herhangi bir yardım bulamadım, bu yüzden yukarıdaki bağlantı ve katkıların yardımıyla anladığım için bunu ekleyeceğimi düşündüm.