Alati za razvojne programere u Safariju

Otvorite prozor safari postavki, kliknite na opciju 'Advanced' i zatim odaberite okvir pod nazivom 'Prikaži razvoj menija na traci izbornika'. Ravno naprijed! Rezultat je novo polje u gornjem izborniku koje izgleda ovako:

Istražite dizajnerske resurse

Uključivanje izbornika Razvoj

Otvorite prozor safari postavki, kliknite na opciju 'Advanced' i zatim odaberite okvir pod nazivom 'Prikaži razvoj menija na traci izbornika'. Ravno naprijed! Rezultat je novo polje u gornjem izborniku koje izgleda ovako:

Promjena korisničkog agenta

Prilikom testiranja vaše web stranice valja imati na umu četiri glavna preglednika - Internet Explorer, Firefox, Safari i Opera. Prethodno smo pokrivali testiranje ovih preglednika na Windows i mac platformama. Ako ipak morate brzo koristiti korisnički agent u jednom od ovih preglednika kako biste provjerili dio uvjetnog oblikovanja, Safari to čini lako. Također je moguće prevariti korisnički agent preglednika iPhone ili iPod Touch i provjeriti kako bi se vaša web lokacija ponašala na mobilnom uređaju:

Iako vam ovo ne dopušta da testirate kako vaša web stranica izgleda u ovim preglednicima, moguće je provjeriti da li sve uvjetno oblikovanje, CSS-ovi za određene preglednike ili mobilni uređaj djeluju kako se očekuje.

Mreža vremenske trake

Iako je emulacija korisničkog agenta pri ruci, daleko najkorisniji dio funkcionalnosti ovog ažuriranja je mrežna vremenska traka. To nudi vizualni prikaz svake stavke koja se učitava na vašoj web stranici, zajedno s vremenom koje je trajalo i ukupnom veličinom datoteke. Izuzetno je lako vidjeti koji elementi stranice usporavaju korisničko iskustvo i gdje vašu stranicu treba smanjiti.

Izvođenje Design Shack kroz alat pokazuje da su naša glavna širina pojasa slike na web mjestu - prilično očekivane zbog prirode web stranice! Istaknuo je nekoliko scenarija koji su se učitavali duže nego što smo očekivali i mogu biti temelj za promjene u budućnosti. Evo kako alat izgleda pri pokretanju:

Iako su slični alati za analizu dostupni već duži niz godina, ovo je sjajan način za vizualizaciju stražnjeg dijela vaše web stranice. Pokušajte pokrenuti svoju web stranicu preko nje i javite nam ako pronađete nešto zanimljivo!

© Copyright 2024 | computer06.com