Dodajte više funkcija uključivanjem Safarijevog menija za razvoj

Sadržaj:

Dodajte više funkcija uključivanjem Safarijevog menija za razvoj
Dodajte više funkcija uključivanjem Safarijevog menija za razvoj
Anonim

Šta treba znati

  • Odaberi Safari > Preference > Napredno > Develop menu u traci menija.
  • Da biste koristili Develop, idite na meni Safari i odaberite Develop, između Bookmarks i Window.
  • Najkorisnije opcije razvoja: Otvaranje stranice sa, korisničkim agentom i isprazni predmemorije.

Ovaj članak objašnjava kako prikazati i koristiti Develop meni u vašem Safari (verzije 8 do 12) web pregledniku.

Prikaži meni za razvoj u Safariju

Pre nego što budete mogli da koristite meni za razvoj, prvo morate da učinite skriveni meni vidljivim. Ovo je lak zadatak, mnogo lakši od otkrivanja menija Debug koji je - prije Safarija 4 - sadržavao sve komande koje se sada nalaze u meniju Develop. Međutim, nemojte misliti da stariji meni Debug više nije relevantan; još uvijek postoji i sadrži mnogo korisnih alata.

  1. Pokreni Safari sa Dock ili foldera Mac aplikacija.

    Image
    Image
  2. Otvorite Safari-jeve postavke klikom na Safari u traci menija i odabirom Preferences u padajućem meniju.

    Image
    Image
  3. Kliknite na karticu Advanced na ekranu postavki.

    Image
    Image
  4. Odaberi Prikaži meni za razvoj na traci menija.

    Image
    Image

Ako ikada poželite da onemogućite meni za programere, uklonite kvačicu u Safari > Preferences > Napredno ekran.

Korišćenje menija za razvoj

Razvoj meni se pojavljuje na traci menija Safari između stavki menija Bookmarks i Window. Meni Develop je posebno zgodan za web programere, ali i povremenim korisnicima može biti koristan.

Image
Image

Neke od stavki menija za razvoj koje ćete vjerovatno smatrati najkorisnijim uključuju:

  • Otvori stranicu sa: Omogućava vam da otvorite trenutnu web stranicu u bilo kojem pretraživaču koji ste instalirali na vašem Macu. Ako ikada posjetite web stranicu koja ne radi ispravno sa Safari-jem, koristite ovu naredbu da brzo pređete na istu web stranicu u drugom pretraživaču.
  • Korisnički agent: Korisnički agent je niz teksta koji pretraživač šalje web serveru koji hostuje web stranicu. Ako ste ikada posjetili web stranicu koja je objavila da Safari nije podržan, ovo je način na koji stranica zna koji pretraživač koristite. U većini slučajeva nije podržano je besmislica, a koristeći ovu stavku menija, možete promijeniti korisnički agent da oponaša onaj iz drugog pretraživača. Možda ćete biti zapanjeni koliko puta web stranica koja ne radi odjednom radi, samo promjenom korisničkog agenta.
  • Empty Caches: Safari čuva predmemoriju nedavno pristupanih lokacija. Podaci pohranjeni u ovoj keš memoriji uključuju sve elemente stranice, koji se mogu koristiti za brzo prikazivanje web stranice kada se vratite na stranicu. Ponekad keš memorija može biti stara ili oštećena, što uzrokuje da se web stranica prikazuje nepravilno. Pražnjenje keš memorije može riješiti ove probleme, a može čak pomoći i ubrzati Safari.

Dodatne stavke menija za razvoj

Većina preostalih stavki menija je vjerovatno korisnija za web programere, ali ako vas zanima kako su web stranice konstruirane, sljedeće stavke mogu biti od interesa:

  • Prikaži Web Inspector: Ovo otvara Web Inspector na dnu trenutne stranice. Sa 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. Pruža jednostavan način da vidite koje se slike, skripte, stilovi i drugi elementi koriste na trenutnoj stranici.
  • Započni snimanje vremenske linije: Ako želite da vidite kako se web stranica učitava i radi, isprobajte opciju Započni snimanje vremenske linije. Ovo stvara grafikon koji prikazuje mrežnu aktivnost i način na koji se svaki element stranice učitava i koristi. To čini zanimljiv prikaz, ali ne zaboravite da isključite funkciju odabirom Zaustavi snimanje vremenske linije U suprotnom, koristite resurse vašeg Mac-a za neproduktivne zadatke - osim ako niste web developer.
  • Uđite u način responzivnog dizajna: Još jedan alat za web programere je ugrađeni simulator koji vam omogućava da pregledate kako će vaša web stranica izgledati na različitim rezolucijama ekrana ili na različitim uređajima, kao što je iPad ili iPhone. Jednostavno učitajte stranicu koja vas zanima i odaberite Enter Responsive Design Mode za pregled stranice. Možete isprobati prikaz stranice pomoću različitih uređaja ili odabrati rezoluciju ekrana koju želite koristiti. Kada završite, vratite se na meni za razvoj i odaberite Izlaz iz responzivnog dizajna
  • Eksperimentalne funkcije: Ako se osjećate hrabro, možete isprobati neke od funkcija koje bi mogle naći svoj put u budućim verzijama Safari pretraživača.

Sa vidljivim menijem za razvoj, odvojite malo vremena da isprobate različite stavke menija. Vjerovatno ćete na kraju dobiti nekoliko favorita koje ćete često koristiti.

Preporučuje se: