[Tutorial JS]Redirectarea si detectarea tipului de browser

#1
Nume Tutorial:Redirectarea si detectarea tipului de browser
Descriere:Redirectarea si detectarea tipului de browser
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial):
tutorialeonline
Propria parere:Util.
Tutorialul:
În JavaScript puteţi detecta tipul de browser al vizitatorului şi chiar şi versiunea de JavaScript pe care acesta o are instalată, şi deasemeni, puteţi, în funcţie de situaţie, să redirecţionaţi vizitatorii spre alte pagini. Pentru a redirecţiona un utilizator folosiţi comanda de mai jos:
Cod:

Cod: Selectaţi tot

 <script language="JavaScript1.5" type="text/javascript">
 window.location="pagina_noua.html"
 </script>
Atributul language al tagului script vă permite să specificaţi versiunea minimă pe care trebuie să o aibă browserul pentru ca să poată rula scriptul. În exemplul de mai sus am specificat versiunea minimă 1.5 sau o versiune mai nouă. Dacă browserul nu are versiunea minimă va apare în fereastra browserului un mesaj asemănător cu cel de mai jos:

You won't get much from this site using a browser with an old version of JavaScript -- I suggest that you upgrade now!

Următoarea linie

Cod: Selectaţi tot

window.location="pagina_noua.html"
îi spune browserului să încarce pagina specificată în locul paginii curente. Se poate specifica atât o cale relativă la documentul curent, cât şi o cale reală.
O pagină poate conţine scripturi care să corespundă unor versiuni diferite ale limbajului, astfel putem avea în aceeaşi pagină scripturi care să ruleze începând de la o anumită versiune şi alte scripturi care să ruleze de la alte versiuni de JavaScript. Nu se poate specifica rularea scriptului doar pentru o anumită versiune de JavaScript, de exemplu doar pentru versiunea 1.1 Atributul language va accepta versiunea specificată, dar şi orice altă versiune ulterioară de JavaScript, ba mai mult, unele browsere, încearcă să interpreteye codul din scriptul JavaScript chiar şi dacă nu corespunde versiunea cerută.
Ar trebui să aveţi grijă ca la scrierea de cod să nu puneţi informaţii esenţiale în JavaScript, astfel cei care nu au un browser recent, sau browserul lor nu suportă JavaScript, să poată totuşi vedea conţinutul paginii.
În exemplul prezentat anterior, redirectarea utilizatorului se face când deja a fost încărcată o bună parte din pagina curentă. Metoda următoare prezintă o alternativă mai bună pentru redirecţionare, şi anume prin intermediul unui link.
Cod:

Cod: Selectaţi tot

 <a href="pagina_2.html" onClik="window.location='pagina_noua.html'; return false">Clik aici</a>
Codul JavaScript este inclus complet în tagul de legătură. În cazul în care un vizitator nu are activ JavaScript şi dă click pe link, se va încărca pagina pagina_2.html iar dacă are activ JavaScript se va încărca pagina pagina_noua.html
Porţiunea return false indică oprirea procesării paginii şi astfel pagina corespunzătoare lui a href nu mai este încărcată
Pentru detectarea tipului de browser puteţi folosi ca idee scriptul de mai jos:
Cod:

Cod: Selectaţi tot

 <script language="javascript" type="text/javascript">
 <!--
 if (navigator.appName == "Microsoft Internet Explorer")
 {
 document.write("Rulati un browser Internet Explorer")
 }
 else
 {
 if (navigator.appName == "Netscape")
 {
 document.write("Rulati un browser Netscape")
 }
 else
 {
 document.write("Nu rulati Netscape sau IE")
 }
 }
 //-->
 </script>
O altă metodă de a afişa direct numele de browser este:
Cod:

Cod: Selectaţi tot

 <script language="javascript" type="text/javascript">
 <!--
 document.write("Numele browserului este: "+navigator.appName)
 //-->
 </script>
 ?>
Rezultatul scriptului de mai sus îl puteţi vedea aici:

Numele browserului este: Netscape

Multe browsere au posibilitatea de a evita detectarea numelui prezentându-se intenţionat drept un alt browser. Puteţi redirecţiona vizitatorii în funcţie de tipul de browser pe care îl au, folosind ideile şi explicaţiile prezentate în acest articol.
N-am cerut la nimeni niciodata,
Chiar de-a fost sa rabd, in viata mea.
Am dat totul fara nici o plata,
Nevoind nimic sa mi se dea.

@Virgil Carianopol
Vezi-ti de treaba si retine:
"E treaba ta sa spui ce vrei si sa nu conteze pentru nimeni".

@Kazi Ploae

Înapoi la “Tutoriale JS”

Cine este conectat

Utilizatori răsfoind acest forum: Niciun utilizator înregistrat și 1 vizitator