Shfletuesi Mozilla ofron shumë mjete të ndryshme për të punuar dhe përmirësuar performancën e tij. Një përmirësim i tillë është aftësia për të punuar me të gjithë konsolën e shfletuesit.

Çfarë është tastiera e shfletuesit

Ky element është i njëjtë me tastierën standarde të uebit, por ju lejon të punoni jo me skeda individuale, por me motorin e kërkimit në tërësi. Kjo do të thotë, informacioni rreth gabimeve, kërkesave dhe veprimeve të tjera regjistrohet atje.

Mjeti regjistron informacionin jo vetëm të një skede të veçantë, por edhe të shtesave, si dhe kodin e vetë motorit të kërkimit. Për përmirësime të tjera që janë të disponueshme në komplet standarde të zhvillimit të uebit, duhet të konsideroni përdorimin e Toolbar. Konsola përdoret gjithashtu për të ekzekutuar shprehje të ndryshme JavaScript.

Duhet të kihet parasysh se duke filluar nga 30 kjo linjë Firefox është e çaktivizuar. Për të nisur konsolën në Mozilla, duhet të caktoni kodin e vërtetë në linjën rreth: config - devtools.chrome.enabled. Ju gjithashtu mund të përdorni një metodë tjetër për të aktivizuar përmirësimin.

Është e nevojshme të kontrolloni kutinë pranë kutisë "Aktivizo mjetet e korrigjimit për shfletuesin Chrome dhe shtesat" për Firefox 40, në versionet e mëparshme emri i kësaj kolone mund të jetë paksa i ndryshëm.

Pas hapjes së dritares së zhvilluesit, mund të shihni se ndërfaqja është e ndarë në 3 pjesë:

Karakteristikat e punës në modalitetin e zhvilluesit të uebit

Për të përfituar sa më shumë nga të gjitha përmirësimet, duhet të dini jo vetëm se si të hapni tastierën, por edhe disa sekrete të punës me të.

Një mjet shumë i dobishëm është console.log. Shërben për të korrigjuar gabimet e daljes, por përdoruesit e avancuar përdorin gjithashtu disa metoda të tjera për të punuar me informacionin. Për shembull, console.log funksionon pak a shumë si printf.

Gjithashtu në Firefox është e mundur të përdoret modeli "% c" për të përdorur argumentin e dytë kur formatoni një stil. Mozilla do të shfaqë një ikonë të vogël gri pranë informacioneve të tilla si paralajmërime ose mesazhe gabimi. Kjo do të thotë se këto njoftime kanë nevojë për vëmendje. Mesazhet e korrigjimit nuk tregohen në këtë motor kërkimi, pasi, sipas zhvilluesve, ato janë të vjetruara dhe në vend të tyre duhet të përdorni console.log ().

Vlen të përmendet se disa vlera mund të përdoren në këtë motor kërkimi menjëherë. Për ta bërë këtë, ju duhet t'i ndani ato me presje, gjë që është shumë e përshtatshme kur i përfshini në një rresht.

Përdorimi i një kohëmatësi dhe gjendja e ruajtjes

Modaliteti i aktivizuar i zhvilluesit nënkupton aftësinë për të përdorur një kohëmatës. Mund të ekzekutohet përmes console.time. Kohëmatësi mund të ndalet duke përdorur console.timeEnd. Koha shfaqet në milisekonda.

Koha fillon nga momenti i aktivizimit të kohëmatësit. Opsionale, mund të krijoni vula kohore. Ato përdoren në lidhje me kohën e trafikut HTTP, për të përcaktuar kohën që iu desh që një pjesë e kodit të ekzekutohej.

Shumë shpesh, për regjistrat e referencës ose ndjekjes, duhet të ruani informacione. Nuk keni nevojë të bëni asgjë për të ruajtur gjendjen ose të dhënat e shfaqura midis hapjeve të faqeve. Firefox-i do ta ruajë këtë informacion automatikisht. Ju madje mund ta pastroni mesazhin pasi të keni aktivizuar butonin në këndin e sipërm të djathtë ose të rihapni panelin.

Hapja e tastierës në Mozilla Firefox është mjaft e thjeshtë. Për ta bërë këtë, ju duhet të keni aftësi elementare që do t'ju ndihmojnë të kontrolloni funksionimin e shfletuesit dhe madje ta përmirësoni atë, nëse është e nevojshme.

