Cross-browser aspect html și css

Printre varietatea de browsere existente în prezent, cum ar fi Opera, Safari, Internet Explorer, Google Chrome, Mozila Firefox și desigur browser-ul Amigo, care are capacitatea de a instalat în mod spontan pe computere, este necesar doar să se uite la link-ul. Și oricare dintre browserele are un număr mare de versiuni ies una după alta. Prin urmare, fiecare nouă versiune a browser-ului fiecare are particularitatile sale proprii. Și pentru funcționarea corectă a site-ului în fiecare dintre ele trebuie să folosească aspect cross-browser.

Și când vom face până site-ul. acesta trebuie să fie testat pe toate browserele. Atunci când acest lucru nu se face, atunci defectele neplăcute pot apărea după data site-ului.

Cel mai „distractiv“ a browser-ului, desigur, este un browser Internet Explorer, chiar și cu toate acestea, majoritatea utilizatorilor sunt încă utilizați acest browser. Deci, în cazul în care un sit este pre-testat pe Chrome, sau după ce este deschis în Explorer, și, oh, oroarea. Blocurile sunt amestecate, butoanele de meniu sunt torsadate împreună, imaginea este afișată incorect în haosul general.

Prin urmare, pentru utilizator pentru a lucra confortabil cu site-ul dvs. din orice browser, și nu au văzut o astfel de groază de exploatație aspect cross-browser-ul este obligatoriu pentru orice site. Bazat pe tot ceea ce a fost scris mai sus, putem concluziona că cross-browser HTML și css layout-ul - acest aspect al site-ului, cu scopul de a crea un site web pentru a fi afișate în fiecare browser sunt la fel de corecte.

Având în vedere o astfel de varietate de browsere, precum și necesitatea ca site-ul să fie versatil și capabil să fie afișate corect în toate browserele, sunt necesare angajatorilor să fie transmise Imposer impune obligatoriu cross-browser. Înțelegerea cauzele afișarea incorectă a site-ului, precum și cross-browser-ul vine cu aspect de îndemânare timp și în cursul practicii lungi. Numai prin încercare și eroare, o persoană poate afla care browser-ele care au probleme. Cu experiență, coder încearcă să creeze un cod, astfel încât acesta a fost în orice mod adaptat pentru fiecare browser, iar în procesul de aspect ar putea stabili numai bancuri de nisip mici.

Cauzele problemelor cu o hartă a site.

Acum, să ne uităm la ce există astfel de probleme cu percepția codului în diferite browsere.
  1. Aspect nu îndeplinește anumite standarde HTML.
  2. / Strong> în mod constant actualizate și biblioteci și reguli CSS noi. Ele sunt perfect reproduse cu versiuni actualizate ale browser-ului, dar nu pot să apară versiuni mai vechi în mod corespunzător.
  3. Internet Explorer. Cel mai ciudat browser care nu înțelege jumătate din toate regulile, și suntem mereu venind cu noi hacks pentru a obține în jurul valorii de problema IE.
  4. Valoarea implicită atribute. În fiecare browser, această valoare poate fi diferită. Atribute - elementele de culoare, fonturi, dimensiune. Toate acestea ar trebui să fie descrise în foaia de stil, în caz contrar browser-ul va aplica propriile lor valori specificate în sveh dintre ele în mod implicit. Prin urmare, în fiecare dintre care site-ul va fi afișat în diferite moduri.
Pentru a afla este de a ocoli aceste probleme, pentru început, cum este deja stabilit necesitatea de a practica, și pentru a facilita faza de start-up de a studia aspect cross-browser-am pregătit pentru tine câteva sfaturi.

Sfat 1. Se lasă atribute ale problemei este destul de simplu, deși poate fi un pic nudnovato. Pentru a face acest lucru, trebuie doar să se înregistreze toate atributele fiecărei foi de stil. Astfel, browser-ul nu trebuie să introduceți valorile așa cum se dorește.

Sfat # 2: Setați toate browserele populare de pe computerul dvs. la locul de muncă, precum și toate versiunile de Internet Explorer. Deci, cum se instalează mai multe versiuni pe același calculator fără dansuri speciale cu o tamburină nu este ușor, puteți instala Tester Internet Explorer. Acest program vă permite să verificați site-ul o dată în mai multe versiuni ale browser-ului.

Sfat 3. Selectați în prealabil opțiunea de aspect în prezent. Există două opțiuni. Primul - de a impune site-ul este complet potrivit pentru un singur browser și apoi rezolva problemele din fiecare din browser următor. Opțiunea Doi - pentru a verifica fiecare element al codului așa cum a fost scris în toate browserele. Alegerea prima opțiune, puteți evita problemele prin rescrierea codului complet. Dar alegerea este intotdeauna a ta.

Sfat 4. Folosiți plug-in-uri vă permite să găsiți codul de eroare pentru fiecare browser. Ca exemplu poate fi de a testa aceste plugin-uri:
  1. Pentru Chrome pe site-ul getfirebug.com
  2. Pentru Opera site-ul oficial Opera
  3. Pentru Mozila pe site-ul addons Mozila
  4. Pentru IE la birou. site-ul Web Microsoft

Hai să facem o concluzie din cele de mai sus. aspect cross-browser - nu este infricosator, și, uneori, chiar distractiv. În lumea de astăzi este foarte important pentru a deveni un typesetter de succes. Principalul lucru este de a stăpâni acest aspect, este o experiență, o experiență mare. Prin urmare, va trebui să practice o mulțime. În timp ce exercita, utilizați strategii diferite, încercați diferite metode și instrumente (de exemplu, utilizarea freymoviki gata, care pot accelera dezvoltarea site-ului și a crea cu ușurință site-uri layout-uri adaptive în lucrări). După ceva timp, va fi capabil să găsească exact strategia de modul de a face aspect cross-browser si scrie site-ul afișat corect în fiecare dintre cele mai importante browsere.

Aflați aspect cross-browser și vă mulțumesc pentru atenție.

articole similare