Čini se da je pretraživač poznate domaće korporacije Yandex jedan od najpopularnijih pretraživača na otvorenim prostorima Internet na ruskom jeziku. Svoju popularnost duguje naprednoj funkcionalnosti i obilju skrivene mogućnosti, od kojih mnoge koriste profesionalci u procesu rada.
Takvi alati uključuju konzolu koja se vrlo često koristi za pronalaženje i ispravljanje grešaka u pretraživaču, kao i za obavljanje niza drugih zadataka.
Karakteristike konzole
Prije nego što shvatite kako otvoriti konzolu u pregledniku Yandex, trebali biste odlučiti što je to i za što se takav alat može koristiti. Kao što znate, Yandex pretraživač je razvijen na osnovu dva druga već postojeća projekta, odnosno Chrome-a, koji je svojim programerima omogućio da implementiraju niz razvoja u vlastiti pretraživač. Upravo u tim programima se pojavila konzola koja se može koristiti za rješavanje širok raspon zadataka.
To uključuje:
- Izrada web stranica;
- Pregled kodova učitanih stranica;
- Provjera funkcionalnosti skripti;
- Prepoznavanje grešaka i kvarova na stranicama.
BITAN! Uzimajući u obzir važnost takvih zadataka, konzolu sa sigurnošću možemo nazvati jednim od glavnih alata web programera.
U tom smislu, izuzetno je važno naučiti kako otvoriti takav alat koristeći mogućnosti pretraživača. Međutim, treba napomenuti da neobučeni korisnik koji nema odgovarajuće vještine za rad s ovom vrstom alata treba paziti da ne poremeti funkcionalnost pretraživača.
Kako otvoriti?
Otvorite konzolu ovaj pretraživač možete to učiniti na dva načina odjednom. Prvi je grafički, uključuje upotrebu glavnog menija pretraživača, dok drugi uključuje upotrebu interventnih tastera. Za početnike, prvi se čini najprikladnijim.
SAVJET! Korisnicima početnicima može biti teško da ih upamte, ali njihovo korištenje vam omogućava pristup pravi alat mnogo brže.
U ovom pretraživaču postoji nekoliko konzola i svaka služi za rješavanje specifične zadatke. Da biste im pristupili koristeći grafička metoda, moraćete da pritisnete posebno dugme, koji ima oblik tri horizontalne pruge, a zatim odaberite odjeljak Napredno. Trebalo bi da ide u kategoriju Dodatni alati, nakon čega ćete morati odabrati željenu konzolu.
Hotkeys
Da biste uštedeli vreme, veoma je zgodno koristiti prečice dok je pretraživač pokrenut, jer vam omogućavaju mnogo brže da pređete na pretraživač. željeni predmet ili meni. Isto važi i za konzole, od kojih svaka ima svoju individualnu kombinaciju tastera za pozivanje.
Dakle, da bi se proučio izvorni kod onoga na kome se gleda ovog trenutka stranicu, morat ćete pritisnuti Ctrl+U, što će odmah otvoriti ovaj alat. Da biste dobili pristup alatima za programere, morat ćete pritisnuti tri tipke odjednom: Ctrl+Shift+I. Njegove mogućnosti, po pravilu, ne zanimaju prosječnog korisnika koji ne razvija web stranice ili aplikacije.
Konzola je možda i najvažnija, jer je odgovorna za funkcionisanje različitih skriptiranih elemenata na stranici. Bilo kakvo oglašavanje interaktivne aplikacije i druge vrste sadržaja kontrolišu se pomoću skripti, zbog čega je mogućnosti ove konzole teško precijeniti. Da biste mu pristupili, pritisnite Ctrl+Shift+J, što će vam omogućiti da vidite kodove koji su korišteni na stranici.
Video za pomoć
Yandex može biti koristan ne samo za zgodna pretraga informacije i čitanje zanimljivih internet stranica, ali i u cilju kreiranja ovih resursa.
Za ove namjene je opremljen posebna funkcija"Alati za razvoj" (sada dostupni u svim pretraživačima). Pomaže korisnicima Yandexa da prate status svoje web stranice:
- pregled HTML koda stranice;
- praćenje izvršavanja naredbi koje traže posjetioci;
- posmatranje svih radnji koje se dešavaju na resursu;
- učenje o uobičajene greške, koji nastaju prilikom pokretanja skripti.
Kako mogu otvoriti konzolu u Yandexu?
Otvaranje konzole u Yandexu je jednostavno. Da biste to učinili, morate slijediti ove korake:
- Idite na svoj pretraživač.
- Kliknite na meni brz pristup(Dugme za podešavanja Yandex pretraživača u gornjem desnom uglu kontrolne table, ikona u obliku tri horizontalne paralelne trake).
- Pomaknite se prema dolje do posljednje stavke na listi koja se otvara pod nazivom “Napredno” ili “Napredno” (na engleskom “Napredno”).
- Otvoriće se nova lista, pronađite stavku “Ostali alati” (na engleskom “More tools”).
- Zatim morate odabrati između tri funkcije: Prikaži kod stranice, Alati za programere i JavaScript konzola.
Kako brzo otvoriti konzolu u Yandexu?
Ako želite brže koristiti navedene funkcije preglednika, možete koristiti prečice:
- Za pregled koda stranice, odmah pritisnite tipke “Ctrl” i “U”.
- Da biste koristili "Alati za programere", pritisnite "Shift", "Ctrl" i "L" zajedno.
- Da biste otvorili konzolu i pregledali evidenciju grešaka prilikom pokretanja skripti, odmah pritisnite tipke “Shift”, “Ctrl” i “J”.
Zašto vam je potrebna Java Script konzola?
Konzola pruža korisnicima Yandex pretraživača mogućnost praćenja kvaliteta rada koji obavljaju skripte koje se objavljuju na internetskim resursima koje pregledavaju. Koristeći ovu funkciju, web programeri prate rad napisanih skripti i rješavaju se grešaka koje se pojave. Možete gledati pomoću konzole korak po korak rad skripte, izvršavanje svake tačke programskog koda.
Za obični korisnici Yandex Browser, podaci sadržani u konzoli koja se otvara nisu posebno korisni (pošto im ove informacije nisu potrebne). Ali u nekim slučajevima, znanje kako ga koristiti može pomoći. Ako vam neki Internet resurs ne radi kako treba, često se pojavljuju poruke o grešci, općenito ne možete koristiti stranicu, obratite se tehničkoj podršci gdje će vam objasniti uzrok i rješenje problema.
API komandne linije Chrome DevTools sadrži veliki broj pogodne funkcije za obavljanje jednostavnih zadataka: odabir i provjeru DOM elemenata, prikaz podataka u čitljivom formatu, pokretanje i provjeru profilatora i nadgledanje DOM događaji.
Bilješka: ovaj API je dostupan samo unutar konzole. Dobijte pristup komandna linija API iz skripti na stranici nije moguć.
$_
$_ vraća vrijednost posljednjeg izvršenog izraza.
Primjer ispod daje jednostavan izraz (2 + 2). Tada se izvršava $_ i dodjeljuje ista vrijednost:
U ovom primjeru, izvršeni izraz sadržavao je niz imena. Izvršavanje $_.length će dati dužinu niza, a sam izraz $_ će uzeti vrijednost posljednjeg izvršenog izraza, a to je 4:
$0 – $4
Komande $0, $1, $2, $3 i $4 rade kao reference na zadnjih 5 DOM elemenata koji su bili pregledani u panelu Elementi, ili na posljednjih 5 JS objekata iz hrpe koji su odabrani u panelu Profili. $0 vraća element ili objekat koji je posljednji odabran, $1 vraća onaj prije njega, itd.
U primjeru ispod, element medija klase je odabran na panelu Elementi. U konzoli, $0 je uzeo istu vrijednost:
Na slici ispod odabran je još jedan element na istoj stranici. $0 se sada odnosi na ovaj element, a $1 na prethodni:
$(selektor)
$(selector) vraća referencu na prvi DOM element sa specificiranim CSS selektorom. Ova funkcija je skraćenica za funkciju document.querySelector().
Kliknite desni klik prijeđite mišem preko rezultata i odaberite “Otkrij u panelu elemenata” da potražite element u DOM-u ili “Skrolujte do prikaza” da ga vidite na stranici.
Bilješka: Ako koristite biblioteke kao što je jQuery koje koriste simbol $, tada će se koristiti funkcionalnost te biblioteke.
$$ (selektor)
$$(selector) vraća niz elemenata koji sadrže navedeni selektor. Ova naredba je ekvivalentna pozivanju document.querySelectorAll() .
Sljedeći primjer koristi $$() za kreiranje niza svih elemenata u dokumentu i vraća svojstvo src svakog elementa:
Var slike = $$("img"); za (svaki u slikama) ( console.log(images.src); )
Bilješka: Pritisnite Shift + Enter u konzoli da biste otišli na nova linija bez pokretanja skripte.
$x(put)
$x(path) vraća niz elemenata koji zadovoljavaju ovaj izraz XPath.
Ovaj primjer će vratiti sve elemente
$x("//p")
A ovo su svi elementi
Sadrži element :
$x("//p[a]")
clear()
clear() briše istoriju konzole.
Clear();
kopija (objekat)
copy(object) kopira prikaz stringa navedenog objekta u međuspremnik.
Kopiraj($0);
debug(funkcija)
Kada se ova funkcija pozove, poziva se program za otklanjanje grešaka, koji vam omogućava da ga izvršite korak po korak u panelu Izvori.
Debug(getData);
Koristite undebug(fn) da završite otklanjanje grešaka ili interfejs da uklonite sve tačke prekida.
dir (objekat)
dir(objekt) prikazuje listu svih svojstava navedenog objekta. Ova metoda je zamjena za metodu console.dir().
Sljedeći primjer pokazuje razliku između poziva document.body u komandnoj liniji i korištenja dir() za prikaz istog elementa:
Document.body; dir(dokument.tijelo);
Za više informacija, pogledajte odjeljak console.dir() Console API-ja.
dirxml(objekat)
dirxml(object) daje XML prikaz navedenog objekta. Ova metoda je ekvivalentna console.dirxml() metodi.
pregledati (objekat/funkcija)
inspect(objekt/funkcija) se otvara i odabire navedeni element ili objekt u odgovarajućem panelu: Elementi ili Profili.
Ovaj primjer otvara document.body u panelu Elements:
Pregled (dokument.tijelo);
Kada prođete funkciju, ona otvara dokument u panelu Izvori.
getEventListeners(objekat)
getEventListeners(object) vraća sve slušaoce događaja vezane za navedeni objekt. Povratna vrijednost je objekt koji sadrži nizove za sve pronađene tipove događaja (na primjer, "click" ili "keydown"). Elementi svakog niza su objekti koji opisuju slušaoca svakog tipa. Na primjer, sljedeći primjerće ispisati sve slušaoce događaja objekta dokumenta:
GetEventListeners(dokument);
Ako objekt ima prikačeno više slušatelja, niz sadrži elemente za svaki od njih. Na primjer, evo dva slušatelja događaja "mousedown" prikačena na #scrollingList element:
Možete vidjeti svojstva svakog od ovih objekata:
ključevi (objekat)
keys(object) vraća niz imena svojstava objekta. Da biste dobili vrijednost svojstava, koristite values() .
Recimo da vaša aplikacija deklarira sljedeći objekt:
Var player1 = ( "ime": "Ted", "nivo": 42)
Neka player1 bude deklarisan globalno, tada će ključevi(player1) i vrijednosti(player1) dati sljedeće:
monitor (funkcija)
Prilikom poziva specificirana funkcija Na konzoli se prikazuje poruka da je ova funkcija pozvana sa odgovarajućim argumentima.
Funkcija sum(x, y) ( return x + y; ) monitor(sum);
Za otkazivanje koristite unmonitor(function) .
monitorEvents(objekat, )
Kada se jedan od navedenih događaja dogodi na navedenom objektu, objekt Event se upisuje u konzolu. Možete odrediti određeni događaj, niz događaja ili jedan od "tipova" događaja. Primjeri ispod.
Sljedeći upit prati sve promjene u veličini objekta prozora.
MonitorEvents(prozor, "promena veličine");
Ovaj upit prati sve događaje "promjena veličine" i "scroll" na objektu prozora:
MonitorEvents(prozor, ["promjena veličine", "scroll"])
Također možete odrediti jedan od dostupnih "tipova" događaja iz donje tabele:
Na primjer, ovaj upit prati sve događaje tipa "ključ" na odabranom elementu u panelu Elementi:
MonitorEvents($0, "ključ");
Evo primjera izlaza nakon upisivanja znakova u tekstualno polje:
profile() i profileEnd()
Za pokretanje profiliranja:
Profil ("Moj profil")
Završiti:
ProfileEnd("Moj profil")
Profili se također mogu ugniježditi:
Profil("A"); profil("B"); kraj profila("A"); kraj profila("B");
rezultat:
Bilješka: Profileri se mogu izvoditi istovremeno i ne moraju se zatvarati redoslijedom kojim su kreirani.
tabela (podaci, )
Izlazni objektni podaci u formatu tabele. Na primjer, da biste prikazali listu imena, morate učiniti sljedeće:
Var names = ( 0: (ime: "John", prezime: "Smith"), 1: (ime: "Jane", prezime: "Doe" ) ); tablica(imena);
otklanjanje grešaka (funkcija)
undebug(function) zaustavlja otklanjanje grešaka navedene funkcije.
Undebug(getData);
isključiti nadzor (funkcija)
unmonitor(function) prestaje nadgledati navedenu funkciju.
Unmonitor(getData);
unmonitorEvents(objekat, )
unmonitorEvents(object, ) prestaje nadgledati navedeni objekt i događaje:
UnmonitorEvents(prozor);
Također možete zaustaviti praćenje pojedinačnih događaja:
MonitorEvents($0, "miš"); unmonitorEvents($0, "mousemove");
vrijednosti (objekat)
values(object) vraća niz koji sadrži vrijednosti svih svojstava navedenog objekta.
Mnogi ljudi koriste pretraživače koji nas čine jednim od njih globalna mreža Internet. Međutim, kako su strukturirane internet stranice, kako ih sami napisati - to je informacija samo za one koji žele stvoriti nešto novo. Sve ove funkcije su skrivene za obične korisnike, sve iz razloga jednostavnosti i intuitivnosti, ali u ovom članku ćemo ispitati temu kako otvoriti konzolu u Yandex pretraživaču, zašto je stvorena, koji jezik podržava i još mnogo toga . Članak se preporučuje korisnicima ne samo preglednika Yandex
Zašto vam je potrebna konzola u pretraživaču?
Postoje tri razloga za kreiranje konzole u pretraživaču:
- Za otklanjanje grešaka u samom pretraživaču u fazi dizajna.
- Za obuku mladih stručnjaka za funkcije određenog pretraživača.
- Za profesionalce da otklone greške na svojim internet stranicama u realnom vremenu.
Malo ljudi zna, ali možete napisati vlastitu web stranicu koristeći samo 2 stvari: znanje i notepad. Međutim, ova metoda je krajnje gubitak vašeg vremena, jer ćete nakon svake promjene bilo kojeg parametra morati ponovo sačuvati dokument. Posebna konzola za otklanjanje grešaka dolazi u pomoć - ovo je određeno polje preglednika koje sadrži apsolutno sve informacije o stranici i njenom izvornom kodu. Istražujući ga, možete pronaći mnogo zanimljivih stvari, uključujući greške programera. Da biste izbjegli greške, koristite konzolu pretraživača.
Recimo da ste kreirali internet stranicu, ali trebate podesiti sliku na tražene dimenzije, izlaz dolazi na konzolu koja ima mogućnost da debuguje stranicu u realnom vremenu, što uvelike štedi vrijeme i trud. U sljedećem dijelu članka ćemo vam reći kako otvoriti konzolu u Yandex pretraživaču. Ovo znanje će vam svakako pomoći ako ste webmaster početnik.
Kako otvoriti konzolu za programere u Yandexu
Za otvaranje konzole trebat će vam posebna kombinacija ključevi Ako pročitate dokumentaciju za apsolutno bilo koji pretraživač, vidjet ćete da korištenje miša nije ni potrebno. Postoji nevjerovatan broj tipkovnih prečica koje mogu ispuniti svaku vašu želju.
Upute kako otvoriti konzolu u Yandex pretraživaču:
- Pokrenite pretraživač iz Yandexa, a zatim ga pričekajte puno opterećenje V RAM, to će potrajati samo nekoliko sekundi.
- Sada otvorite bilo koju internet stranicu, na primjer, Google, ali nema veze, bilo koja će odgovarati.
- Da biste otvorili Yandex alate, pritisnite sljedeće tipke: "Ctrl + Shift + I"
- Ako želite raditi posebno s JavaScriptom - ovo je programski jezik, tada ćete morati držati pritisnute sljedeće tipke: "Ctrl + Shift + J"
Međutim, u različitim pretraživačima Postoje različiti načini za otvaranje konzole, pa ćemo u sljedećem paragrafu proći kroz većinu popularni pretraživači.
Otvaranje konzole u drugim pretraživačima
Prije svega, vrijedi obavijestiti: ne pokušavajte koristiti iste kombinacije tipki na različitim pretraživačima. Bilo je mnogo slučajeva u kojima su korisnici greškom izbrisali sve svoje oznake, a njihovo vraćanje može biti prilično problematično, a ponekad i nemoguće. Stoga će u nastavku biti primjeri kako ispravno otvoriti konzole.
- Google chrome. Postoje dvije opcije: idite na postavke, gdje će se nalaziti gumb za otvaranje konzole, ili pritisnite kombinaciju tipki "Ctrl + Shift + I".
- Opera. U meniju "Alati za razvoj" nalazi se dugme " Izvor", ili kombinaciju tipki "Ctrl + U".
- Firefox. U postavkama pretraživača, ili "Ctrl + Shift + J".
- Safari. F12, ili idite na "Dodaci", gdje će biti "Prikaži meni za programere"
Konačno
Nadamo se da vam je ovaj članak pomogao da shvatite kako otvoriti konzolu u pregledniku Yandex. Ovo znanje će posebno pomoći studentima, mladim programerima, kao i obični korisnici oni koji žele da znaju Računarske tehnologije malo više, jer su oni budućnost našeg svijeta.
Koristeći konzolu u pretraživaču, korisnik pregledava greške koje se javljaju prilikom učitavanja stranica. On može raditi sa ovom stranicom, što uključuje izvođenje različitih komandnih radnji na njoj.
Uz pomoć takvog "alata" u pregledniku, možete se brzo riješiti kvarova u radu skripti na web stranici. Ovo štedi mnogo vremena za korisnika.
Da biste mogli koristiti alat za preglednik, prvo što trebate učiniti je da ga pokrenete. Kako otvoriti konzolu u Operi?
Vrste grešaka
Sada web programeri ne moraju da se muče oko toga koja vrsta problema se pojavila u pretraživaču. Koristeći „alat“ možete prikazati sve informacije o njemu.
Kada otvorite konzolu, pojavit će se prozor u kojem će biti prikazana analiza stranice. Prozor koji se otvori ima pet kartica: JS, HTTP, CSS, About, DOM.
Instrukcije
Slijed:
- Otvorite pretraživač Opera i idite na Meni koji se nalazi u gornjem levom uglu ekrana.
- Tražimo odjeljak "Alati" i kliknemo na njega.
- Odaberite "Napredno" i otvorite "Konzola".
Nakon dovršetka ovih koraka, u pretraživaču će se pojaviti prozor u kojem će se otvoriti sve greške koje su se ikada pojavile prilikom pokretanja stranica.
Ima ih još brz način uzrokovati greške u Operi. Trebali biste pritisnuti kombinaciju tipki “Ctrl+Shift+I”. Otvoriće se prozor u kojem trebate kliknuti na odjeljak „Konzola“. 