Ka shumë skripta të ndryshëm Java për rrjetet sociale të publikuara në faqen tonë. Dhe në përshkrimin e secilit skenar, përshkruani udhëzime të hollësishme për nisjen e tyre ... Kjo është e padobishme. Ne vendosëm të shkruajmë një manual të plotë që përshkruan instalimin e skripteve në të gjithë shfletuesit, si dhe të marrim parasysh disponueshmërinë e disa metodave të instalimit në një shfletues specifik dhe t'i përshkruajmë të gjitha.

Ekzekutimi i skripteve Java përmes tastierës së shfletuesit:

Tani, siç e dini, ekzekutimi i skripteve përmes tastierës është mënyra më e popullarizuar dhe më e thjeshtë dhe më e rëndësishmja funksionale për t'i përdorur ato. Prandaj, këtu fillojmë - me mënyrat për të hyrë në tastierë për çdo shfletues.

Konsola në Mozilla Firefox:

Mënyra më e lehtë për të hyrë në tastierën e internetit në shfletuesin Mozilla Firefox është duke përdorur shkurtoren e tastierës Ctrl + Zhvendosja + K... Klikoni dhe tastiera do të shfaqet.

Konsola në Google Chrome dhe shfletues të tjerë të bazuar në Chromium:

Google Chrome, Opera 15+, Amigo, Orbitum dhe shfletues të tjerë të bazuar në Chromium kanë gjithashtu një metodë kyçe për të nisur konsolën në internet. Për ta bërë këtë, shtypni njëkohësisht Ctrl + Zhvendosja + J.

Konsola në Opera 12:

Për të nisur tastierën në internet në shfletuesin e gjeneratës së vjetër Opera (jo më i vjetër se versioni 12), duhet të përdorni shkurtoren e tastierës Ctrl + Zhvendosja + Unë... Kjo do të nisë Opera Dragonfly, një shirit veglash për zhvilluesin. Pasi ta hapni, shkoni te skeda Konsolë.

Konsola në Internet Explorer:

Për të hapur konsolën në shfletuesin e internetit të Internet Explorer, së pari duhet të klikoni në butonin F12 dhe më pas shtypni kombinimin Ctrl + 2 (dy në panelin qendror, jo në seksionin Num).

Safari Console:

