Kako Provjeriti Web Mjesto U Različitim Preglednicima

Sadržaj:

Kako Provjeriti Web Mjesto U Različitim Preglednicima
Kako Provjeriti Web Mjesto U Različitim Preglednicima

Video: Kako Provjeriti Web Mjesto U Različitim Preglednicima

Video: Kako Provjeriti Web Mjesto U Različitim Preglednicima
Video: How To Test Your Website In Different Browsers and Mobile Devices - Google Chrome & Firefox DevTools 2024, Svibanj
Anonim

HTML koder trebao bi znati: znak profesionalnosti je isti prikaz i funkcioniranje stranice u bilo kojem pregledniku, barem u "velikoj trojki", koji uključuju preglednike Internet Explorer, Opera, Mozilla Firefox. Proces provjere ispravnosti prikaza web mjesta sastoji se od tri glavne faze.

provjera web stranica u različitim preglednicima
provjera web stranica u različitim preglednicima

Nužno je

  • • Nekoliko preglednika instaliranih na računalu.
  • • Pažnja.

Upute

Korak 1

Prva faza, pripremna

Postupak pripreme sastoji se u preuzimanju distribucijskog kompleta preglednika i njegovom instaliranju na računalo. Bilo koji postupak instalacije završava pitanjem: "uključiti ovaj preglednik prema zadanim postavkama?". Dakle, glavni, ili uključen prema zadanim postavkama, trebate napraviti onaj koji zauzima posredni položaj u smislu veličine mogućih "dovratnika". Prema iskustvu mnogih generacija dizajnera, ovo je preglednik Opera.

Nakon što ste instalirali nekoliko preglednika na svoje računalo, prijeđite izravno na postupak usporedbe. Da biste to učinili, zadržite pokazivač iznad datoteke s nastavkom.html, koja će biti osnova stranice web stranice ili cijelog predloška, i kliknite je desnom tipkom miša. Na kartici koja se otvori odaberite "otvori pomoću", a zatim odaberite željenu vrstu preglednika. Datoteka se može otvoriti u nekoliko preglednika odjednom, ostavljajući ih minimaliziranim na programskoj traci radne površine i otvoriti po potrebi.

Korak 2

Druga faza - vizualna usporedba

Vizualno, stranice web mjesta u pregledniku mogu se razlikovati u tri glavna parametra:

1. Po količini uvlaka i margina između elemenata stranice. IE je posebno sofisticiran u izračunavanju stvarnih vrijednosti svojstava popunjavanja i margina.

2. Različiti preglednici različito prikazuju fontove, čak i standardni fontovi kao što su Arial i Times New Roman. Ovo je najteže pogođeno za retke stavki izbornika, koji se mogu prikazati u dva retka ili u potpunosti prebaciti u drugi redak.

3. Ispravnost prikazivanja slika. U najjednostavnijim slučajevima neki preglednici, poput Opera, ne čitaju svojstva vspace i hspase navedena u atributima oznaka

… Ponekad slike nisu centrirane u ćelijama tablice ako su atributi

ovo stanje nije precizirano. Ali glavna poteškoća dizajnera je priprema.png

Treća faza - funkcionalna provjera

U ovoj fazi morate provjeriti stavke izbornika "padajući". U njihovom radu ne bi trebalo biti trzaja, usporavanja i što je najvažnije, skoka u općenitom sadržaju stranice prilikom otvaranja pojedinih stavki izbornika. Isto se odnosi na tekstualne elemente stranice, koji se u potpunosti proširuju kada kliknete na gumb ili natpis "više detalja".

Za kraj, želio bih reći da je borba za "kompatibilnost s više preglednika" - ovo je naziv svojstva stranice koja se svugdje prikazuje na isti način, postupak je složen i uzbudljiv, zahtijeva puno praktičnog iskustvo.

3. korak

Treća faza - funkcionalna provjera

U ovoj fazi morate provjeriti stavke izbornika "padajući". U njihovom radu ne bi trebalo biti trzaja, usporavanja i što je najvažnije, skoka u općenitom sadržaju stranice prilikom otvaranja pojedinih stavki izbornika. Isto se odnosi i na tekstualne elemente stranice, koji se u potpunosti proširuju kada kliknete na gumb ili natpis "više detalja".

Za kraj, želio bih reći da je borba za "kompatibilnost s više preglednika" - ovo je naziv svojstva stranice koja se svugdje prikazuje na isti način, postupak je složen i uzbudljiv, zahtijeva puno praktičnog iskustvo.

Preporučeni: