10 moduri de a evita problemele de compatibilitate între browser-uri

10 moduri de a evita problemele de compatibilitate între browser-uri

Este puțin probabil ca perspectiva testării cross-browser să umple pe cineva de bucurie, dar este ultimul pas esențial al oricărei construcții web pe care nu vă puteți permite să vă înșelați.

S-ar putea să împachetați cel mai recent design web receptiv și derulare paralaxă trucuri, dar o mică alunecare în testarea dvs. ar putea vedea o întreagă încărcătură de potențiali utilizatori blocați de pe noul dvs. site nebun. Așadar, pentru a vă ajuta și pentru a vă asigura că îl faceți corect, iată primele 10 lucruri pe care trebuie să le faceți pentru a vă asigura că site-ul dvs. va funcționa, oricum oamenii îl privesc.



În timp ce sunteți aici, vă recomandăm să consultați și ghidul nostru pentru cele mai bune browsere web .



01. Validați-vă codul

Este mult mai probabil să experimentați comportamente ciudate între browsere dacă codul dvs. nu este strict valid, deci verificați-l cu Serviciul de validare a marcajului W3C pentru a vă asigura că respectă standardele.

02. Eșuați cu grație

Proiectați-vă site-ul cu vederea că nu toate funcționalitățile vor funcționa. Este adesea sănătos să verificați modul în care se redă fără JavaScript sau stilul activat, pentru a vedea dacă utilizatorul poate spune cel puțin ce se întâmplă numai pe baza conținutului.



03. Cunoaște-ți publicul

Asigurați-vă că înțelegeți browserele și dispozitivele vizate. Pagina dvs. este destinată în principal utilizatorilor de telefonie mobilă? Lucrați în cadrul unei companii care încă folosește browsere vechi? Testați în consecință.

cum să desenezi ipostaze pas cu pas

04. Luați în considerare utilizarea unui cadru

Dacă utilizați un cadru bine stabilit, fie pentru stil (de ex Bootstrap ) sau un cadru JavaScript (cum ar fi Unghiular sau Reacţiona ), în general, acest lucru înseamnă că altcineva a avut grijă de o mulțime de lucruri de compatibilitate între browser-uri pentru dvs.

05. Păstrați-vă designul simplu

Ilustrarea unui computer și a unui telefon cu



Design-urile web nu trebuie să fie întotdeauna care să cânte, să danseze

S-ar putea să pară evident, dar cu cât mai puține caracteristici CSS de ultimă generație pe care încercați să le utilizați, cu atât este mai puțin probabil să aveți dificultăți în acceptarea tuturor browserelor. Luați în considerare dacă într-adevăr aveți nevoie de ele.

06. Reutilizați și reduceți componentele

Acest lucru poate începe de la noțiunile de bază ale gestionării sensibile a orelor dvs. CSS, până la utilizarea componentelor web pentru a vă modulariza întregul site. În esență, cu cât aveți mai puține locuri în care să testați și să mențineți modificări similare, cu atât este mai ușor de gestionat.

07. Testează mai întâi cu browserele dificile

Dacă știți că trebuie să acceptați Internet Explorer 6, începeți cu asta. Nu doriți să parcurgeți 90% din teste înainte de a descoperi primul număr.

08. Creați scripturi de testare

Indiferent dacă automatizați sau nu, chiar și pentru site-uri simple, ar trebui să definiți setul de teste pe care vă așteptați să le executați în fiecare browser. În caz contrar, veți ajunge să pierdeți lucruri între rulări.

09. Testează pe măsură ce mergi

Mai ales important dacă faceți ceva care ar putea fi dificil, nu așteptați până când ați terminat dezvoltarea pentru a începe testarea. Luați o abordare iterativă pentru a detecta problemele mai devreme.

10. Verifică-ți caracteristicile

Verificați de două ori suportul browserului pentru funcțiile mai noi online înainte de a le utiliza și utilizați detecția caracteristicilor și polifuncțiile dacă trebuie să vă bazați pe ceva care nu este acceptat în mod cuprinzător.

Husa macbook pro de 15 inch

Acest articol a fost publicat inițial în Web Designer, revista de design web creativ. Abonați-vă la Web Designer aici .

Articole similare: