Reći ću vam o jednoj značajci automatskog popunjavanja preglednika koja vas sprječava da stvorite obrazac za prijavu

O čemu pričamo?

Recimo da imamo neki obrazac za prijavu, otprilike ovako:

Ako sada kliknete na gumb, obrazac će biti poslan. Prijava i lozinka nisu navedeni, tako da standardna provjera valjanosti za uslugu obično radi, a obrazac nekako obavještava da je potrebno ispuniti dva polja.

Dobit ćete nešto poput ovoga:

Većina servisa na internetu radi upravo to. Prikupio sam nekoliko obrazaca za prijavu s različitih usluga. Ovdje:

Prilikom slanja praznog obrasca prikazuju se jedan ili dva teksta pogreške. Mnogi bi mogli pomisliti da to nije baš pristojno.

Kako ne biste forsirali provjeru praznog obrasca, možete onemogućiti gumb za prijavu dok se nešto ne ispuni u oba polja. Provjera jesu li oba polja prazna jednostavno nikada neće uspjeti.

Poseban JavaScript kod provjerava vrijednosti oba polja, te ako se nešto unese u oba, uključuje gumb za prijavu.

Strogo govoreći, kako bi obrazac za prijavu funkcionirao za osobe s onemogućenim javascriptom, bolje je učiniti sljedeće: kada se stranica učita, gumb je aktivan, zatim javascript isključuje gumb, a drugi ga ponovno uključuje kada polja su popunjena. Ako korisnik nema javascript, gumb će biti uključen i on će moći poslati obrazac.

Čini se da je sada sve u redu:

U čemu je problem

Postoji i drugi problem s blokiranjem obrasca za prijavu - problem pokvarenog Yandexa

Ali ovdje surova stvarnost ometa dizajn. Ako automatsko popunjavanje radi u Chromeu, polja će biti popunjena (Chrome će označiti polja za automatsko popunjavanje žutom bojom), ali će gumb biti blokiran:

WTF? Što se događa?

Aktivirao se sigurnosni sustav u Chromeu. Ako je omogućeno automatsko ispunjavanje polja, tada Chrome ispunjava polja, ali neće biti pristupa njihovim vrijednostima kroz JavaScript. Pristup vrijednostima polja bit će blokiran sve dok korisnik eksplicitno ne stupi u interakciju sa stranicom, na primjer, kliknuvši negdje mišem. To ih štiti od krađe podataka na loše dizajniranim stranicama s XSS ranjivostima.

Evo problema u Chrome alatu za praćenje programskih pogrešaka: bugs.chromium.org/p/chromium/issues/detail?id=163072.

Štoviše, ako korisnik klikne na blokirani gumb za prijavu, zaštita će se odmah isključiti, javascript će primiti sadržaj polja, omogućiti gumb, a čak će imati vremena kliknuti istim klikom! Odnosno, obrazac će zapravo funkcionirati. Nitko pri zdravoj pameti ne bi kliknuo na blokirani gumb.

Kako možeš izaći

Da biste pobjegli od problema, uvijek se možete vratiti na prvobitno ponašanje - nemojte blokirati gumb i pustite ga da bude pritisnut. Ali ako to ne želite učiniti, evo nekoliko drugih opcija:

1. Samodovršavanje polja Catch

Zapravo, automatski popunjena polja mogu se razlikovati od praznih. Ako aplikacija razumije da je pokrenuto automatsko popunjavanje, tada je gumb za prijavu omogućen, čak i ako javascript kaže da su polja za prijavu i lozinku prazna.

Nisam pravi front-end programer, ali rješenje miriše na štake. Koristite metode koje nisu za to namijenjene - Najbolji način dobiti grešku regresije sljedeći put kada ažurirate Chrome. Ne želim koristiti takvo rješenje u proizvodnji.

2. Dopustite da pritisnete, ali nemojte prikazati dva crvena natpisa