Në Safari, përpara se të hapni tastierën, sigurohuni që të futni cilësimet e shfletuesit ( marsh në këndin e sipërm të djathtë " Cilësimet… » Suplementet) dhe lidhni opsionin Shfaq menunë e zhvillimit në shiritin e menusë... Pas kësaj, tastiera mund të thirret me shkurtoren e tastierës Ctrl + Alt + C.

Të gjitha skriptet futen në tastierë në një fushë të caktuar posaçërisht pranë ikonës së shigjetës (shih pamjet e ekranit, zonat për futjen e skripteve theksohen me një kornizë të kuqe). Skriptet hapen duke shtypur butonin Hyni... Pas futjes dhe ekzekutimit të çdo skripti, do të shihni çdo koment ose gabim gjatë ekzekutimit të tyre.

Nisja e skripteve Java nga shiriti i adresave të shfletuesit:

Metoda e nisjes së skripteve nga shiriti i adresave të shfletuesit është një metodë më e vjetër, por më tepër edhe tradicionale. Fillimisht, të gjitha skriptet u ekzekutuan në këtë mënyrë. Por tendencat po ndryshojnë, bota po zhvillohet. Në shumicën e shfletuesve, pas futjes së kodit të skriptit në shiritin e adresave, duhet të shtoni kodin manualisht për ta nisur atë, dhe në disa shfletues, shiriti i adresave nuk përpunon fare skriptet java.

Shiriti i adresave në Mozilla Firefox:

Mjerisht, asnjë nga versionet më të fundit të shfletuesit Mozilla Firefox nuk mbështet skriptimin e shiritit të adresave. Megjithëse ky opsion ishte i pranishëm në versionet e mëparshme, në Firefox-in modern zhvilluesit vendosën ta braktisin atë.

Shiriti i adresave në Google Chrome dhe shfletues të tjerë të bazuar në Chromium:

Në shfletuesin Google Chrome dhe çdo shfletues tjetër të ndërtuar në kodet e tij burimore, si Opera 15+, Amigo, Orbitum dhe të tjerë, mund të ekzekutoni skriptet në shiritin e adresave. Por! Pas futjes së skriptit, para tij duhet të shtoni fjalën javascript:(së bashku me një dy pika), përndryshe (për shkak të një fenomeni të tillë si omnibox), në vend të ekzekutimit të skenarit, do të ndodhë një ridrejtim në motorin e kërkimit.

Shiriti i adresave në Opera 12:

Gjërat janë shumë më mirë në Opera 12. Për të ekzekutuar skriptin, thjesht futeni atë në shiritin e adresave dhe ekzekutoni atë. Nuk duhet të ketë probleme.

Shiriti i adresave në Internet Explorer:

Në këtë shfletues, si në Google Chrome dhe të ngjashme, pasi të keni futur skriptin në shiritin e adresave, që në fillim duhet të shtoni javascript:(së bashku me dy pika), përndryshe skenari nuk do të funksionojë.

Shiriti i adresave në Safari:

Epo, në Safari, gjërat janë po aq të mira sa në Opera 12. Thjesht ngjitni skriptin ekzistues në shiritin e adresave dhe ekzekutoni.

Përdorimi i shtojcave të shfletuesit për të ruajtur dhe ekzekutuar skriptet:

Nëse skriptet duhet të përdoren vazhdimisht, atëherë duhet të ndërhyni me to, të kopjoni nga një faqe interneti ose skedar teksti, të ngjisni në shiritin e adresave ose tastierën çdo herë. Pajtohem - nuk është i përshtatshëm. Kjo është arsyeja pse u shpikën shtesa speciale (shtojca) për shfletues, të dizajnuara për të ruajtur dhe ekzekutuar skriptet. Po flasim për dy shtojca: Greasemonkey për Mozilla Firefox dhe Tampermonkey për Google Chrome.

Shtojca Greasemonkey për Mozilla Firefox:

Shtojca Greasemonkey për Mozilla Firefox ju lejon të krijoni, ruani dhe ekzekutoni skriptet e shtuara nga përdoruesit. Bej kujdes! Kur përdorni skriptet për të fshirë ose ndryshuar diçka, menjëherë pasi të shtohen në shtojcë, ato do të hapen automatikisht. Ne nuk rekomandojmë fuqimisht shtimin e skripteve në shtojcë, për shembull, për të fshirë hyrjet nga muri VKontakte kur faqja VKontakte është e hapur (nuk e dini se çfarë).

Manuali i perdoruesit:

Shtojca Tampermonkey për Google Chrome:

Shtojca Tampermonkey është analoge me shtesën Greasemonkey për Firefox dhe gjithashtu ju lejon të krijoni, ruani dhe ekzekutoni skriptet e personalizuara. Bej kujdes! Kur përdorni skriptet për të fshirë ose ndryshuar diçka, menjëherë pasi të shtohen në shtojcë, ato do të hapen automatikisht. Ne nuk rekomandojmë fuqimisht shtimin e skripteve në shtojcë, për shembull, për të fshirë hyrjet nga muri VKontakte kur faqja VKontakte është e hapur (nuk e dini se çfarë).

Manuali i perdoruesit:


Kështu funksionojnë shtojcat Greasemonkey dhe Tampermonkey. Gjithçka është e shpejtë dhe e lehtë. Skriptet e shtuara nuk zhduken askund, ato gjithashtu mund të ndizen dhe fiken në çdo kohë të përshtatshme.

konkluzioni:

Të gjitha metodat e përshkruara të ekzekutimit të Javascript janë përshkruar për versionet më të fundit të shfletuesve të njohur të internetit. Nëse jeni duke përdorur një shfletues tjetër ose një version më të vjetër të shfletuesit dhe metodat e ekzekutimit të skripteve në të ndryshojnë nga ato të përshkruara në këtë artikull, ju lutemi na tregoni në komente. |

Shfletuesit modernë ofrojnë mjete zhvillimi të integruara për JavaScript dhe teknologji të tjera. Këto mjete përfshijnë një tastierë, e cila është e ngjashme me një ndërfaqe shell, si dhe mjete për inspektimin e DOM-it, korrigjimin dhe analizën e aktivitetit të rrjetit.

Konsola mund të përdoret për të regjistruar informacionin si pjesë e procesit të zhvillimit të JavaScript. Konsola gjithashtu ju lejon të ndërveproni me një faqe interneti duke ekzekutuar shprehje JavaScript në kontekstin e faqes. Në thelb, tastiera ofron mundësinë për të shkruar kodin JavaScript dhe për ta manipuluar atë sipas nevojës.

Ky tutorial do t'ju mësojë se si të përdorni tastierën JavaScript në shfletuesin tuaj dhe do t'ju prezantojë me mjete të tjera të integruara zhvillimi që mund t'ju duken të dobishme.

Puna me tastierën JavaScript në shfletues

Shumica e shfletuesve modernë të uebit që mbështesin HTML dhe XHTML ofrojnë si parazgjedhje akses në tastierën e zhvilluesit, ku mund të punoni me JavaScript në një ndërfaqe të ngjashme me guaskën e terminalit. Në këtë seksion, do të mësoni se si të përdorni konsolën në Firefox dhe Chrome.

Shfletuesi Firefox

Këto mjete ju lejojnë të inspektoni dhe modifikoni elementet DOM, si dhe të kërkoni për objekte HTML të lidhura me një faqe specifike. DOM mund të tregojë nëse një pjesë e tekstit ose një imazh ka një atribut ID dhe mund të përcaktojë vlerën e atij atributi.

Për më tepër, në shiritin anësor ose poshtë panelit DOM, mund të gjeni stile CSS që përdoren në një dokument HTML ose fletë stili.

Për të modifikuar DOM-in në kohë reale, klikoni dy herë mbi elementin e zgjedhur. Për shembull, mund të provoni të ktheni etiketën

v

.

Përsëri, pas rifreskimit, faqja do të kthehet në pamjen e mëparshme.

Skeda e rrjetit

Skeda Rrjeti ju lejon të monitoroni dhe regjistroni kërkesat e rrjetit. Kjo skedë tregon kërkesat e rrjetit të shfletuesit, duke përfshirë kërkesat për ngarkimin e faqes, kohën që duhet për të shërbyer kërkesat dhe detaje për secilën. Këto të dhëna mund të përdoren për të optimizuar performancën e ngarkimit të faqes dhe për të korrigjuar pyetjet.

Ju mund të përdorni skedën Rrjeti në lidhje me panelin JavaScript. Për shembull, mund të filloni të korrigjoni një faqe duke përdorur tastierën dhe më pas të hapni skedën Rrjeti dhe të shikoni aktivitetin e rrjetit pa e ringarkuar faqen.

Dizajn të përgjegjshëm

Faqet e internetit të përgjegjshme përshtatin shpejt pamjen dhe ndjesinë e tyre në një sërë pajisjesh: telefona celularë, tableta, desktop dhe laptopë. Madhësia e ekranit, densiteti i pikselit dhe përgjigja e prekjes janë faktorë që duhen marrë parasysh kur dizajnoni faqe interneti të përgjegjshme. Është gjithashtu e rëndësishme të merren parasysh parimet e dizajnit të përgjegjshëm në mënyrë që një faqe interneti të jetë e aksesueshme dhe efikase, pavarësisht nga pajisja në të cilën është hapur.

Shfletuesit modernë (duke përfshirë Firefox dhe Chrome) ofrojnë modele për respektimin e parimeve të dizajnit të përgjegjshëm gjatë zhvillimit të faqeve të internetit dhe aplikacioneve. Këto modele imitojnë sjelljen e një pajisjeje të veçantë, e cila ju lejon të testoni dhe analizoni të gjitha funksionet e faqes.

Mund të lexoni më shumë rreth kësaj në udhëzuesit e shfletuesit:

• Modaliteti i dizajnit të përgjegjshëm në Firefox

konkluzioni

Ky udhëzues ofron një përmbledhje të shpejtë të punës me tastierën JavaScript në shfletuesit modern të uebit. Ju gjithashtu mund të gjeni informacion mbi mjete të tjera të dobishme zhvillimi këtu.