Teraz je ťažké nájsť stránku postavenú v jednom programovacom jazyku, zvyčajne sa používa celý komplex webových jazykov na vývoj moderného a funkčný zdroj... JavaScript pre prehliadač Yandex je zodpovedný za dynamické akcie, jazyk sa vyznačuje schopnosťou vykonávať manipulácie asynchrónne, to znamená bez opätovného načítania stránky. Akékoľvek akcie, pri ktorých sa mení obsah (s výnimkou videí a hier), sa vykonávajú vďaka schopnostiam jazyka JS. JavaScript v prehliadači Yandex musí byť povolený, pretože ak je zakázaný, väčšina stránok prestane fungovať, na obrazovke sa zobrazí chyba alebo sa obsah nezobrazí.
Pred rozhodnutím o zakázaní alebo povolení JavaScriptu v Prehliadač Yandex, je dôležité pochopiť, za čo je tento programovací jazyk zodpovedný. Vo všeobecnosti je JS interaktívny jazyk ktorý spracováva všetky akcie priamo na stránke.
Čo je JavaScript zodpovedný za použitie príkladov:
- Kontrola správnosti prihlasovacieho mena a hesla. Vo fáze registrácie pomocou JS sa správne a nesprávne vyplnené polia zvýraznia a zobrazia sa tipy;
- Obnovte stránky bez opätovného načítania karty. Väčšina stránok sa úplne načíta pri prepínaní medzi sekciami, no sú aj také, v ktorých sa všetko deje okamžite, bez toho, aby sa stránky prestavovali. Pozoruhodným príkladom je VK, v ktorom je v JS implementovaná karta hudba, vyhľadávanie, pridávanie správ do informačného kanála a oveľa viac;
- Prepojenie reklamy. Kontroverzný bod, samozrejme, reklama zasahuje, ale skôr sa očakávalo, že sa pripojí k reklamným serverom a až potom sa stránka vytvorí a teraz sa obsah okamžite načíta a zobrazí a reklamy sa načítajú neskôr. V dôsledku toho sa zvyšuje rýchlosť načítania stránok;
- Interaktívne menu a meniace sa štýly prvkov. Každý sa už stretol so stránkami, kde po určitých akciách (kliknutia, nabehnutie kurzorom a pod.) došlo k zmenám farieb jednotlivé tlačidlá, bloky alebo dokonca stránky. Pomocou CSS s pseudotriedou: hover môžete prispôsobiť zmenu štýlov prvkov pri umiestnení kurzora myši, ale zapnuté väčší jazyk nie je schopný, všetky ostatné akcie sa vykonávajú v JS;
- Animácia. Zvyčajne ide o jednoduché animačné efekty: prevracanie sklíčok, padajúci dážď alebo snehové vločky, rozširovanie obsahu určitých blokov;
- Asynchrónna komunikácia so serverom. Je to jeden z hlavných dôvodov používania jazyka, bez obnovenia stránky môžeme skontrolovať: existuje používateľ s touto prezývkou, či boli prihlasovacie meno a heslo zadané správne atď. Stránka môže odoslať požiadavku a okamžite dostať odpoveď z databázy servera.
Zapnúť podpora Java Odporúča sa skript v prehliadači Yandex normálna práca zdrojov, keďže všetko veľká kvantita majitelia stránok odmietajú pracovať s používateľmi bez JS. existuje zadná strana Otázka, Java Script je potenciálne zraniteľný prvok v prehliadači. Môžu ho použiť podvodníci na krádež osobných údajov alebo zavedenie vírusu. Ak potrebujete použiť zdroj, ktorému nedôverujete, je lepšie vypnúť JS na dobu používania stránky.
Dôležité! Štandardne v plná verzia Prehliadač Yandex JS je už povolený, to znamená, že je zapnutý čistý prehliadač nie je potrebné aktivovať doplnok. V mobilná verzia JavaScript môže byť zakázaný pomocou platforma iOS oznámila zraniteľnosť jazyka a odmietla ju podporiť.
Ako povolím JavaScript v prehliadači Yandex?
Existuje jeden, ale jednoduchý spôsob, ako povoliť JavaScript v prehliadači Yandex; na jeho implementáciu budete musieť použiť nastavenia prehliadača.
Proces aktivácie JavaScriptu v prehliadači Yandex:
Ak nie je možné povoliť doplnok JavaScript v prehliadači Yandex z dôvodu ťažkostí s jeho nájdením, môžeme zadať „JavaScript“ na stránke „Nastavenia“ na pravej strane okna do poľa „Vyhľadať nastavenia“. Webový prehliadač nezávisle nájde sekciu, kde sa nastavenie nachádza, a zvýrazní tlačidlo, na ktoré musíte kliknúť. Keď prejdete na stránku nastavení, posuňte sa na karte trochu nadol a tu už môžeme povoliť JavaScript skripty v prehliadači Yandex. 
Zdravý! Používatelia, ktorí vypnú JS, majú často tendenciu meniť svoje nastavenia a súbory cookie. Zakázanie súborov cookie znemožňuje úplné používanie niektorých stránok. Ostatné zdroje sú pripravené na prácu bez súborov cookie, ale prístup k chráneným sekciám a účtom nebude dostupný. Všetky filtre a ďalšie nastavenia zlyhajú. Väčšina webových stránok má úzku interakciu medzi súborom cookie a JS.
Súbory cookie a JavaScript môžeme povoliť v prehliadači Yandex rovnakým spôsobom: prejdite na stránku „ Nastavenia obsahu ", potrebujeme prvú sekciu s názvom „ Cookies", Kde sme nastavili" Povoliť ukladanie miestnych údajov." Nižšie uvádzame JS rovnakým spôsobom. 
Ako zakázať JavaScript v prehliadači Yandex?
Nemusíme hľadať dlhé miesto, kde je JavaScript zakázaný v prehliadači Yandex, pretože postup sa vykonáva v rovnakom okne a na rovnakom mieste.
Zakázať JavaScript v prehliadači Yandex:
Ako nastaviť JS v prehliadači Yandex?
V prehliadači Yandex je miesto, kde môžeme prezerať a meniť Nastavenia JavaScriptu, konkrétne povedať prehliadaču, či má JS bežať na konkrétnej stránke. Existujú 2 spôsoby prispôsobenia:
- Vytvorte si vlastnú čiernu listinu. Predpokladá sa, že JS je povolený na všetkých zdrojoch okrem uvedených lokalít;
- formulár " Biely zoznam". Ak je JavaScript v prehliadači zakázaný, vieme ho spustiť pre jednotlivé stránky, ktoré sa bez dynamického jazyka nezaobídu.
Ako nastaviť zoznamy:
Existuje ešte jednoduchší spôsob, ako pridať alebo odstrániť stránky zo zoznamov; nemusíte ísť do nastavení a kopírovať adresy URL stránok. JavaScript nájdeme v prehliadači Yandex priamo v vyhľadávací panel na akejkoľvek stránke.
Jednoduchý spôsob spravovania výnimiek:
Prečo JavaScript nefunguje v prehliadači Yandex a ako sa s tým vysporiadať?
Existuje niekoľko dôvodov pre problémy s JS:
Zaujímavé! Ak chcete vizuálne vidieť výsledok jazyka, môžeme použiť konzola JavaScript v prehliadači Yandex. Prejdite na ľubovoľnú stránku a kliknite kliknite pravým tlačidlom myši myšou, spomedzi možností vyberte „Preskúmať prvok“. Kliknite na kartu "Konzola" a zadajte - upozornenie (‚Dobrý deň‘). V hornej časti karty prehliadača by sa malo zobraziť upozornenie. V paneli môžeme vykonať takmer akúkoľvek akciu, ale sú potrebné základné znalosti o štruktúre a spôsobe zápisu kódu.
Napriek tomu potenciálnu zraniteľnosť technológií, odporúčame vám povoliť JavaScript v prehliadači Yandex, inak bude ťažké nazvať používanie webového prehliadača pohodlným. Stále je lepšie zakázať JS na nebezpečných stránkach.
Dobrý deň. „Javascript ” Je jedným z niekoľkých programovacích jazykov. Sú na ňom napísané rôzne prvky stránok. Bez nej nie je nákupný košík. Bez nej mnohé stránky nebudú správne fungovať a vyzerajú nemotorne. Preto je to jednoducho nevyhnutné pre plnohodnotnú prácu alebo len príjemné chvíle na internete. Z tohto článku sa naučíme, ako povoliť Javascript na smartfóne so systémom Android.
Vo všetkých vyrábaných miniaplikáciách s operačným systémom Android je už štandardne nainštalovaný v prehliadačoch. Je ale dosť možné, že ste ho omylom vypli a chcete ho znova zapnúť.
Nižšie vám povieme, čo a ako musíte urobiť, aby ste povolili JavaScript ” . Existujú dva spôsoby, ako povoliť Java Script “ na vašom obľúbenom zariadení.
Metóda 1.
Na zariadení spustíme náš prehliadač. V závislosti od výrobcu a značky je to buď „internet“ alebo „prehliadač“. Zrazu to nie je na obrazovke, potom to nájdeme v "Aplikáciách".
Prehliadač je teda spustený. Nájdite „Menu“ (bude buď v pravom hornom rohu prehliadača alebo na obrazovke telefónu) a prejdite na „Nastavenia“. V otvorenom okne nastavení prehliadača kliknite na „Rozšírené“. Zobrazí sa zoznam 
nastavenia prehliadača. Začiarknite políčko vedľa možnosti „Povoliť Javascript“ a opustite ponuku nastavení. Reštartujte prehliadač, aby sa nové nastavenia prejavili. A tešíme sa" Javascript ".
Metóda 2.
Teraz má takmer každý „ Google Chrome»Ako predvolený prehliadač. Inštalujú ho najmä výrobcovia a vývojári.Spustíme „Google Chrome“ a v nastaveniach Chrome povolíme Java skript.
Ak to chcete urobiť, prejdite do nastavení prehliadača "Google Chrome". Sú to tri kolmo stojace štvorce. Nájdite a kliknite na „Nastavenia obsahu“. V sekcii "Rozšírené" opäť stačí zaškrtnúť políčko "Povoliť Javascript" a znova načítať našu stránku. Nové nastavenia sa prejavia a môžeme ich bezpečne používať.
Je to celkom jednoduché. Dúfam, že tieto jednoduché akcie vám nespôsobili veľa ťažkostí a všetko fungovalo. Veľa šťastia a dovidenia.
Áno. Ak zrazu chcete odstrániť " JavaScript“, Potom už len zrušte začiarknutie políčka a je to. Toto vám však neodporúčam. Nikto z toho nebude o nič lepší. Prave naopak.
Čakáme Vás opäť na našej stránke!!!
JavaScript je programovací jazyk, ktorý používa väčšina dynamických stránok. globálnej siete... Skripty pomáhajú zmeniť nudnú stránku na farebný a animovaný zdroj. Takéto služby ešte viac získavajú viac zobrazení a prinášať úžitok ich vlastníkom. JavaScript však potrebujú nielen programátori, ale aj používatelia, aby mohli naplno oceniť farebnosť webovej stránky.
Táto možnosť je prítomná vo všetkých moderný web prehliadačov a je predvolene povolená. Funkcia nemusí fungovať v dvoch prípadoch: keď je deaktivovaná používateľom alebo keď nie sú dostupné aktualizácie. V prvom aj druhom príklade JavaScript zobrazí chybové hlásenia pri pokuse o spustenie určitého obsahu. Absencia doplnku často narúša zobrazovanie odkazov alebo prihlasovacích okien, v dôsledku čoho nie je možné navštíviť žiadny zdroj.
Ako povoliť JavaScript v Yandex
Táto príručka je vhodná len pre používateľov notebookov, ultrabookov a stacionárnych počítačov. Nasledujúci algoritmus bude určený pre majiteľov tabletov a smartfónov so štandardnými operačnými systémami.
Ako povoliť podporu Java na tablete
- Skontrolujte všetky ostatné nastavenia zobrazenia, aby ste sa uistili, že vinníkom je JavaScript. multimediálny obsah, možnosti kontroly premávky, antivírusové a iné aplikácie môžu rušiť displej.
- Ďalej musíte prejsť do hlavnej ponuky a vybrať prehliadač Yandex. Je žiaduce, aby ho systém používal predvolene (toto je možné nakonfigurovať v podponuke prehliadača).
- Do nastavení prejdete stlačením tlačidla vedľa názvu (vyzerá ako tvar troch bodiek) alebo špeciálneho funkčného klávesu.
- V sekcii "Doplnkové" sa nachádza záložka s nastaveniami stránky, kde sa nachádza položka Aktivácia JavaScriptu.
- Začiarknite políčko vedľa podpisu „Povoliť“ alebo „Povoliť“.
Teraz môžete prejsť na akúkoľvek stránku s obsahom a uvidíte rozdiel. V rôzne modely telefóny a tablety, umiestnenie tlačidiel sa môže líšiť, ale algoritmus je všade rovnaký. Pre stabilná práca je dôležité, aby aplikácia mala možnosť pravidelne sa aktualizovať, pretože programovacie jazyky a vlastnosti sa neustále zlepšujú a zastaraný plugin nemusia zobrazovať najnovšie položky.
Pri začatí práce s JavaScriptom v mobilnom prostredí je dôležité zistiť úroveň podpory tohto jazyka vo všeobecnosti a niektorých funkcií (vrátane starých a rokmi overených) zvlášť.
Funkcia detekcie
Najjednoduchší spôsob, ako zistiť, či je vlastnosť, API, objekt alebo funkcia k dispozícii, je zadať požiadavku pomocou jednoduchý operátor ak:
Ak (objekt) (// Objekt je k dispozícii)
Napríklad:
If (document.getElementById) (// k dispozícii funkcia DOM)
Aj v tých mobilné zariadenia tam, kde je podporovaný JavaScript, nemusí fungovať kvôli užívateľským alebo firemným nastaveniam, ak sa bavíme firemné spojenie(ako príklad – zariadenia BlackBerry). Vždy vytvorte nejavascriptovú verziu funkcií vašej stránky.
Štandardné dialógové okná
JavaScript udržiava určitý zoznam štandardných dialógových okien, ktoré nie sú veľmi cenné pri vývoji moderných webových stránok pre stolné počítače a sú často nahradené dynamickými knižnicami HTML alebo UI. Na mobilných weboch štandard dialógové okná vhodné na použitie (obrázok 8.1).
Ryža. 8.1. Pomocou štandardných dialógov JavaScript získate bezplatné bohaté a multiplatformové rozhranie s ovládacími prvkami používateľské rozhranie z operačného systému
Zoznam dostupných dialógových okien:
- upozornenie na zobrazenie správy;
- potvrďte, aby ste dostali potvrdenie o akcii od používateľa;
- výzva na získanie reťazca od používateľa;
- tlačiť na odoslanie webovej stránky na tlač;
- find, aby sa zavolala funkcia vyhľadávania prehliadača.
Dialógové okno hľadania nie je štandardné, ale funguje takmer vo všetkých prehliadačoch pre počítače mimo IE. Tento dialóg má tri dodatočné parametre: text, ktorý sa má nájsť, rozlišovanie malých a veľkých písmen (boolean) a príznaky smeru vyhľadávania (boolean). Vo všeobecnosti by sa malo používanie tohto okna v mobilných prehliadačoch vyhnúť. Väčšina z nich nemá žiadnu funkciu vyhľadávania.
Dialógové okno tlače je z pochopiteľných dôvodov nekompatibilné s mobilnými zariadeniami a prehliadačmi, ale upozornenia, potvrdenie a výzva fungujú dobre takmer na každom mobilný telefón s podporou JavaScriptu (tabuľka 8.3). V prípade potreby ich môžete bezpečne použiť. Používanie štandardného dialógového okna je vždy rýchlejšie, jednoduchšie a menej problematické ako používanie iného riešenia pre rovnakú úlohu.
| Prehliadač / platforma | upozorniť, potvrdiť, vyzvať |
|---|---|
| Safari | Áno |
| prehliadač Android | Áno |
| Symbian / S60 | Áno |
| Nokia Series 40 | Áno |
| webOS | Áno |
| Blackberry | Áno |
| NetFront | Áno |
| Openwave (Myriad) | Áno |
| internet Explorer | Áno |
| Internetový prehliadač Motorola | Áno |
| Opera Mobile | Áno |
| Opera Mini | Áno, sú vykreslené na serveri |
Typické problémy s dialógovým oknom výstrahy (a tiež s inými oknami) vznikajú pri návrate vozíka pre viacriadkový text a pri zobrazení príliš veľkého priestoru pre text. Na vyriešenie prvého problému používa desktopový JavaScript špeciálny znak „n“. Sú aj iní Špeciálne symboly ktorým by ste sa mali vyhnúť, ako napríklad záložka „t“. Pozrime sa, ako to ide s oboma problémami v mobilných prehliadačoch. Tabuľka 8.4 zobrazuje podporu pre možnosť pridávať nové riadky a veľký text do dialógových okien a Obrázok 8.2 ukazuje, ako dlhý text použije sa oblasť rolovania.
Ryža. 8.2. V niektorých prehliadačoch veľké výstražné okná majú posuvné lišty (alebo sa dajú posúvať dotykom na dotykových zariadeniach).
| Prehliadač / platforma | n vo výstražnom okne | Podpora rolovania pre dlhé texty |
|---|---|---|
| Safari | Áno | Áno, zmeny sa menia vzhľad rolovacie okná upozornení |
| prehliadač Android | Áno | Zvitky |
| Symbian / S60 | Áno | Zvitky |
| Nokia Series 40 | Áno | Zvitky |
| webOS | Nie, zobrazuje jeden riadok | Nie, text je orezaný bez rolovania |
| Blackberry | Áno | Zvitky |
| NetFront | Áno | Automatické posúvanie |
| internet Explorer | Áno | Zvitky |
| Internetový prehliadač Motorola | Áno | Zvitky |
| Opera Mobile | Áno | Zvitky |
| Opera Mini | Áno | Zvitky |
Na účely použiteľnosti, ak má zariadenie numerická klávesnica, potom je lepšie ho použiť, ako zoznam s možnosťou výberu. Nezabudnite, že numerická klávesnica sa používa špeciálne na zadávanie čísel.
Zápis do dokumentu
Umožňuje funkcia document.write dynamická tvorba HTML kód počas jeho vykresľovania. V 90. rokoch to bolo veľmi populárna metóda, ale teraz existuje veľa nevýhod jeho použitia na moderných stránkach. Dnes sa viac využíva manipulácia s dokumentom, keď Pomocník DOM po .
Ak vo svojom skripte nepoužívate document.write, musíte použiť atribút skriptu defer = "odložiť". Pre prehliadače s príslušnou podporou vám tento atribút povie, aby ste nečakali na načítanie alebo spustenie skriptu, aby ste mohli pokračovať vo vykresľovaní dokumentu.
V mobilný vývoj aby ste sa vyhli problémom s operáciou document.write, je niekedy lepšie nepoužívať DOM (najmä pre zariadenia nižšej kategórie). Z tabuľky 8.5 môžete vidieť, že táto metóda stále funguje v mnohých prehliadačoch.
Napríklad, ak chcete znížiť počiatočnú váhu dokumentu, môžete dynamicky vytvoriť výberový zoznam pre rok. Nasledujúci kód ukazuje, ako použiť túto techniku:
Pamätajte, že je najlepšie nepoužívať document.write v obslužnom programe udalosti, inak môžu byť výsledky veľmi frustrujúce. Ak chcete dynamicky generovať obsah na stránke, namiesto document.write je lepšie použiť DOM.
Objavovanie platformy
JavaScript má objekt navigátora, ktorý nám poskytuje informácie o prehliadači používateľa. O technike zisťovania na strane servera si povieme neskôr, ale teraz skúsme použiť túto metódu na zistenie typu používateľského zariadenia.
Pri použití for nezabudnite definovať premennú indexu lokálne var i = počiatočná_hodnota. Ak to neurobíte, použije sa globálna premenná, čo bude mať za následok ďalšie chyby a problémy s výkonom.
Objekt navigátora má veľa vlastností, ale nás najviac zaujímajú vlastnosti appName (názov prehliadača), appVersion (verzia prehliadača), mimeTypes (pole podporovaných typov MIME), plugin (podporované zásuvné moduly pre), platforma (operačný systém) a užívateľský jazyk.
Použijeme funkciu indexOf string, aby sme sa uistili, že tieto atribúty majú požadované hodnoty. Napríklad:
// Zistí, či ide o zariadenie Android var android = (navigator.platform.indexOf ("android")> = 0); if (android) (// Urobte niečo)
Tabuľka 8.6 ukazuje, ktoré hodnoty sú vrátené pre jednotlivé prehliadače. V tabuľke to predpokladáme User Agent budú nahradené ID používateľského agenta každého zariadenia.
| Prehliadač / platforma | appName | appVerzia | mimeTypes | plošina |
|---|---|---|---|---|
| Safari | Netscape | 5.0 ( |
Pole | iPhone, iPod alebo iPad |
| prehliadač Android | Netscape | 5.0 ( |
Pole | nulový |
| Symbian / S60 | Netscape | 5.0 ( |
Pole | S60 |
| Nokia Series 40 až 6. vydanie | Nokia | Prázdny reťazec | Nedefinované | Nedefinované |
| Nokia Series 40 6. vydanie | Netscape | 2.0 | Nedefinované | Nokia_Series_40 |
| webOS | Netscape | 5.0 ( |
Pole | webOS |
| Blackberry | Netscape | Pole | Blackberry | |
| NetFront | ACCESS Net Front | Pole | Neznámy | |
| internet Explorer | Microsoft IE Mobile | Prázdny reťazec | Nedefinované | WinCE |
| Internetový prehliadač Motorola | Netscape | 5.0 | Pole | WiderWeb |
| Opera Mobile | Opera | Pole | Symbian alebo Windows | |
| Opera Mini | Opera | Pole | Pike |
Veľkosť okna
JavaScript má dva objekty súvisiace s dimenziami: document.documentElement a screen. Prvý sa týka veľkosti oblasti zobrazenia dokumentu a druhý sa týka obrazovky zariadenia ako celku. V čase písania tohto článku neexistuje prehliadač, ktorý by umožňoval používanie okien podľa veľkosti menšia obrazovka samotné zariadenie. Na mnohých zariadeniach môžeme na definovanie obrazovky použiť webové widgety, ale toto je úplne iný spôsob a povieme si o ňom neskôr (kapitola 12).
Zariadenia BlackBerry majú globálnu premennú – blackberry – ktorá má dva objekty: umiestnenie a sieť. umiestnenie, na ktoré sa pozrieme neskôr, ale teraz sa budeme zaoberať druhou vlastnosťou: vďaka sieti vieme zistiť, aký typ pripojenia klient používa – WiFi, GPRS, EDGE, CDMA alebo iná sieť. Prehliadač Android (od 2.2) má podobnú vlastnosť navigator.connection.type.
Objekt obrazovky má štyri vlastnosti: šírka, výška, availWidth a availHeight. Posledné dva charakterizujú veľkosť dostupné miesto medzi panelmi nástrojov v konkrétnom operačný systém... V mobilnom vývoji je to v princípe to isté ako bežné a.
Údaje o veľkosti okna sa najčastejšie získavajú pomocou document.documentElement.clientWidth a document.documentElement.clientHeight.
Jediným spôsobom, ako zmeniť hodnoty týchto vlastností po načítaní stránky, je zmeniť orientáciu obrazovky (napríklad z orientácie na výšku na šírku). Tabuľka 8.7 zobrazuje prehliadače, v ktorých je možné získať údaje o veľkosti obrazovky a okna v mobilnom zariadení, ako aj informácie o tých prehliadačoch, v ktorých je možné zmeniť orientáciu stránky (na výšku / na šírku).
| Prehliadač / platforma | Veľkosť obrazovky | Veľkosť okna | Zmena orientácie |
|---|---|---|---|
| Safari | Áno | Áno | zmena orientácie a zmena veľkosti |
| prehliadač Android | Áno | Áno | onresize |
| Symbian / S60 | Áno, iná režim celej obrazovky | Áno | onresize |
| Séria Nokia | Nie do 6. vydania | Nie do 6. vydania | nie |
| webOS | Áno | Veľkosť výrezu | onresize |
| Blackberry | Až vo verzii 4.6 | nie | document.onresize na niektorých zariadeniach |
| NetFront | Áno | nie | nie |
| internet Explorer | Áno | nie | nie |
| Internetový prehliadač Motorola | Áno | Áno | nie |
| Opera Mobile | Áno | Áno | nie |
| Opera Mini | Áno | Áno | nie |
Správa histórie a URL
JavaScript používa na správu histórie prehliadača objekty polohy a histórie. Objekt umiestnenia má niekoľko vlastností, ako napríklad href pre úplnú adresu URL a hash pre kotvy ( časť url po #). Zmena vlastnosti location.href presmeruje prehliadač na inú stránku (ak zariadenie túto funkciu podporuje). Existujú dva dobrý spôsob: reload () pre opätovné načítanie tej istej stránky a nahradenie (url) - bez nový vstup v histórii pošle používateľa na inú stránku.
Ešte raz vám pripomeniem, že ak chcete šetriť energiu batérie na svojom mobilnom zariadení, mali by ste sa snažiť používať menej JavaScriptu.
Objekt histórie má niekoľko nie príliš užitočných vlastností a tri metódy: späť (), ísť (číslo) a dopredu (). Metóda späť () sa bežne používa na emuláciu tlačidla späť:
späť
Pamätajte, že vyvíjame pre mobilné prehliadače a používateľ si niekedy môže stránku zobraziť v režime celej obrazovky, kde v jeho zornom poli nebudú žiadne tlačidlá prehliadača. Preto je na mobilných weboch, na rozdiel od desktopových, oveľa potrebnejší odkaz alebo tlačidlo „Späť“.
Tabuľka 8.8 ukazuje, čo sa stane, keď to vyskúšate s Pomocník JavaScript spravovať históriu a polohu.
| Prehliadač / platforma | Podpora pre href, nahradiť, znovu načítať a history.back |
|---|---|
| Safari | Áno |
| prehliadač Android | Áno |
| Symbian / S60 | Áno |
| Séria Nokia | Áno |
| webOS | Áno |
| Blackberry | Áno |
| NetFront | Áno |
| internet Explorer | Áno |
| Internetový prehliadač Motorola | Áno |
| Opera Mobile | Áno |
| Opera Mini | Áno, výsledkom opätovného načítania bude nový záznam histórie |
Správa okien
Jednou z najpopulárnejších (a nepríjemných) funkcií v JavaScripte je použitie window.open na otvorenie štandardného kontextového okna. Autor: rôzne dôvody táto metóda nie je príliš vhodná pre mobilné prehliadače. Mnoho prehliadačov nedokáže otvoriť niekoľko okien naraz (obrázok 8.3 však ukazuje jedno, ktoré môže) a nevieme definovať atribúty pre pop-up okná - každé okno sa otvorí v plnej veľkosti (ako hlavné).
Ryža. 8.3. Prehliadač Android je jedným z mála schopných otvárania vyskakovacích okien s dizajnom parapetu.
Spojenie medzi hlavným a vyskakovacím oknom tiež často nefunguje celkom správne. Zatváranie vyskakovacích okien v niektorých prehliadačoch môže byť veľmi problematické, pretože môžu vyskakovacie okno vnímať ako normálne a window.close funguje iba vo vyskakovacích oknách.
Preto, ak je to možné, nepoužívajte vyskakovacie okná. Ak sa bez neho z nejakého špeciálneho dôvodu nezaobídete, otvorte okno po (vyhnite sa otváraniu okna pomocou časovača a pamätajte, že používatelia niektorých zariadení strednej a nižšej kategórie neuvidia okno v tento prípad.
Existuje lepšia možnosť: použite odkaz s = "_blank". Na mobilných zariadeniach bude výsledok rovnaký ako pri použití window.open a bude fungovať vo všetkých prehliadačoch. Ak nie je možné v prehliadači otvoriť niekoľko okien naraz, aktuálne sa jednoducho nahradí.
Tabuľka 8.9 ukazuje, ako v rôzne prehliadače puzdro s manipulačným okienkom.otvorené
| Prehliadač / platforma | okno.otvorené správanie |
|---|---|
| Safari | Funguje rovnako ako _blank. window.close, ale používateľ bude presmerovaný do ďalšieho okna a nevráti sa k pôvodnému. |
| prehliadač Android | Áno, otvorí sa vyskakovacie okno. Zadaná veľkosť okna bude ignorovaná. |
| Symbian / S60 | Otvorí sa v novom okne. |
| Séria Nokia | Otvorí sa v tom istom okne. |
| webOS | Otvorí sa na novej karte. window.close nefunguje. |
| Blackberry | Otvorí sa v tom istom okne. Pred verziou 4.6 sa používateľovi zobrazí otázka, či ju chce otvoriť. |
| NetFront | |
| internet Explorer | Otvorí sa v tom istom okne. window.close nefunguje. |
| Internetový prehliadač Motorola | Otvorí sa v tom istom okne |
| Opera Mobile | Otvorí sa v tom istom okne |
| Opera Mini | Otvorí sa v tom istom okne |
Ovládacie prvky zaostrenia a posúvania
Pomocou funkcie zamerania môžete nastaviť zameranie pre každý klikateľný prvok DOM (alebo odkaz, formulár, tlačidlo). Toto sa najlepšie používa pre prvky formulára. Scenár správania sa bude líšiť v závislosti od prehliadača. V niektorých dotykové zariadenia na zásah Textové pole zaostrenie by sa malo automaticky otvoriť obrazovková klávesnica a v niektorých prehliadačoch s kurzorovou navigáciou bude kurzor umiestnený nad prvkom.
Ak sa na stránke, ktorú si používateľ prezerá, nachádzajú formuláre (napríklad stránka vyhľadávania alebo kontaktov), pre použiteľnosť je lepšie, ak sa zameranie automaticky umiestni na prvé textové pole, čím sa zníži počet kliknutí na stránku pre používateľ.
Na niektorých zariadeniach má objekt globálneho okna funkciu scrollTo, ktorá má dve hodnoty, xPosition a yPosition, označujúce polohu vzhľadom k ľavému hornému rohu obrazovky. Niektoré zariadenia (napríklad iPhone) používajú scrollTo, ktorý emuluje rolovanie zo strany užívateľa a skryje lištu prehliadača (efekt je rovnaký, ako keby užívateľ roloval prstami). Pre prehliadače iPhone sa často používa takýto kód, ktorý po udalosti onload automaticky skryje panel s nástrojmi prehliadača:
Window.scrollTo (0, 1);
Na zariadeniach, kde je dostupná požadovaná podpora, možno túto funkciu použiť aj na vytvorenie odkazu na prechod na začiatok stránky:
Prejsť na začiatok
V tabuľke 8.10 môžete vidieť, ktoré prehliadače podporujú funkcie focus a scrollTo.
| Prehliadač / platforma | zameranie | scrollTo |
|---|---|---|
| Safari | Áno | Áno |
| prehliadač Android | Áno | Áno |
| Symbian / S60 | Áno | Áno |
| Nokia Series 40 | nie | nie |
| webOS | nie | nie |
| Blackberry | nie | nie |
| NetFront | nie | Áno |
| internet Explorer | nie | Áno |
| Internetový prehliadač Motorola | nie | nie |
| Opera Mobile | Áno | nie |
| Opera Mini | nie | nie |
Časovače
JavaScript nám ponúka dva typy časovačov: setTimeout a setInterval. Prvý typ časovača sa použije raz a druhý sa spustí každých n sekúnd, kým sa nezastaví pomocou clearInterval.
Časovače môžete použiť na vytváranie animácií, ovládanie časového limitu v konkrétnej operácii a pomocou Ajaxu možno časovač použiť na aktualizáciu informácií zo servera každých n sekúnd.
Časovač by sa mal v mobilných prehliadačoch používať veľmi opatrne, pretože vyžaduje veľa energie batérie. Ak potrebujete použiť viacero vysokofrekvenčných časovačov, skúste ich všetky ovládať iba jedným časovačom, ktorý sa spustí rôzne procesy za rôznych podmienok.
Prvá otázka, na ktorú musíte odpovedať: čo sa stane s webom, keď používateľ presunie zameranie na inú aplikáciu (relevantnú v multitaskingových operačných systémoch) alebo otvorí nové okno či kartu? Druhý bod: čo sa stane s našou aplikáciou / webovou stránkou, ak telefón prejde do pohotovostného režimu (kvôli nedostatočnej aktivite používateľa). Skript môže naďalej bežať. A to nie je veľmi dobré. Účtovanie týchto situácií komplikuje správanie časovača.
Ďalší problém je s časovačmi – spúšťajú sa v rovnakom vlákne ako hlavný skript. Ak váš skript vyžaduje príliš veľa zdrojov procesora a času na jeho spracovanie (čo je často prípad veľkých skriptov na zariadeniach nižšej a strednej triedy), spustenie časovačov sa odloží, kým nebudú voľné zdroje.
Ak pre časovač používame veľmi vysoká frekvencia(napr. 10 milisekúnd), potom bude mať časovač pravdepodobne problémy so spracovaním akcií.
Pamätajte na tú rýchlosť Spracovanie JavaScriptu do značnej miery závisí od schopností samotného zariadenia a motora prehliadača. Dokonca rôzne zariadenia beží na rovnakom operačnom systéme, napríklad Androide, doba spracovania sa bude stále líšiť: napríklad HTC G1 je oveľa pomalší ako Nexus One s 1-GHz procesorom.
Pozrime sa na jednoduchý príklad a uvidíme, čo sa zvyčajne stane, keď webová stránka prejde do pozadia:
Ako môžete vidieť na obrázku 8.4, skutočný čas vykonania je na rôznych zariadeniach veľmi odlišný. Na zariadeniach nižšej a strednej triedy, ak skript vôbec funguje, doba jeho spracovania je ďaleko od 200 milisekúnd, ktoré potrebujeme – niektoré zariadenia nižšej triedy nedokážu pracovať s časovačmi s frekvenciou menšou ako 1 sekunda.
Ryža. 8.4. Časovače nebudú mať vždy požadovanú frekvenciu.
Tabuľka 8.11 ukazuje, ktoré prehliadače podporujú časovače a ako sa s nimi zaobchádza, keď je stránka otvorená pozadie.
| Prehliadač / platforma | Dostupnosť časovača | Časovače v pozadí |
|---|---|---|
| Safari | Áno | Zastávky. Od iOS 4.0: Pri práci v novom okne zostáva spustený. |
| prehliadač Android | Áno | Zastávky. |
| Symbian / S60 | Áno | Zastávky. Od 2.2: beží pri práci v novom okne. |
| Nokia Series 40 | nie | |
| webOS | Áno | Stále pracujem. |
| Blackberry | nie | |
| NetFront | Áno | Žiadny multitasking. |
| internet Explorer | Áno | Zastávky. |
| Internetový prehliadač Motorola | nie | |
| Opera Mobile | Áno | Stále pracujem. |
| Opera Mini | nie |
Tím služby Gmail pre mobil objavil určité problémy so správaním časovača na mobilných zariadeniach Safari a Android a výsledky svojich experimentov zverejnil na blogu skupiny na adrese http://www.mobilexweb.com/go/timers. Podstata správy je nasledovná: s nízkofrekvenčnými časovačmi (1 sekunda alebo viac) nie sú žiadne problémy s výkonom a môžete ich používať toľko, koľko potrebujete; pri vysokofrekvenčných časovačoch (napríklad 100 ms) je situácia iná – každý nasledujúci časovač „spomalí“ rozhranie. Najlepšie je použiť iba jeden HF časovač.
Prebudenie z režimu spánku
Ako sme už povedali, na väčšine zariadení sú časovače (a vlastne všetky JavaScripty) pozastavené, ak stránka prejde do pozadia. Mám iPod Touch a v Safari mám e-mail vždy otvorený na jednej z ôsmich možných kariet. Keď chcem prejsť na inú webovú stránku, jednoducho otvorím novú kartu, ale aj predchádzajúca karta e-mailu zostane otvorená. A to znamená, že môže zostať na pozadí niekoľko hodín alebo dokonca dní, kým sa znova nevrátim na túto kartu. A ako vývojára ma zaujíma jedna otázka: keď je moja stránka na pozadí, ako zistím, kedy potrebuje ukončiť tento režim?
Neil Thomas, softvérový vývojár v spoločnosti Google (súčasť tímu Gmail pre mobil), prišiel s veľmi jednoduchým a veľmi šikovným riešením, ktorého podstatou je použitie vysokofrekvenčného časovača a globálnej premennej na výpočet času medzi volania na tento časovač. Keďže v režime spánku sa informácie o časových intervaloch medzi volaniami na časovač neprenášajú a ak pri ďalšom prístupe k časovaču je časový interval medzi poslednými požiadavkami väčší ako určitá prahová hodnota, znamená to, že aplikácia alebo stránka práve prebudení z režimu spánku.
Nezabudnite nastaviť väčší časový interval pre prah. Ak použijete príliš malý časový limit, v závislosti od povahy vykonávanej úlohy, mechanizmu prehliadača a hardvérových možností zariadenia môže skutočné spustenie kódu JavaScript trvať dlhšie, než je určený časový limit.
Tu je niekoľko vzorových kódov od Neila Thomasa (s niekoľkými doplnkami odo mňa). Vysvetlenia kódu nájdete na http://www.mobilexweb.com/go/timers:
// Čas v ms, ktorý musí byť „zmeškaný“ predtým, ako // predpokladáme, že aplikácia bola uspatá. var THRESHOLD = 10000; var lastTick_; var detectWakeFromSleep_ = funkcia () (var now = nový dátum (). getTime (); var delta = now - this.lastTick_; if (delta> THRESHOLD) (// Aplikácia sa pravdepodobne práve prebudila po spánku.notifyWakeFromSleep (delta / 1000);) lastTick_ = teraz;);
V metóde notifyWakeFromSleep môžete rozhodovať o svojom ďalšia akcia, na základe získaných hodnôt parametrov, ktoré vám povedia, koľko sekúnd uplynulo od opravy posledného aktívneho stavu. V závislosti od trvania tohto časového intervalu – 10 sekúnd alebo 1 deň (86 400 sekúnd) – sa možnosti vašich akcií môžu líšiť. Napríklad po prestávke jedného dňa môžete zobraziť varovanie alebo načítať animáciu Pomoc s Ajaxom načítajú sa nové výsledky.
Existuje aj situácia, keď sa aplikácia alebo stránka nebude dať prebudiť z režimu spánku. to je o prípadoch, kedy RAM zariadenie je plné, naša stránka je na pozadí a je dosť možné, že v tomto prípade prehliadač túto stránku vymaže a keď sa používateľ vráti k prezeraniu, prehliadač ju znova načíta z adresy URL.
Pamätajte, že keď sa prebudíte z hibernácie, dokumenty a skripty (vrátane HTML obsah a JavaScript premenné) sú v rovnakom stave ako predtým. Pred iOS 4.0 neexistuje podpora multitaskingu, ale Safari si pamätá a ukladá posledný stav okna, aj keď je samotný prehliadač zatvorený.
Zmena názvu
Vo webových aplikáciách pre stolné počítače je celkom bežné dynamicky meniť názov, aby upozornil používateľa, že sa stránka zmenila, keď k aktualizácii došlo v Aplikácia Ajax... Názov sa tiež môže dynamicky meniť ako animácia (nerobte to, prosím!).
Z nejakého dôvodu nie je dynamická zmena názvu pre mobilné prehliadače dobrý nápad:
- veľa prehliadačov nezobrazuje názov vôbec;
- ak používateľ pracuje s niekoľkými kartami súčasne, potom na pozadí nemá zmysel dynamicky meniť názov - stránka je „zamrznutá“;
- animácia v názve mobilný prehliadač môže byť len nepríjemný.
Regulárne výrazy
regulárne výrazy - skvelý spôsob validácia zadaných údajov alebo vykonávanie iných úloh. Regulárne výrazy boli zahrnuté do štandardu JavaScript 1.5, ale niektoré zariadenia nižšej a strednej triedy nemusia podporovať ich algoritmus. Ako však môžete vidieť v tabuľke 8.12, táto technológia je v prehliadačoch veľmi dobre podporovaná.
| Prehliadač / platforma | Dostupnosť regulárneho výrazu |
|---|---|
| Safari | Áno |
| prehliadač Android | Áno |
| Symbian / S60 | Áno |
| Nokia Series 40 | Áno |
| webOS | Áno |
| Blackberry | Áno |
| NetFront | Áno |
| internet Explorer | Áno |
| Internetový prehliadač Motorola | Áno |
| Opera Mobile | Áno |
| Opera Mini | Áno |
Mnoho webových zdrojov teraz podporuje interaktívny obsah na svojich stránkach. Jednoducho povedané, stránka takpovediac interaguje s používateľom. A pre správna práca musíte mať vo svojom prehliadači podporu Javascriptu. V dnešnom článku vám ukážem, ako povoliť alebo zakázať Javascript vo vašom prehliadači.
Ako povoliť Javascript v prehliadači
Na tento účel budete musieť zaviesť malé, ale významné zmeny v editore. skupinové pravidlá(RGP). Bohužiaľ, skôr Verzie systému Windows, a ani v Home edícii RSE nie je, v tomto smere bude aktivácia možná až v posl. Zostavy okien 10.
Microsoft Edge
Prehliadač Yandex
Nie je ťažké povoliť podporu Javascriptu v prehliadači Yandex.
Safari
internet Explorer
Mozilla Firefox
Mozilla Javascript sa aktivuje takto:
- Najprv musíme otvoriť Zoznam možností Firefoxu, za to v adresný riadok zadajte about: config;
- Akceptujeme riziko;
- V zozname, ktorý sa otvorí, nájdite parameter javascript.enabled;
- Ukážte kurzorom a ľavým tlačidlom myši, čím zmeníte hodnotu z fasle na true.
Google Chrome
Všetko je tu úplne rovnaké ako v prehliadači Yandex..
Opera
To je všetko. Dúfam, že informácie boli pre vás užitočné. Zdieľajte to so svojimi priateľmi. Vďaka!
P.S.: Vyššie opísané akcie boli a stále zostávajú relevantné v čase písania tohto článku. Snáď v budúcnosti pri aktualizácii webových prehliadačov môžu byť nejakým spôsobom zmenené. Ak sa tak stalo, odhláste sa v komentároch. Vďaka!
Hodnota avatarov v psychológii
Hodnota avatarov v psychológii
Ako zdôrazniť písmeno v MS Word
Čo to znamená, ak je avatar osoby
Ako si vytvoriť svoj vlastný Twitter moment