Drugi način je da ne blokirate gumb, ali da u isto vrijeme ne prikažete dvije crvene poruke “Poštovani korisniče, žao nam je što ne možete ispuniti dva polja.” Slanjem praznog obrasca možete se nositi na elegantniji način. Na primjer, možete protresti obrazac za prijavu, kao što to radi Zeplin (http://app.zeplin.io).

3. Promijenite dizajn tako da Chrome zaštita bude onemogućena

Treća opcija je redizajnirati ga tako da korisnik bude prisiljen komunicirati sa stranicom. U tom slučaju, Chrome će onemogućiti zaštitu i blokiranje/deblokiranje obrasca radit će ispravno.

Na primjer, na web stranici Lebedev Studio, prijava je u skočnom prozoru, tako da do trenutka kada se pojavi obrazac za prijavu, Chrome će onemogućiti sve zaštite i automatsko popunjavanje neće smetati.

Apple prikazuje polje za lozinku tek nakon klika na polje za prijavu, a do tog trenutka paranoja preglednika jenjava, autofill također radi:

Ovo su pite.

Internetski korisnici svakodnevno moraju ispunjavati različite obrasce na web stranicama i online trgovinama. A to nam često oduzima dragocjeno vrijeme.

Uzmimo za primjer web stranicu jednog turoperatora. Toliko polja, zar ne?

I moram reći da je prilično glomazno ulaziti u svaki od njih i birati. Pogotovo ako to morate učiniti nekoliko puta.

Uostalom, odabir ture prema parametrima koje postavite nije uvijek dostupan i morate prilagoditi uvjete. Ali ako se definitivno odlučite pronaći turu koja 100% zadovoljava vaše zahtjeve, i unatoč činjenici da nema uvijek slobodnih mjesta, tada će ponovno unošenje istih parametara pretraživanja svaki put biti prilično rutinski zadatak.

U tome će nam pomoći program - konstruktor skripti koji vam omogućuje automatizaciju bilo kakvih radnji u pregledniku, koji se zove . Da biste dobili predodžbu o ovom programu, navest ću samo osnovne funkcije.

Značajke programa XWeb Human Emulator

• Automatsko popunjavanje obrazaca i tekstualnih polja.
• Snimite i ponovite rad s bilo kojim elementom stranice.
• Prikupljanje, usporedba, pohrana i slanje podataka.
• Postoji ugrađeni planer zadataka koji se može pokrenuti u vrijeme koje odredite.
• Dok radite, možete ga smotati u traku. To ni na koji način neće utjecati na rad drugih aplikacija.

Kao što vidite, i to je dovoljno da se program nazove funkcionalno bogatim.

A sada ću vam na primjeru pokazati kako možete automatizirati proces ispunjavanja obrasca na web stranici.

Obrazac za automatsko popunjavanje

U adresnoj traci (označeno žutim markerom). Ispod, s desne strane prozora programa, učitava se web stranica s formom za pretraživanje i rezervaciju izleta.

2. Odaberite odjeljak "Makro" u glavnom izborniku i kliknite na “Snimi”. Isto se može učiniti pritiskom na vruće tipke Ctrl+Shift+R. Sada će program zabilježiti sve naše radnje u zasebnoj makronaredbi.

Firefox može zapamtiti što upisujete u obrasce na web stranicama, također poznate kao tekstualna polja. Nakon što ste unijeli nešto u takav obrazac na web stranici (kao što je polje za pretraživanje), sljedeći put kada posjetite stranicu, prethodno unesene vrijednosti će biti dostupne za ponovnu upotrebu. Ovaj članak opisuje kako koristiti automatska funkcija ispunjavanje obrazaca i kako obrisati unose obrazaca ili spriječiti pamćenje unosa obrazaca.

Korištenje automatskog dovršetka

Za korištenje prethodno unesene vrijednosti:

1. Unesite prvih nekoliko znakova unosa u polje obrasca. Firefox će prikazati padajući popis s početnim znakovima koji odgovaraju vrijednostima koje ste ovdje ranije unijeli.
   • Možete vidjeti popis svih zapisa spremljenih za određeno polje obrasca pritiskom na tipku ↓ kada je polje prazno.
2. Pritisnite tipku ↓ za odabir unosa koji želite ponovno upotrijebiti. Kada je odgovarajući unos označen, kliknite UnesiPovratak. Tekst unosa pojavit će se u polju obrasca. Željenu vrijednost možete odabrati i klikom miša.

Brisanje pojedinačnih pohranjenih vrijednosti

Ako želite ukloniti bilo koju vrijednost s popisa za automatsko dovršavanje:

1. Postavite kursor u polje obrasca i pritisnite ↓ za prikaz svih pohranjenih vrijednosti. Također možete suziti svoj odabir unosom prvih nekoliko znakova.
2. Pomoću pokazivača miša ili tipke ↓ označite željenu vrijednost.
3. Klik Shift + Izbrisati. Unos će biti izbrisan.

Ponovite postupak za svaki unos koji želite izbrisati.

Brisanje povijesti obrazaca

Ako želite da Firefox izbriše sve prethodno unesene unose obrasca:

Kako onemogućiti automatsko popunjavanje i spriječiti Firefox da pamti daljnje vrijednosti unesene u obrasce

Ako želite da Firefox ne pamti vrijednosti unesene u polja obrasca, možete onemogućiti značajku automatskog popunjavanja obrasca:

Onemogućavanje pamćenja unesenih vrijednosti također će onemogućiti povijest pretraživanja u traci za pretraživanje na navigacijskoj traci.

Rješavanje problema

Ako ustanovite da Firefox ne pamti vrijednosti unesene u polja obrasca ili ih ne možete odabrati, pročitajte članak

Za svakoga osobnih računala, prijenosna računala, Mobilni uredaji S operacijski sustav Instaliran preglednik Android Chrome. To je glavna jedinica za pregled raznih internetskih izvora.

Mnogi korisnici vole ovaj sustav, ali prisutnost funkcije automatskog popunjavanja često ih zbunjuje. Moguće ju je u potpunosti onemogućiti, a kako se to točno radi, korisnici će sada moći saznati.

Kako isključiti automatsko učitavanje u pregledniku, značajke postavki Google Chromea

Polarnost preglednika chrome otvara se zahvaljujući njegovim naprednim značajkama. Sustav je prikladan za korištenje za pretraživanje informacija, preuzimanje različite datoteke, gledanje videa, slušanje zvuka. Chrome ima dosta korisnih svojstava, ali ne sviđa se svima funkcija automatskog popunjavanja. Ako osoba želi ukloniti ovu postavku iz preglednika kako bi sve podatke mogla unijeti ručno, treba obratiti pozornost na sljedeće savjete.

Automatsko popunjavanje - gdje se nalazi ova postavka i kako je promijeniti

Google Chrome je dovoljan brz preglednik, koji koristi više od 80% ljudi koji se bave računalne opreme. Sustav koristi automatsko učitavanje kako bi korisniku olakšao život, uštedio vrijeme i točan unos podataka prvi put. Ako osoba iz nekog razloga treba izbrisati ovu određenu postavku, trebala bi učiniti sljedeće:

Uklanjanje funkcije automatskog popunjavanja od strane vlasnika osobnih računalnih uređaja i mobilnih gadgeta trebalo bi provesti istim algoritmom. Za uklanjanje automatskog popunjavanja korisniku će trebati samo nekoliko minuta; automatsko popunjavanje može se konfigurirati na sljedeći način:

• korisnik mora otići na izbornik općih postavki svog računala ili mobilnog uređaja;
• Nakon što je prošao kroz cijeli izbornik, trebao bi pronaći stavku "upravljanje programima ili aplikacijama";
• nakon što je posjetio ovu stavku, osoba mora odabrati ikonu krom i pronaći pokretanje u njegovim postavkama;
• Nakon što se korisnik prijavi u ovu stavku, mora obrisati podatke i ponovno pokrenuti chrome.

Obje su metode prikladne za korisnika za uklanjanje pokretanja i brisanje nepotrebnih podataka.

Chrome - kako ponovno konfigurirati automatsko pokretanje

Automatsko popunjavanje u chromeu je značajka koju korisnik dobiva zajedno s instalacijom preglednika. Nakon što je korisnik onemogućio automatsko popunjavanje, on može samostalno vratiti ovu funkciju. Kako bi ponovno aktivirao automatsko popunjavanje, korisnik mora učiniti sljedeće:

• na glavnoj alatnoj traci odaberite izbornik postavki;
• idite na napredne postavke preglednika i odaberite "upravljanje postavkama";
• pronađite pododjeljak "lozinke i obrasci", klikom na gumb za aktivaciju pokrenite automatsko učitavanje.

Nakon izvođenja ovih koraka, za uspješnu promjenu postavki, osoba treba ponovno pokrenuti računalo ili mobilni uređaj. Automatsko pokretanje u chrome preglednik– ovo je standard postavka sustava. Promjena ne oduzima puno vremena, ne zahtjeva napor niti internetsku vezu.

Uklanjanje pokretanja na računalu ili mobilnom Chrome pregledniku moguće je samo ako korisnik posjeti izbornik postavki. Ako nakon promjene glavnih parametara sustav nastavi raditi u prethodnom načinu rada, to znači da je korisnik zaboravio ponovno pokrenuti svoj uređaj.

Ako se vaše računalo ili telefon ponovno pokreću nakon brisanja automatskog popunjavanja, problem je u tome što nije ažurirano dugo vremena softver. Moguće je ispravno raditi s postavkama programa samo ako se redovito ažuriraju na nove verzije. U svim ostalim slučajevima, korisnik može vrlo brzo i produktivno ukloniti pokretanje.

Moguće je vratiti automatsko pokretanje na isti način kao i brisanje automatskog popunjavanja. Korisnik može provjeriti ispravnost izvršenih radnji u izborniku postavki preglednika ili općim postavkama uređaja.

Ljudi mrze ispunjavanje obrazaca, posebno na mobilnim uređajima. Obrasci mogu biti dugi i zastrašujući, često sadrže mnogo koraka i provjera, a ispunjavanje može biti frustrirajuće i frustrirajuće za korisnika. Kako bi olakšali ovaj proces, preglednici već duže vrijeme dodaju mogućnost automatskog popunjavanja polja u ime korisnika. Chrome je to učinio 2011. uvođenjem automatskog popunjavanja, kojim se može ispuniti cijeli obrazac koristeći podatke iz korisničkog profila za automatsko popunjavanje.

U sljedećoj verziji preglednika Chrome (M43) ispunjavanje obrazaca učinit ćemo još jednostavnijim i bržim: proširit ćemo podršku za podatke s kreditnih kartica i adrese iz Google karte. To znači da se isti podaci mogu koristiti za kupnju u Google Play, i na vanjskim stranicama. Ako koristite standardne atribute automatsko popunjavanje, možete biti sigurni da će se korisnici dobro zabaviti u interakciji s obrascima na vašoj web-lokaciji jer ih Chromeovo automatsko popunjavanje može ispuniti sa 100% točnosti.

Atributi automatskog dovršavanja način su na koji vi kao razvojni programer kontrolirate kako točno preglednik treba ispuniti određeno polje. Na primjer, ako očekujete da korisnik unese naziv ulice, možete upotrijebiti autocomplete="address-line1" kako biste pregledniku rekli kakvu vrstu podataka očekujete primiti. To će spriječiti preglednik od netočnog pogađanja i ispunjavanja polja obrasca, što bi bilo nezgodno za korisnika.

Naša zapažanja pokazuju da kada se atributi za automatsko dovršavanje ispravno koriste u obrascima, korisnici ih ispunjavaju otprilike 30% brže. Budući da je automatsko dovršavanje dio WHATWG HTML standarda, nadamo se da će ga drugi preglednici početi podržavati u bliskoj budućnosti.

U prošlosti su mnogi razvojni programeri dodavali autocomplete="off" u polja obrasca kako bi blokirali sve radnje preglednika vezane uz automatsko dovršavanje. Dok Chrome i dalje koristi ovaj atribut za automatsko dovršavanje, neće ga koristiti za automatsko popunjavanje. Kada biste trebali koristiti autocomplete="off"? Na primjer, ako ste napravili vlastitu verziju automatskog dovršavanja za pretraživanje. Ili na svojoj web stranici imate obrasce u koje korisnici unose razne podatke koje preglednik ne treba pamtiti.

Najčešći atributi automatsko popunjavanje prikazani su u donjoj tablici, a također su opisani u Osnovama weba.

Osnovni atributi

Ime

pošta

Adresa

Telefon

Atributi automatskog dovršavanja mogu se nadopuniti nazivom odjeljka, na primjer:

• dostava- Ime
• naplatu- Adresa ulice

Primjer obrasca za plaćanje

Korisne navike pri radu s obrascima

Koristite oznake za polja za unos i pobrinite se da se pojave kada je polje u fokusu. Element oznake od korisnika traži informacije koje treba unijeti u polje. Oznaka se može povezati s tekstualnim poljem postavljanjem polja unutar elementa oznake. Korištenje oznaka na elementima obrasca također čini unos podataka praktičnijim: korisnik može kliknuti i tekstualno polje i njegovu oznaku kako bi fokus stavio na polje i počeo tipkati.

Koristite rezervirana mjesta kao opisi alata za polja za unos. Atribut rezerviranog mjesta govori korisniku kakav se sadržaj očekuje u tekstualnom polju. Tipično se opisi alata pojavljuju svijetlim tekstom sve dok korisnik ne počne tipkati i nestaju čim korisnik počne tipkati. Prema tome, rezervirana mjesta nisu zamjena za oznake, već bi se trebala koristiti kao savjeti za usmjeravanje korisnika u vezi sa sadržajem polja i njegovim formatom.

Demo

Izvorni članak: Pomozite korisnicima da brže naplate uz automatsko popunjavanje Članak lektorirao: SilentImp, greybax, yoksel, FMRobot