Sfat rapid Nu uitați elementul noscript

JavaScript este un limbaj puternic care aduce site-uri web la viață cu interactivitate, până la acel moment de teamă când JavaScript este dezactivat în browser, din albastru. În acest sfat rapid ne vom uita la furnizarea de backbacks cu

Nu există JavaScript

Utilizatorii ar putea dezactiva JavaScript din mai multe motive. S-ar putea să facă acest lucru pentru a face față constrângerilor legate de lățimea de bandă, pentru a salva viața bateriei telefonului, poate pentru confidențialitate, astfel încât acestea nu vor fi urmărite cu scripturi analitice. O mână de oameni chiar instalează extensii de browser ca NoScript pentru a împiedica browserul să ruleze JavaScript. Este suficient să spunem că, dacă JavaScript este dezactivat, multe site-uri web și aplicații nu funcționează; dacă nu complet, apoi parțial.

Să ne uităm la câteva exemple.

Bacsis: În scopul acestui tutorial voi folosi Quickchip Switcher, o extensie la îndemână pentru Chrome, care îmi permite să comanzi JavaScript cu un singur clic.

WordPress.com

Noul editor WordPress.com post este extrem de dependent de JavaScript. După cum puteți vedea din următoarea captura de ecran, acesta nu afișează decât logo-ul "W" WordPress atunci când JavaScript este dezactivat. Presupunând majoritatea WordPress utilizatori ar putea fi non-tech-savvy, probabil că nu ar fi conștienți de ceea ce se întâmplă.

Editorul postului WordPress.com (11 decembrie 2015).

Trello

Trello, un webapp de management al proiectelor, depinde foarte mult de JavaScript. Spre deosebire de WordPress.com, cu toate acestea, Trello ne spune cu un avertisment simplu:

Interfața Trello (11 decembrie 2015)

Facebook

Facebook gestionează această situație și mai bine. Afișează o notificare, îi spune utilizatorilor ce se întâmplă și oferă mai multe cursuri de acțiune cu butonul de logout și reîmprospătare și opțiunea de a recurge la versiunea optimizată pentru dispozitive mobile. Toate acestea sunt prezentate cu branding vizual familiar Facebook.

Facebook (11 decembrie 2015)

NewYorkTimes

Unele site-uri pot folosi JavaScript parțial, cum ar fi bloguri și site-uri de știri. Atunci când utilizați NewYorkTimes, de exemplu, veți găsi câteva locuri goale atunci când JavaScript este dezactivat. Pictogramele de căutare care însoțesc Căutare si secţiuni link-urile dispar, după cum se vede mai jos.

Aceasta este o degradare grațioasă (utilizatorii chiar nu văd), subliniind că este înțelept să oferim cea mai bună experiență posibilă când JavaScript este dezactivat. 

Folosind elementul "noscript"

Modul în care furnizăm o alternativă va depinde în mare măsură de modul în care implementăm JavaScript pe site - urile noastre web, dar noScript element va fi util în multe situații. După cum sugerează și numele, putem folosi noScript pentru a oferi conținut alternativ. Orice înăuntru etichetele se vor afișa numai atunci când JavaScript este dezactivat.

Pentru a servi drept exemplu am construit o pagină demo. Această demonstrație reproduce efectul neclar de încărcare a imaginii, așa cum se vede pe Mediu. Imaginile și efectul de estompare sunt livrate prin JavaScript, deci ghiciți ce se întâmplă atunci când dezactivați JavaScript?

Imaginile nu vor fi încărcate.

Pentru a afișa aceste imagini, le putem împacheta noScript elemente, precum și împachetarea declarațiilor de stil, abordând problemele de poziționare.

  ... 
      
 

Putem folosi, de asemenea, noScript element pentru a notifica utilizatorii despre oprirea JavaScript-similar cu ceea ce fac Facebook și Trello. În plus, putem adăuga un link de referință pentru a ajuta utilizatorii să se întoarcă pe JavaScript.

Învelire

Furnizarea noScript ca o alternativă este o modalitate utilă de a spune utilizatorilor site-ului web că, fără JavaScript, lucrurile nu pot funcționa neapărat 100%. Dar să nu uităm că prioritatea dvs. ar trebui să fie aceea de a vă asigura că lipsa JavaScript (sau CDN, sau oricare din celelalte dependențe) nu încalcă experiența utilizatorului. Mulțumită lui Christian Heilmann pentru a vă asigura că mesajul a fost transmis.