Što treba znati
- Odaberi Safari > Preferences > Advanced > Prikaži izbornik za razvoj u traci izbornika.
- Da biste koristili Develop, idite na Safari izbornik i odaberite Develop, između Oznaka i Prozora.
- Najkorisnije opcije razvoja: Otvaranje stranice s, korisnički agent i prazne predmemorije.
Ovaj članak objašnjava kako prikazati i koristiti izbornik Razvoj u vašem web pregledniku Safari (verzije 8 do 12).
Prikaz izbornika za razvoj u Safariju
Prije nego što možete koristiti izbornik Razvoj, prvo morate skriveni izbornik učiniti vidljivim. Ovo je lak zadatak, mnogo lakši od otkrivanja izbornika Debug koji je prije Safarija 4 sadržavao sve naredbe koje se sada nalaze u izborniku Razvoj. Međutim, nemojte misliti da stariji izbornik Debug više nije relevantan; još uvijek postoji i sadrži mnogo korisnih alata.
-
Pokrenite Safari iz Dock ili mape Mac Application.
Image -
Otvorite Safari postavke klikom na Safari u traci izbornika i odabirom Preferences u padajućem izborniku.
Image -
Kliknite karticu Napredno na ekranu postavki.
Image -
Odaberite Prikaži izbornik Razvoj na traci izbornika.
Image
Ako ikada poželite onemogućiti izbornik za razvojne programere, uklonite kvačicu u Safari > Preferences > Napredni zaslon.
Korištenje izbornika za razvoj
Izbornik Razvoj pojavljuje se na Safari traci izbornika između stavki izbornika Oznake i Prozor. Izbornik Razvoj posebno je zgodan za web programere, ali bi mogao biti koristan i za obične korisnike.
Neke od stavki izbornika Razvoj koje će vam vjerojatno biti najkorisnije uključuju:
- Otvori stranicu pomoću: Omogućuje vam otvaranje trenutne web stranice u bilo kojem pregledniku koji ste instalirali na svom Macu. Ako ikada posjetite web mjesto koje ne radi ispravno sa Safarijem, upotrijebite ovu naredbu za brzi skok na istu web stranicu u drugom pregledniku.
- Korisnički agent: Korisnički agent je niz teksta koji preglednik šalje web poslužitelju koji hostira web stranicu. Ako ste ikada posjetili web stranicu koja je objavila da Safari nije podržan, ovo je način na koji je stranica znala koji preglednik koristite. U većini slučajeva, nije podržano je besmislica, a pomoću ove stavke izbornika možete promijeniti korisnički agent da oponaša onaj iz drugog preglednika. Možda ćete se iznenaditi koliko puta web stranica koja ne radi odjednom radi, samo promjenom korisničkog agenta.
- Prazni predmemorije: Safari čuva predmemoriju nedavno pristupanih stranica. Podaci pohranjeni u ovoj predmemoriji uključuju sve elemente stranice, koji se mogu koristiti za brzo renderiranje web stranice kada se vratite na stranicu. Ponekad predmemorija može biti stara ili oštećena, što uzrokuje netočan prikaz web stranice. Pražnjenje predmemorije može riješiti ove probleme i može čak pomoći ubrzati Safari.
Dodatne stavke izbornika za razvoj
Većina preostalih stavki izbornika vjerojatno je korisnija web programerima, ali ako vas zanima kako su web stranice konstruirane, onda bi vas mogle zanimati sljedeće stavke:
- Prikaži Web Inspector: Ovo otvara Web Inspector na dnu trenutne stranice. S Web Inspectorom možete ispitati elemente koji su ušli u kreiranje stranice.
- Prikaži izvor stranice: Ovo prikazuje HTML kod trenutne stranice.
- Prikaži resurse stranice: Ovo otvara bočnu traku Resource Inspector u Web Inspectoru. Omogućuje jednostavan način da vidite koje se slike, skripte, listovi stilova i drugi elementi koriste na trenutnoj stranici.
- Pokreni snimanje vremenske trake: Ako želite vidjeti kako se web stranica učitava i radi, isprobajte opciju Pokreni snimanje vremenske trake. Ovo stvara grafikon koji prikazuje mrežnu aktivnost i kako se svaki element stranice učitava i koristi. To čini zanimljiv prikaz, ali ne zaboravite isključiti značajku odabirom Stop Timeline Recording U suprotnom, koristite resurse svog Mac računala za neproduktivne zadatke - osim ako niste web programer.
- Uđite u način responzivnog dizajna: Još jedan alat za web programere je ugrađeni simulator koji vam omogućuje da pregledate kako će vaša web stranica izgledati na različitim razlučivostima zaslona ili s različitim uređajima, kao što su iPad ili iPhone. Jednostavno učitajte stranicu koja vas zanima i odaberite Enter Responsive Design Mode za pregled stranice. Možete isprobati iscrtavanje stranice pomoću različitih uređaja ili odabrati razlučivost zaslona za korištenje. Kada završite, vratite se na izbornik Razvoj i odaberite Izlaz iz načina responzivnog dizajna
- Eksperimentalne značajke: Ako ste hrabri, možete isprobati neke od značajki koje bi se mogle naći u budućim verzijama preglednika Safari.
S vidljivim izbornikom Razvoj odvojite malo vremena da isprobate razne stavke izbornika. Vjerojatno ćete završiti s nekoliko favorita koje ćete često koristiti.
