Tani është e vështirë të gjesh një faqe të ndërtuar në një gjuhë programimi, zakonisht një gamë e tërë e gjuhëve të internetit përdoret për të zhvilluar një burim modern dhe funksional. JavaScript për shfletuesin Yandex është përgjegjës për veprimet dinamike, gjuha dallohet nga aftësia për të kryer manipulime në mënyrë asinkrone, domethënë pa ringarkuar faqen. Çdo veprim që ndryshon përmbajtjen (me përjashtim të videove dhe lojërave) kryhet falë aftësive të gjuhës JS. JavaScript në shfletuesin Yandex duhet të aktivizohet, sepse nëse është i çaktivizuar, shumica e faqeve do të ndalojnë së punuari, një gabim do të shfaqet në ekran ose shfaqja e përmbajtjes do të dështojë.
Para se të vendosni të çaktivizoni ose aktivizoni JavaScript në shfletuesin Yandex, është e rëndësishme të kuptoni se për çfarë është përgjegjëse kjo gjuhë programimi. Në përgjithësi, JS është një gjuhë ndërvepruese që trajton çdo veprim direkt në faqe.
Për çfarë është përgjegjëse JavaScript me shembuj:
- Kontrollimi i saktësisë së emrit të përdoruesit dhe fjalëkalimit. Në fazën e regjistrimit, fushat e plotësuara saktë dhe gabimisht theksohen duke përdorur JS, si dhe shfaqen sugjerime;
- Rifresko faqet pa ringarkuar skeda. Shumica e faqeve ngarkohen plotësisht kur kalojnë midis seksioneve, por ka edhe nga ato për të cilat gjithçka ndodh në çast, pa rindërtuar faqet. Një shembull i mrekullueshëm është VK, në të cilin skeda e muzikës, kërkimi, shtimi i lajmeve në burim dhe shumë më tepër zbatohen në JS;
- Lidhje reklamuese. Pika e diskutueshme, natyrisht, është se reklamimi ndërhyn, por më herët pritej të lidhej me serverët e reklamave dhe vetëm pas kësaj të ndërtohej faqja, por tani përmbajtja ngarkohet dhe shfaqet menjëherë, dhe reklamat ngarkohen më vonë. Si rezultat, shpejtësia e ngarkimit të faqeve rritet;
- Menutë interaktive dhe ndryshimi i stileve të elementeve. Të gjithë kanë hasur në sajte ku, pas veprimeve të caktuara (klikime, pezullim sipër, etj.), ndryshon ngjyra e butonave, blloqeve apo edhe faqeve individuale. Duke përdorur CSS me pseudo-class:hover, ju mund të personalizoni ndryshimin në stilet e një elementi kur kaloni pezull mbi miun, por gjuha nuk është e aftë për më shumë, të gjitha veprimet e tjera kryhen në JS;
- Animacion. Zakonisht këto janë efekte të thjeshta animacioni: shfletimi i rrëshqitjeve, reshjet e shiut ose borës, zgjerimi i përmbajtjes së blloqeve të caktuara;
- Komunikimi asinkron me serverin. Është një nga arsyet kryesore të përdorimit të gjuhës, pa rifreskuar faqen mund të kontrollojmë: a ka përdorues me një pseudonim të tillë, a janë futur saktë login dhe fjalëkalimi etj. Një faqe mund të dërgojë një kërkesë dhe të marrë menjëherë një përgjigje nga baza e të dhënave të serverit.
Ne rekomandojmë aktivizimin e mbështetjes JavaScript në shfletuesin Yandex për funksionimin normal të burimeve, pasi një numër në rritje i pronarëve të faqeve refuzojnë të punojnë me përdoruesit pa JS. Ekziston gjithashtu një anë negative e çështjes, Java Script është një element potencialisht i cenueshëm në shfletues. Mund të përdoret nga mashtruesit për të vjedhur të dhëna personale ose për të futur një virus. Nëse keni nevojë të përdorni një burim që nuk është i besueshëm, është më mirë të çaktivizoni JS për periudhën e përdorimit të faqes.
E rëndësishme! Si parazgjedhje, versioni i plotë i Yandex Browser JS është aktivizuar tashmë, domethënë, në një shfletues të pastër, nuk ka nevojë të aktivizoni shtesën. Në versionin celular të JavaScript, ai mund të çaktivizohet, në platformën iOS ata njoftuan cenueshmërinë e gjuhës dhe refuzuan ta mbështesin atë.
Si të aktivizoni JavaScript në shfletuesin Yandex?
Ekziston një, por një mënyrë e thjeshtë për të aktivizuar JavaScript në shfletuesin Yandex, për ta zbatuar atë, do t'ju duhet të përdorni cilësimet e shfletuesit.
Procesi i aktivizimit të JavaScript në shfletuesin Yandex:
Nëse nuk është e mundur të aktivizoni shtesën JavaScript në shfletuesin Yandex për shkak të vështirësive në gjetjen e tij, ne mund të futim "JavaScript" në faqen "Cilësimet", në pjesën e djathtë të dritares, në "Cilësimet e kërkimit" linjë. Shfletuesi i internetit do të gjejë automatikisht seksionin ku ndodhet cilësimi dhe do të theksojë butonin që duhet të klikoni. Pasi kemi shkuar në faqen me cilësimet, ne lëvizim pak poshtë skedës dhe këtu tashmë mund të aktivizojmë skriptet JavaScript në shfletuesin Yandex. 
Shëndetshëm! Shpesh përdoruesit që çaktivizojnë JS kërkojnë të ndryshojnë cilësimet dhe cookies. Çaktivizimi i cookies do ta bëjë të pamundur përdorimin e plotë të disa sajteve. Burimet e tjera janë gati për të punuar pa skedarë kuki, por qasja në seksionet dhe llogaritë e mbrojtura nuk do të jetë e disponueshme. Çdo filtër dhe cilësime të tjera do të dështojnë. Shumica e faqeve të internetit kanë një ndërveprim të dendur midis cookies dhe JS.
Ne mund të aktivizojmë cookies dhe JavaScript në shfletuesin Yandex në të njëjtën mënyrë: shkoni te faqja " Cilësimet e përmbajtjes », na duhet seksioni i parë i quajtur "Cookies", ku vendosim "Lejo ruajtjen e të dhënave lokale". Më poshtë përfshijmë JS në të njëjtën mënyrë. 
Si të çaktivizoni JavaScript në shfletuesin Yandex?
Nuk duhet të kërkojmë për një kohë të gjatë një vend ku të çaktivizojmë JavaScript në shfletuesin Yandex, sepse procedura kryhet në të njëjtën dritare dhe vend.
Çaktivizo Javascript në shfletuesin Yandex:
Si të vendosni JS në shfletuesin Yandex?
Ekziston një vend në shfletuesin Yandex ku mund të shikojmë dhe ndryshojmë cilësimet e JavaScript, domethënë, t'i tregojmë shfletuesit nëse JS duhet të funksionojë në një sit të caktuar. Ka 2 mënyra për të personalizuar:
- Krijoni listën tuaj të zezë. Supozohet se JS është i aktivizuar në të gjitha burimet, përveç faqeve të listuara;
- Krijo një listë të bardhë. Nëse JavaScript është i çaktivizuar në shfletues, ne mund ta ekzekutojmë atë për sajte individuale që nuk mund të bëjnë pa një gjuhë dinamike.
Si të vendosni listat:
Ekziston një mënyrë edhe më e lehtë për të shtuar ose hequr një sajt nga listat, nuk keni nevojë të shkoni në mënyrë specifike te cilësimet dhe të kopjoni URL-të e sajteve. Mund të gjejmë JavaScript në shfletuesin Yandex pikërisht në shiritin e kërkimit, ndërsa jemi në çdo faqe.
Një mënyrë e thjeshtë për të menaxhuar përjashtimet:
Pse JavaScript nuk funksionon në shfletuesin Yandex dhe si ta trajtojmë atë?
Ka disa arsye për shfaqjen e problemeve me JS:
Interesante! Për të parë vizualisht rezultatin e gjuhës, mund të përdorim tastierën JavaScript në shfletuesin Yandex. Shkojmë në çdo sit dhe klikojmë me të djathtën, ndër opsionet zgjedhim "Eksploro elementin". Klikoni në skedën "Konsola" dhe futni - alarm ("Ditë e mirë"). Një njoftim duhet të shfaqet mbi skedën e shfletuesit. Ne mund të kryejmë pothuajse çdo veprim në panel, por kërkohet njohuri bazë për strukturën dhe mënyrën e shkrimit të kodit.
Pavarësisht dobësisë së mundshme të teknologjisë, ju rekomandojmë që të aktivizoni JavaScript në shfletuesin Yandex, përndryshe përdorimi i shfletuesit të internetit vështirë se do të quhet i rehatshëm. Në faqet e rrezikshme, është akoma më mirë të çaktivizoni JS.
Kur filloni të punoni me JavaScript në një mjedis celular, është e rëndësishme të zbuloni nivelin e mbështetjes për këtë gjuhë në përgjithësi dhe disa veçori (përfshirë ato të vjetra dhe të testuara me kohë) në veçanti.
Funksioni i zbulimit
Mënyra më e lehtë për të zbuluar nëse një pronë, API, objekt ose funksion është i disponueshëm është të kërkoni me një deklaratë të thjeshtë if:
Nëse (objekt) ( // Objekti i disponueshëm )
Për shembull:
Nëse (document.getElementById) ( // funksioni DOM disponohet )
Edhe në ato pajisje celulare që mbështesin JavaScript, mund të mos funksionojë për shkak të cilësimeve të përdoruesit ose kompanisë kur bëhet fjalë për lidhjen e korporatës (për shembull, pajisjet BlackBerry). Bëni gjithmonë një version jo-javaScript të funksionalitetit të faqes tuaj.
Kutitë standarde të dialogut
JavaScript mbështet një grup të caktuar kutish dialogu standarde që nuk vlerësohen shumë në zhvillimin e faqeve moderne të desktopit dhe shpesh zëvendësohen nga bibliotekat Dynamic HTML ose UI. Në faqet e internetit celulare, kutitë standarde të dialogut janë të përshtatshme për t'u përdorur (Figura 8.1).
Oriz. 8.1. Duke përdorur dialogët standardë JavaScript, ju do të merrni një ndërfaqe falas të pasur dhe me shumë platforma duke përdorur kontrollet e ndërfaqes së përdoruesit nga sistemi operativ
Lista e kutive të dialogut në dispozicion:
- alarm për të shfaqur një mesazh;
- konfirmoni për të marrë konfirmimin e përdoruesit për veprimin;
- prompt për të marrë një varg nga përdoruesi;
- printoni për të dërguar një faqe në internet për t'u printuar;
- gjeni për të thirrur funksionin e kërkimit të shfletuesit.
Dialogu i gjetjes nuk është standard, por funksionon pothuajse në të gjithë shfletuesit e desktopit jo-IE. Kjo kuti dialogu merr tre opsione shtesë: tekstin që do të gjendet, ndjeshmërinë e rastit (boolean) dhe një flamur të drejtimit të kërkimit (boolean). Në përgjithësi, duhet të shmangni përdorimin e kësaj dritare në shfletuesit celularë. Shumica e tyre nuk kanë fare funksion kërkimi.
Kutia e dialogut të printimit është e papajtueshme me pajisjet celulare dhe shfletuesit për arsye të dukshme, por alarmi, konfirmimi dhe njoftimi funksionojnë mirë në pothuajse çdo telefon celular të aktivizuar me JavaScript (Tabela 8.3). Ju mund t'i përdorni ato në mënyrë të sigurt nëse është e nevojshme. Përdorimi i një kutie dialogu standard është gjithmonë më i shpejtë, më i lehtë dhe më pak problematik sesa përdorimi i ndonjë zgjidhjeje tjetër për të njëjtën detyrë.
| Shfletuesi/ Platforma | alarm, konfirmoj, nxit |
|---|---|
| safari | po |
| shfletuesi android | po |
| Symbian/S60 | po |
| Seria Nokia 40 | po |
| webOS | po |
| manaferra | po |
| NetFront | po |
| Openwave (Miriadë) | po |
| Internet Explorer | po |
| Shfletuesi i Internetit Motorola | po |
| Opera Mobile | po |
| Opera Mini | Po, ato janë dhënë në server |
Problemet tipike me kutinë e dialogut të alarmit (dhe dritaret e tjera gjithashtu) janë kthimet e transportit për tekstin me shumë rreshta dhe shfaqja e shumë tekstit për atë hapësirë. Për të zgjidhur problemin e parë në JavaScript desktop, përdoret karakteri special "n". Ka karaktere të tjera speciale që duhen shmangur, siç është skeda "t". Le të shohim se si qëndrojnë gjërat me të dyja problemet në shfletuesit celularë. Shih tabelën 8.4 për informacion mbi mbështetjen për shtimin e rreshtave të rinj dhe tekstit të madh në kutitë e dialogut, dhe Figura 8.2 tregon se si një shirit lëvizës zbatohet në tekst të gjatë.
Oriz. 8.2. Në disa shfletues, kutitë e mëdha të sinjalizimit kanë shirita lëvizës (ose mund të lëvizen me prekje në pajisjet me prekje).
| Shfletuesi/ Platforma | n në dritaren e alarmit | Mbështetje për lëvizje për tekste të gjata |
|---|---|---|
| safari | po | Po, ndryshon pamjen e dritares së alarmit me mbështetjen e lëvizjes |
| shfletuesi android | po | rrotullimi |
| Symbian/S60 | po | rrotullimi |
| Seria Nokia 40 | po | rrotullimi |
| webOS | Jo, tregon një rresht | Jo, teksti është prerë pa lëvizur |
| manaferra | po | rrotullimi |
| NetFront | po | Lëvizja automatike |
| Internet Explorer | po | rrotullimi |
| Shfletuesi i Internetit Motorola | po | rrotullimi |
| Opera Mobile | po | rrotullimi |
| Opera Mini | po | rrotullimi |
Për qëllime të përdorshmërisë, nëse pajisja ka një tastierë numerike, është më mirë ta përdorni atë në vend të një liste zgjedhjesh. Mos harroni se tastiera numerike përdoret posaçërisht për futjen e numrave.
Shkruani në dokument
Funksioni document.write ju lejon të gjeneroni në mënyrë dinamike kodin HTML ndërsa ai jepet. Në vitet '90 kjo ishte një metodë shumë e njohur, por tani ka shumë dobësi për aplikimin e saj në faqet moderne. Sot, është më e zakonshme të manipulosh dokumentin me DOM pas .
Nëse nuk përdorni dokument.write në skriptin tuaj, atëherë duhet të përdorni atributin e skriptit defer="defer". Për shfletuesit me mbështetjen e duhur, ky atribut do t'u thotë të mos presin për një shkarkim ose ekzekutim skripti për të vazhduar paraqitjen e dokumentit.
Në zhvillimin e celularit, për të shmangur problemet me funksionimin e dokumentit.shkrim, ndonjëherë është më mirë të mos përdorni DOM (veçanërisht për pajisjet e nivelit të ulët). Tabela 8.5 tregon se kjo metodë ende funksionon në shumë shfletues.
Për shembull, për të zvogëluar peshën fillestare të dokumentit, lista e zgjedhësve të vitit mund të krijohet në mënyrë dinamike. Kodi i mëposhtëm tregon se si të zbatohet kjo teknikë:
Mos harroni se është më mirë të mos përdorni document.write në mbajtësin e ngjarjeve, përndryshe rezultatet mund të jenë jashtëzakonisht të pakëndshme. Për të gjeneruar në mënyrë dinamike përmbajtje në një faqe, është më mirë të përdorni DOM në vend të document.write .
Zbulimi i platformës
JavaScript ofron një objekt navigues që na jep informacion në lidhje me shfletuesin e përdoruesit. Më vonë do të flasim për teknikën e zbulimit nga ana e serverit, por tani për tani, le të përpiqemi të përdorim këtë metodë për të zbuluar llojin e pajisjes së përdoruesit.
Kur përdorni for, mos harroni të përcaktoni variablin e indeksit lokalisht var i=vlera_fillestare. Nëse kjo nuk bëhet, do të përdoret ndryshorja globale, e cila do të çojë në gabime shtesë dhe probleme të performancës.
Objekti i navigatorit ka shumë veti, por ne jemi më të interesuar për emri i aplikacionit (emri i shfletuesit), versioni i aplikacionit (versioni i shfletuesit), mimeTypes (grumbullimi i llojeve të mbështetura MIME), shtojca (shtojcat e mbështetura për ), platforma (sistemi operativ) dhe gjuha e përdoruesit Vetitë.
Ne do të përdorim funksionin indexOf string për t'u siguruar që këto atribute të kenë vlerat që duam. Për shembull:
// Zbulon nëse është një pajisje Android var android = (navigator.platform.indexOf("android")>=0); nëse (android) ( // Bëj diçka )
Tabela 8.6 tregon se cilat vlera janë kthyer për çdo shfletues. Në tabelë, supozojmë se agjenti i përdoruesit do të zëvendësohet nga ID-ja e agjentit të përdoruesit të secilës pajisje.
| Shfletuesi/ Platforma | emri i aplikacionit | versioni i aplikacionit | Llojet e mime | platformë |
|---|---|---|---|---|
| safari | Netscape | 5.0 ( |
varg | iPhone, iPod ose iPad |
| shfletuesi android | Netscape | 5.0 ( |
varg | i pavlefshëm |
| Symbian/S60 | Netscape | 5.0 ( |
varg | S60 |
| Nokia Series 40 deri në versionin e 6-të | Nokia | varg bosh | E papërcaktuar | E papërcaktuar |
| Nokia Series 40 Edition 6th | Netscape | 2.0 | E papërcaktuar | Nokia_Seria_40 |
| webOS | Netscape | 5.0 ( |
varg | webOS |
| manaferra | Netscape | varg | manaferra | |
| NetFront | AKSES Net Front | varg | i panjohur | |
| Internet Explorer | Microsoft IE Mobile | varg bosh | E papërcaktuar | WinCE |
| Shfletuesi i Internetit Motorola | Netscape | 5.0 | varg | WiderWeb |
| Opera Mobile | Opera | varg | Symbian ose Windows | |
| Opera Mini | Opera | varg | Pike |
Madhësia e dritares
Ekzistojnë dy objekte në JavaScript që kanë të bëjnë me madhësitë: dokument.documentElement dhe ekran. E para i referohet madhësisë së pamjes së dokumentit dhe e dyta i referohet ekranit të pajisjes në tërësi. Në kohën e shkrimit të këtij artikulli, nuk kishte asnjë shfletues që do të lejonte përdorimin e dritareve që janë më të vogla se ekrani i vetë pajisjes. Në shumë pajisje, ne mund të përdorim miniaplikacionet e uebit për të përcaktuar ekranin tonë, por kjo është një mënyrë tjetër dhe ne do të flasim për të më vonë (Kapitulli 12).
Pajisjet BlackBerry kanë një ndryshore globale - Blackberry - që ka dy objekte: vendndodhjen dhe rrjetin. vendndodhjen do ta shikojmë më vonë, por tani do të merremi me vetinë e dytë: falë rrjetit, ne mund të zbulojmë se çfarë lloj lidhjeje përdor klienti - WiFi, GPRS, EDGE, CDMA ose ndonjë rrjet tjetër. Shfletuesi Android (që nga versioni 2.2) ka një veti të ngjashme navigator.connection.type.
Objekti i ekranit ka katër veti: gjerësi, lartësi, availWidth dhe availHeight. Dy të fundit karakterizojnë sasinë e hapësirës së disponueshme midis shiritave të veglave në një sistem operativ të caktuar. Në zhvillimin e celularit, kjo është, në parim, e njëjtë me atë të rregullt dhe .
Më shpesh, të dhënat e madhësisë së dritares merren duke përdorur document.documentElement.clientWidth dhe document.documentElement.clientHeight.
Mënyra e vetme për të ndryshuar vlerat e këtyre vetive pasi të jetë ngarkuar faqja është të ndryshoni orientimin e ekranit (për shembull, nga portreti në peizazh). Tabela 8.7 tregon shfletuesit në të cilët është e mundur të merren të dhëna për madhësinë e ekranit dhe dritares në një pajisje celulare, si dhe informacion mbi ata shfletues ku është i disponueshëm ndryshimi i orientimit të faqes (portret/peizazh).
| Shfletuesi/ Platforma | Madhësia e ekranit | madhësia e dritares | Ndryshimi i orientimit |
|---|---|---|---|
| safari | po | po | ndryshimi i orientimit dhe ndryshimi i madhësisë |
| shfletuesi android | po | po | në ndryshimin e madhësisë |
| Symbian/S60 | Po, ndryshe në modalitetin e ekranit të plotë | po | në ndryshimin e madhësisë |
| Seritë Nokia | Asnjë deri në edicionin e 6-të | Asnjë deri në edicionin e 6-të | Jo |
| webOS | po | madhësia e portit të pamjes | në ndryshimin e madhësisë |
| manaferra | Jo para versionit 4.6 | Jo | dokument.përndryshe madhësinë në disa pajisje |
| NetFront | po | Jo | Jo |
| Internet Explorer | po | Jo | Jo |
| Shfletuesi i Internetit Motorola | po | po | Jo |
| Opera Mobile | po | po | Jo |
| Opera Mini | po | po | Jo |
Historia dhe menaxhimi i URL-ve
JavaScript përdor objektet e vendndodhjes dhe historisë për të menaxhuar historinë e shfletuesit. Objekti i vendndodhjes ka disa veti, të tilla si href për URL-në e plotë dhe hash për ankorat (pjesa e URL-së që vjen pas #). Ndryshimi i vetive location.href do ta ridrejtojë shfletuesin në një faqe tjetër (nëse pajisja e mbështet atë). Ka dy mënyra të mira: reload() për të ringarkuar të njëjtën faqe dhe zëvendësimi (url) e dërgon përdoruesin në një faqe tjetër pa një hyrje të re në histori.
Më lejoni t'ju kujtoj edhe një herë se për të kursyer baterinë e pajisjes tuaj celulare, duhet të përpiqeni të përdorni më pak JavaScript.
Objekti i historisë ka disa veti jo shumë të nevojshme dhe tre metoda: back() , go(numër) dhe përpara() . Metoda back() përdoret zakonisht për të imituar një buton prapa:
Mbrapa
Mos harroni se ne jemi duke u zhvilluar për shfletues celularë dhe ndonjëherë përdoruesi mund ta shikojë faqen në modalitetin e ekranit të plotë, ku nuk do të ketë fare butona të shfletuesit në fushën e shikimit. Prandaj, në faqet celulare, ndryshe nga faqet e desktopit, një lidhje ose një buton "Kthehu" është shumë më i nevojshëm.
Tabela 8.8 tregon se çfarë ndodh kur përpiqeni të manipuloni historinë dhe vendndodhjen me JavaScript.
| Shfletuesi/ Platforma | href, zëvendësoni, ringarkoni dhe mbështetje për history.back |
|---|---|
| safari | po |
| shfletuesi android | po |
| Symbian/S60 | po |
| Seritë Nokia | po |
| webOS | po |
| manaferra | po |
| NetFront | po |
| Internet Explorer | po |
| Shfletuesi i Internetit Motorola | po |
| Opera Mobile | po |
| Opera Mini | Po, ringarkoni rezulton në një hyrje të re të historisë |
Menaxhimi i dritareve
Një nga veçoritë më të njohura (dhe të bezdisshme) në JavaScript është përdorimi i window.open për të hapur një dritare standarde pop-up. Për arsye të ndryshme, kjo metodë nuk është shumë e përshtatshme për shfletuesit celularë. Shumë shfletues nuk mund të hapin disa dritare në të njëjtën kohë (Figura 8.3 tregon një që mundet), dhe ne nuk mund të përcaktojmë atributet për dritaret kërcyese—secila dritare do të hapë madhësinë e plotë (si ajo kryesore).
Oriz. 8.3. Shfletuesi Android është një nga të paktët që mund të hapë dritare pop-up me një dizajn nëndritare.
Lidhja midis kryesore dhe pop-up gjithashtu shpesh nuk funksionon si duhet. Epo, mbyllja e dritareve pop-up në disa shfletues mund të jetë mjaft problematike, sepse ata mund ta trajtojnë dritaren pop-up si normale dhe window.close funksionon vetëm në dritare pop-up.
Prandaj, nëse është e mundur, mos përdorni dritare pop-up. Nëse, për ndonjë arsye të veçantë, nuk mund të bëni pa të, atëherë sigurohuni që dritarja të hapet më pas (shmangni hapjen e dritares me ose duke përdorur një kohëmatës dhe mbani mend se përdoruesit e disa pajisjeve të nivelit të mesëm dhe të ulët nuk do të shohin dritare në këtë rast.
Ekziston një opsion më i mirë: përdorni një lidhje me "_blank". Në pajisjet celulare, rezultati do të jetë i njëjtë si kur përdorni window.open dhe do të funksionojë në të gjithë shfletuesit. Nëse shfletuesi nuk mund të hapë disa dritare në të njëjtën kohë, atëherë ajo aktuale thjesht do të zëvendësohet.
Tabela 8.9 tregon se si trajtohet window.open në shfletues të ndryshëm.
| Shfletuesi/ Platforma | dritare.sjellje e hapur |
|---|---|
| safari | Punon njësoj si _blank. window.close, por përdoruesi do të ridrejtohet në dritaren tjetër dhe nuk do të kthehet në atë origjinale. |
| shfletuesi android | Po, do të hapet një dritare pop-up. Madhësia e dritares që specifikoni do të shpërfillet. |
| Symbian/S60 | Hapet në një dritare të re. |
| Seritë Nokia | Hapet në të njëjtën dritare. |
| webOS | Hapet në një kartë të re. dritare.mbyll nuk funksionon. |
| manaferra | Hapet në të njëjtën dritare. Përpara versionit 4.6, përdoruesi pyetet nëse dëshiron ta hapë atë. |
| NetFront | |
| Internet Explorer | hapeni në të njëjtën dritare. dritare.mbyll nuk funksionon. |
| Shfletuesi i Internetit Motorola | Hapeni në të njëjtën dritare |
| Opera Mobile | Hapeni në të njëjtën dritare |
| Opera Mini | Hapeni në të njëjtën dritare |
Fokusimi dhe kontrolli i lëvizjes
Duke përdorur funksionin e fokusit, mund të vendosni fokusin për çdo element DOM të klikueshëm (ose lidhje, forma, butona). Është mirë të përdoret kjo metodë për elementët e formës. Skenari i sjelljes do të ndryshojë në varësi të shfletuesit. Në disa pajisje me prekje, kur një fushë teksti ka fokus, tastiera në ekran duhet të hapet automatikisht dhe në disa shfletues me navigim me kursorin, kursori do të zhvendoset te elementi.
Nëse faqja që përdoruesi po shikon do të ketë forma (për shembull, një faqe kërkimi ose kontakti), do të jetë më mirë për përdorshmërinë nëse fokusi vendoset automatikisht në fushën e parë të tekstit, gjë që do të zvogëlojë numrin e tranzicioneve të faqeve që përdoruesi duhet të lundrojë.
Në disa pajisje, objekti i dritares globale ka një funksion scrollTo që merr dy vlera, xPosition dhe yPosition, duke treguar pozicionin në lidhje me këndin e sipërm të majtë të ekranit. Disa pajisje (si iPhone) përdorin scrollTo, i cili imiton lëvizjen nga përdoruesi dhe fsheh shiritin e shfletuesit (efekti është i njëjtë sikur përdoruesi të lëvizte me gishtat e tij). Për shfletuesit iPhone, ky kod përdoret shpesh, i cili pas ngjarjes së ngarkimit fsheh automatikisht shiritin e veglave të shfletuesit:
Window.scrollTo(0, 1);
Në pajisjet që kanë mbështetjen e nevojshme, ky funksion mund të përdoret gjithashtu për të krijuar një lidhje për të shkuar në krye të faqes:
Shkoni në krye
Në Tabelën 8.10 mund të shihni se cilët shfletues mbështesin funksionet e fokusit dhe lëvizjes.
| Shfletuesi/ Platforma | fokusi | lëvizTe |
|---|---|---|
| safari | po | po |
| shfletuesi android | po | po |
| Symbian/S60 | po | po |
| Seria Nokia 40 | Jo | Jo |
| webOS | Jo | Jo |
| manaferra | Jo | Jo |
| NetFront | Jo | po |
| Internet Explorer | Jo | po |
| Shfletuesi i Internetit Motorola | Jo | Jo |
| Opera Mobile | po | Jo |
| Opera Mini | Jo | Jo |
Timers
JavaScript na ofron dy lloje kohëmatësish: setTimeout dhe setInterval. Lloji i parë i kohëmatësit aplikohet një herë, dhe i dyti do të ekzekutohet çdo n sekonda derisa veprimi i tij të ndalet me clearInterval.
Ju mund të përdorni kohëmatës për të krijuar animacione, për të kontrolluar periudhën e skadimit në një operacion të caktuar dhe duke përdorur Ajax, një kohëmatës mund të përdoret për të përditësuar informacionin nga serveri çdo n sekonda.
Në shfletuesit celularë, kohëmatësi duhet të përdoret me shumë kujdes, sepse harxhon shumë bateri. Nëse keni nevojë të përdorni disa kohëmatës me frekuencë të lartë, përpiquni t'i kontrolloni të gjithë me vetëm një kohëmatës, i cili do të ekzekutojë procese të ndryshme në kushte të ndryshme.
Pyetja e parë që duhet t'i përgjigjeni është: çfarë ndodh me sajtin kur përdoruesi e zhvendos fokusin në një aplikacion tjetër (i rëndësishëm në sistemet operative me shumë detyra) ose hap një dritare ose skedë të re? Pika e dytë: çfarë ndodh me aplikacionin / faqen tonë nëse telefoni kalon në modalitetin e gatishmërisë (për shkak të mungesës së aktivitetit të përdoruesit). Skenari mund të vazhdojë të funksionojë ende. Dhe kjo nuk është shumë e mirë. Kontabilizimi për situata të tilla ndërlikon sjelljen e kohëmatësit.
Ekziston një problem tjetër me kohëmatësit - ato funksionojnë në të njëjtën fije si skenari kryesor. Nëse skripti juaj kërkon shumë burime CPU dhe kohë përpunimi (që shpesh ndodh me skriptet e mëdha në pajisjet e nivelit të ulët dhe të mesëm), atëherë fillimi i kohëmatësve do të vonohet derisa të ketë burime falas.
Nëse përdorim një frekuencë shumë të lartë për kohëmatësin (për shembull, 10 milisekonda), atëherë me shumë mundësi kohëmatësi do të ketë probleme me veprimet e përpunimit.
Mos harroni se shpejtësia e përpunimit të JavaScript varet kryesisht nga aftësitë e vetë pajisjes dhe motori i shfletuesit. Edhe nëse pajisje të ndryshme përdorin të njëjtin sistem operativ, si Android, koha e përpunimit do të vazhdojë të jetë e ndryshme: HTC G1, për shembull, është shumë më i ngadalshëm se Nexus One me një procesor 1 Ghz.
Le të marrim një shembull të thjeshtë dhe të shohim se çfarë ndodh zakonisht kur një faqe ueb shkon në sfond:
Siç mund ta shihni në figurën 8.4, koha aktuale e ekzekutimit ndryshon shumë midis pajisjeve. Në pajisjet e nivelit të ulët dhe të mesëm, nëse skripti funksionon fare, atëherë koha e përpunimit të tij është larg 200 milisekondave që na duhen - disa pajisje të nivelit të ulët nuk mund të punojnë me kohëmatës me një frekuencë më të vogël se 1 sekondë.
Oriz. 8.4. Kohëmatësit nuk do të kenë gjithmonë frekuencën që duam.
Tabela 8.11 tregon se cilët shfletues mbështesin kohëmatësit dhe si trajtohen kur faqja është në sfond.
| Shfletuesi/ Platforma | Disponueshmëria e kohëmatësit | Kohëmatësi në sfond |
|---|---|---|
| safari | po | Ndalon. Nga iOS 4.0: Vazhdon të punojë kur punon në një dritare të re. |
| shfletuesi android | po | Ndalon. |
| Symbian/S60 | po | Ndalon. Nga 2.2: Vazhdon të punojë kur punon në një dritare të re. |
| Seria Nokia 40 | Jo | |
| webOS | po | Ende punon. |
| manaferra | Jo | |
| NetFront | po | Nuk ka shumë detyra. |
| Internet Explorer | po | Ndalon. |
| Shfletuesi i Internetit Motorola | Jo | |
| Opera Mobile | po | Ende punon. |
| Opera Mini | Jo |
Ekipi i zhvillimit celular Gmail ka zbuluar disa probleme me sjelljen e kohëmatësit në pajisjet celulare Safari dhe Android dhe ka publikuar rezultatet e eksperimenteve të tyre në blogun e ekipit http://www.mobilexweb.com/go/timers . Thelbi i mesazhit është ky: me kohëmatës me frekuencë të ulët (1 sekondë ose më shumë) nuk ka probleme me performancën dhe mund t'i përdorni sa të keni nevojë; me kohëmatës me frekuencë të lartë (për shembull, 100 ms), situata është e ndryshme - çdo kohëmatës pasues "ngadalëson" ndërfaqen. Është mirë të përdorni vetëm një kohëmatës me frekuencë të lartë.
Zgjimi nga modaliteti i gjumit
Siç thamë, në shumicën e pajisjeve, puna e kohëmatësve (dhe në të vërtetë e gjithë JavaScript) pezullohet nëse faqja shkon në sfond. Unë kam një iPod Touch dhe në Safari e kam gjithmonë të hapur emailin tim në një nga tetë skedat e mundshme. Kur dua të shkoj në një faqe tjetër interneti, thjesht hap një skedë të re, por edhe skeda e mëparshme e emailit qëndron e hapur. Dhe kjo do të thotë që mund të qëndrojë në sfond për disa orë apo edhe ditë derisa të kthehem përsëri në këtë skedë. Dhe si zhvillues, më intereson një pyetje: kur faqja ime është në sfond, si ta përcaktoj kur duhet të dalë nga kjo mënyrë?
Neil Thomas, një zhvillues softuerësh në Google (duke punuar në ekipin e Gmail për Mobile), doli me një zgjidhje shumë të thjeshtë dhe shumë të zgjuar, e cila është përdorimi i një kohëmatës me frekuencë të lartë dhe një ndryshore globale për të llogaritur kohën ndërmjet thirrjeve në këtë kohëmatës. Meqenëse në modalitetin e fjetjes, informacioni për intervalet kohore midis thirrjeve në kohëmatës nuk transmetohet, dhe gjatë thirrjes së radhës me kohëmatësin, intervali kohor midis kërkesave të fundit është më i madh se një prag i caktuar, atëherë kjo do të thotë se aplikacioni ose faqja sapo ka dalë nga modaliteti i gjumit.
Mos harroni të vendosni një interval më të madh kohor për pragun. Nëse përdorni një prag kohor shumë të ulët, atëherë në varësi të natyrës së detyrës që kryhet, motorit të shfletuesit dhe aftësive harduerike të pajisjes, ekzekutimi aktual i kodit JavaScript mund të zgjasë më shumë se pragu kohor i specifikuar.
Këtu është një kod shembull nga Neil Thomas (me disa shtesa nga unë). Shpjegimet për kodin mund të gjenden në http://www.mobilexweb.com/go/timers:
// Koha, në ms, që duhet "të humbasë" përpara se // të supozojmë se aplikacioni është vënë në gjumë. var PREGU = 10000; var lastTick_; var detectWakeFromSleep_ = funksion() ( var tani = data e re().getTime(); var delta = tani - this.lastTick_; if (delta > THRESHOLD) ( // Aplikacioni ndoshta sapo u zgjua pasi ishte në gjumë. notifyWakeFromSleep(delta /1000); ) lastTick_ = tani; );
Në metodën notifyWakeFromSleep, mund të vendosni për veprimet tuaja të mëtejshme bazuar në vlerat e parametrave të marra, të cilat do t'ju tregojnë se sa sekonda kanë kaluar që nga fiksimi i gjendjes së fundit aktive. Në varësi të kohëzgjatjes së kësaj periudhe kohore - 10 sekonda ose 1 ditë (86,400 sekonda) - opsionet tuaja mund të ndryshojnë. Për shembull, pas një pushimi njëditor, mund të shfaqni një paralajmërim ose të ngarkoni një animacion ndërsa Ajax po ngarkon rezultate të reja.
Ekziston gjithashtu një situatë e tillë kur do të jetë e pamundur që një aplikacion ose faqe të dalë nga modaliteti i gjumit. Bëhet fjalë për ato raste kur RAM-i i pajisjes është i mbushur, faqja jonë është në sfond dhe ka shumë mundësi që, në këtë rast, shfletuesi të fshijë këtë faqe dhe kur përdoruesi të kthehet për të parë, shfletuesi ta rifreskojë atë nga URL-ja.
Mos harroni se kur zgjoheni nga letargji, dokumentet dhe skriptet (duke përfshirë përmbajtjen HTML dhe variablat JavaScript) janë në të njëjtën gjendje si më parë. iOS para versionit 4.0 nuk mbështet multitasking, por Safari kujton dhe ruan gjendjen e fundit të dritares edhe kur vetë shfletuesi është i mbyllur.
Ndryshimi i titullit
Është mjaft e zakonshme në aplikacionet në internet të desktopit që të ndryshojnë dinamikisht titullin për të njoftuar përdoruesin se faqja ka ndryshuar kur aplikacioni Ajax rifreskohet. Gjithashtu, titulli mund të ndryshojë dinamikisht vetëm si një animacion (ju lutemi mos e bëni këtë!).
Për disa arsye, ndryshimi i titullit në mënyrë dinamike nuk është një ide e mirë për shfletuesit celularë:
- shumë shfletues nuk e shfaqin fare titullin;
- nëse përdoruesi punon njëkohësisht me disa skeda, atëherë në sfond nuk do të ketë kuptim ndryshimi dinamik i titullit - faqja është "ngrirë";
- Animacioni në kokën në një shfletues celular mund të jetë thjesht i bezdisshëm.
Shprehje të rregullta
Shprehjet e rregullta janë një mënyrë e shkëlqyer për të vërtetuar hyrjen ose për të kryer detyra të tjera. Shprehjet e rregullta janë përfshirë në standardin JavaScript 1.5, por disa pajisje të nivelit të ulët dhe të mesëm mund të mos e mbështesin algoritmin e tyre. Megjithatë, siç mund ta shihni nga Tabela 8.12, kjo teknologji mbështetet shumë mirë në shfletues.
| Shfletuesi/ Platforma | Disponueshmëria e shprehjeve të rregullta |
|---|---|
| safari | po |
| shfletuesi android | po |
| Symbian/S60 | po |
| Seria Nokia 40 | po |
| webOS | po |
| manaferra | po |
| NetFront | po |
| Internet Explorer | po |
| Shfletuesi i Internetit Motorola | po |
| Opera Mobile | po |
| Opera Mini | po |
Faqet moderne të internetit krijohen duke përdorur elementë të ndryshëm që i bëjnë ato interaktive, vizuale, të përshtatshme dhe të bukura. Nëse disa vite më parë, faqet e internetit ishin kryesisht tekst dhe imazhe, tani pothuajse në çdo faqe mund të gjeni një sërë animacionesh, butonash, media player dhe elementë të tjerë. Modulet janë përgjegjëse për të siguruar që ju mund t'i shihni të gjitha këto në shfletuesin tuaj - programe të vogla, por shumë të rëndësishme të shkruara në gjuhë programimi. Në veçanti, këto janë elementë në JavaScript dhe Java. Pavarësisht ngjashmërisë së emrave, këto janë gjuhë të ndryshme dhe ato janë përgjegjëse për detaje të ndryshme të faqes.
Ndonjëherë përdoruesit mund të kenë disa probleme me funksionimin e JavaScript ose Java. Ky artikull do t'ju tregojë se si të aktivizoni JavaScript dhe të instaloni mbështetjen e Java në Yandex.Browser.
JavaScript është përgjegjëse për shfaqjen e skripteve në faqe, të cilat mund të kenë një funksion të rëndësishëm dhe dytësor. Si parazgjedhje, mbështetja e JS është aktivizuar në çdo shfletues, por mund të çaktivizohet për arsye të ndryshme: rastësisht nga përdoruesi, si rezultat i përplasjeve ose për shkak të viruseve.
Për të aktivizuar JavaScript në Yandex.Browser, bëni sa më poshtë:
Ju gjithashtu mundeni në vend të kësaj "Lejo JavaScript në të gjitha sajtet" zgjidhni "Menaxhimi i përjashtimeve" dhe caktoni listën tuaj të zezë ose listën e bardhë ku JavaScript nuk do ose do të ekzekutohet.
instalimi Java
Në mënyrë që shfletuesi të mbështesë Java-n, fillimisht duhet të instalohet në kompjuterin tuaj. Për ta bërë këtë, ndiqni lidhjen më poshtë dhe shkarkoni instaluesin Java nga faqja zyrtare e zhvilluesve.
Instalimi i programit është sa më i thjeshtë që të jetë e mundur dhe varet nga fakti që ju duhet të zgjidhni vendndodhjen e instalimit dhe të prisni pak derisa të instalohet softueri.
Nëse e keni instaluar tashmë Java, kontrolloni nëse plug-in-i përkatës është i aktivizuar në shfletuesin tuaj. Për ta bërë këtë, futni browser://plugins/ në shiritin e adresave të shfletuesit tuaj dhe klikoni Hyni. Shikoni në listën e shtojcave Java (TM) dhe klikoni në butonin "Ndez". Ju lutemi vini re se mund të mos ketë një artikull të tillë në shfletues.
Pasi të keni aktivizuar Java ose JavaScript, rinisni shfletuesin tuaj dhe kontrolloni se si funksionon faqja e dëshiruar me modulet e aktivizuara. Ne nuk rekomandojmë çaktivizimin e tyre me dorë, pasi shumë sajte nuk do të shfaqen siç duhet.
JavaScript është një gjuhë programimi që përdoret në shumicën e faqeve dinamike të internetit. Skriptet ndihmojnë në shndërrimin e një sajti të mërzitshëm në një burim shumëngjyrësh dhe të animuar. Shërbime të tilla fitojnë më shumë shikime në të ardhmen dhe përfitojnë pronarët e tyre. Sidoqoftë, JavaScript është i nevojshëm jo vetëm nga programuesit, por edhe nga përdoruesit për të vlerësuar plotësisht ngjyrat e faqes së faqes.
Ky opsion është i pranishëm në të gjithë shfletuesit modern të internetit dhe aktivizohet si parazgjedhje. Funksioni mund të mos funksionojë në dy raste: kur çaktivizohet nga përdoruesi ose kur përditësimet nuk janë të disponueshme. Në shembullin e parë dhe të dytë, JavaScript do të lëshojë mesazhe gabimi kur përpiqet të ekzekutojë përmbajtje të caktuar. Shpesh mungesa e një shtojce ndërhyn në shfaqjen e lidhjeve ose dritareve të hyrjes, si rezultat i të cilave bëhet e pamundur të vizitosh ndonjë burim.
Si të aktivizoni JavaScript në Yandex
Ky manual është i përshtatshëm vetëm për përdoruesit e laptopëve, ultrabooks dhe PC-ve të palëvizshëm. Algoritmi i mëposhtëm do të jepet për pronarët e tabletave dhe telefonave inteligjentë në sisteme operative standarde.
Si të aktivizoni mbështetjen e Java në një tabletë
- Për t'u siguruar që JavaScript është shkaku i problemit, kontrolloni të gjitha cilësimet e tjera që lidhen me shfaqjen e përmbajtjes multimediale, opsionet e kontrollit të trafikut, antiviruset dhe aplikacionet e tjera mund të ndërhyjnë në ekran.
- Tjetra, duhet të shkoni në menunë kryesore dhe të zgjidhni Yandex.Browser. Është e dëshirueshme që ai të përdoret nga sistemi si parazgjedhje (kjo mund të konfigurohet në nënmenunë e shfletuesit).
- Shkoni te cilësimet duke shtypur butonin pranë emrit (duket si një figurë me tre pika) ose një buton funksioni të veçantë.
- Në seksionin "Advanced" ekziston një skedë me cilësimet e faqes, ku ndodhet artikulli i aktivizimit të JavaScript.
- Kontrolloni kutinë pranë "Aktivizo" ose "Lejo".
Tani mund të shkoni në çdo faqe të përmbajtjes dhe do të shihni ndryshimin. Në modele të ndryshme telefonash dhe tabletash, vendndodhja e butonave mund të ndryshojë, por algoritmi është i njëjtë kudo. Është e rëndësishme për funksionimin e qëndrueshëm të aplikacionit që të lejojë që ai të përditësohet periodikisht, pasi gjuhët dhe vetitë e programimit po përmirësohen vazhdimisht dhe një shtojcë e vjetëruar mund të mos shfaqë elementët më të fundit.
