Sadržaj
- Pristupite alatima za razvojne programere u Apple-ovom web-pregledniku
- Kako omogućiti prilagođeni način dizajna u Safariju
- Alati za razvojne programere Safari
Pristupite alatima za razvojne programere u Apple-ovom web-pregledniku
Osiguravanje da web stranice i web aplikacije podržavaju mnoštvo uređaja i platformi ključan je zadatak za web programere. Appleov web-preglednik Safari uključuje način responzivnog dizajna koji vam omogućuje pregled načina prikazivanja vaše web stranice u različitim razlučivosti zaslona i na različitim verzijama iPad, iPhone i iPod touch.
Upute u ovom članku odnose se na Safari 13 za macOS. Režim osjetljivog dizajna nije dostupan u verziji sustava Windows.
Kako omogućiti prilagođeni način dizajna u Safariju
Da biste omogućili alate za razvojne programere Safari i način responzivnog dizajna:
-
Odaberi Safari > Postavke na alatnoj traci Safari.
Također možete upotrijebiti prečac na tipkovnici Naredba+Zarez (,) za pristup izborniku Postavke.
-
U izborniku Preferences odaberite Napredna i potvrdite okvir pokraj Prikaži traku izbornika na traci izbornika, Nova opcija trebala bi sada biti dostupna na Safari alatnoj traci pri vrhu zaslona.
-
Odaberi Razviti > Uđite u način osjetljivog dizajna na alatnoj traci Safari.
Također možete upotrijebiti prečac na tipkovnici Opcija+Naredba+R za ulazak u način osjetljivog dizajna.
-
Aktivna web stranica trebala bi sada biti prikazana u načinu responzivnog dizajna. Pri vrhu stranice odaberite iOS uređaj ili razlučivost zaslona da biste vidjeli kako će stranica biti prikazana.
Također možete uputiti Safari da simulira različite korisničke agente pomoću padajućeg izbornika neposredno iznad ikona rezolucije.
Alati za razvojne programere Safari
Pored načina osjetljivog dizajna, Safari izbornik razvija nudi i mnoge druge korisne opcije, uključujući:
- Otvori stranicu sa: Otvorite aktivnu web stranicu u bilo kojem drugom pregledniku koji je trenutno instaliran na vašem Macu.
- Korisnički agent: Promjena korisničkog agenta uzrokuje da web poslužitelji prepoznaju vaš preglednik kao nešto što nije Safari.
- Povežite web inspektora: Prikažite sve resurse web stranice, uključujući CSS informacije i DOM metrike.
- Pokažite Konzola s pogreškama: Prikaz JavaScript, HTML i XML pogrešaka i upozorenja.
- Prikaži izvor stranice: Pogledajte i pretražite izvorni kôd aktivne web stranice.
- Prikaži resurse stranice: Prikazivanje dokumenata, skripti, CSS-a i drugih resursa s trenutne stranice.
- Pokažite uređivač isječaka: Uređivanje i izvršavanje ulomaka koda. Ova je značajka vrlo korisna s aspekta testiranja.
- Prikaži program za proširenje: Izradite vlastita proširenja Safarija tako što pakirate kôd u skladu s tim i dodajete metapodatke.
- Započnite snimanje vremenske trake: Snimite mrežne zahtjeve, izvršenje JavaScripta, prikaz stranice i ostale događaje unutar WebKit Inspektora.
- Prazni predmemorije: Izbrišite sve pohranjene predmemorije u Safariju, a ne samo standardne datoteke predmemorije web mjesta.
- Onemogućite predmemorije: Ako je onemogućeno predmemoriranje, resursi se preuzimaju s web mjesta svaki put kad se postavi zahtjev za pristup, za razliku od korištenja lokalne predmemorije.
- Dopustite JavaScript iz polja pametnog pretraživanja: Iz sigurnosnih razloga onemogućeno prema zadanim postavkama, ova značajka omogućuje vam unos URL-ova koji sadrže JavaScript u adresnu traku Safarija.
- Tretirajte potvrde SHA-1 kao nesigurne: Skraćeno za algoritam sigurnog hash-a, dokazano je da je SHA-1 hash funkcija manje sigurna nego što se prvotno mislilo, stoga je dodavanje ove opcije u Safariju.
