Vsebina
- Dostop do orodij za razvijalce v Applovem spletnem brskalniku
- Kako omogočiti odziven način oblikovanja v Safariju
- Orodja za razvijalce Safari
Dostop do orodij za razvijalce v Applovem spletnem brskalniku
Zagotavljanje, da spletna mesta in spletne aplikacije podpirajo številne naprave in platforme, je bistvena naloga spletnih razvijalcev. Apple-ov spletni brskalnik Safari vključuje način odzivnega oblikovanja, ki vam omogoča predogled, kako se bo vaše spletno mesto upodabljalo z različnimi ločljivostmi zaslona in v različnih različicah iPad, iPhone in iPod touch.
Navodila v tem članku veljajo za Safari 13 za macOS. Način odzivnega oblikovanja v različici sistema Windows ni na voljo.
Kako omogočiti odziven način oblikovanja v Safariju
Če želite omogočiti orodja za razvijalce Safari in način odzivnega oblikovanja:
-
Izberite Safari > Nastavitve v orodni vrstici Safari.
Uporabite lahko tudi bližnjico na tipkovnici Ukaz+Vejica (,) za dostop do menija Nastavitve.
-
V meniju Nastavitve izberite Napredno in potrdite polje zraven Pokaži meni Razvij v menijski vrstici. V orodni vrstici Safari na vrhu zaslona bi morala biti zdaj na voljo nova možnost.
-
Izberite Razviti > Vstopite v način odzivnega oblikovanja v orodni vrstici Safari.
Uporabite lahko tudi bližnjico na tipkovnici Možnost+Ukaz+R za vstop v način odzivnega oblikovanja
-
Aktivna spletna stran mora biti zdaj prikazana v načinu odzivnega oblikovanja. Na vrhu strani izberite napravo iOS ali ločljivost zaslona, da vidite, kako bo stran upodabljala.
Safariju lahko tudi naročite, da simulira različne uporabniške agente s spustnim menijem neposredno nad ikonami ločljivosti.
Orodja za razvijalce Safari
Poleg načina odzivnega oblikovanja, Safarijev meni za razvoj ponuja številne druge uporabne možnosti, vključno z:
- Odprite stran s: Odprite aktivno spletno stran v katerem koli drugem brskalniku, ki je trenutno nameščen na vašem Macu.
- Uporabniški agent: Če spremenite uporabniški agent, spletni strežniki prepoznajo vaš brskalnik kot nekaj drugega kot Safari.
- Priključite spletni inšpektor: Prikažite vse vire spletne strani, vključno s podatki CSS in metriko DOM.
- Prikaži konzolo za napake: Prikažite napake in opozorila JavaScript, HTML in XML.
- Prikaži vir strani: Ogled in iskanje izvorne kode aktivne spletne strani.
- Pokaži vire strani: Prikažite dokumente, skripte, CSS in druge vire s trenutne strani.
- Pokaži urejevalnik izrezkov: Urejanje in izvajanje fragmentov kode. Ta funkcija je z vidika testiranja zelo uporabna.
- Pokaži razširitev Builder: Izdelajte svoje razširitve Safari tako, da ustrezno kodovate kodo in dodate metapodatke.
- Začnite snemanje časovnice: Beležite omrežne zahteve, izvedbo JavaScript, upodabljanje strani in druge dogodke znotraj spletnega inšpektorja WebKit.
- Prazni predpomnilniki: Izbrišite vse shranjene predpomnilnike v Safariju, ne le standardnih datotek predpomnilnika spletnega mesta.
- Onemogoči predpomnilnike: Če je predpomnjenje onemogočeno, se viri naložijo s spletnega mesta vsakič, ko je zahteva za dostop v nasprotju z uporabo lokalnega predpomnilnika.
- Dovoli JavaScript iz polja pametnega iskanja: Zaradi varnostnih razlogov je privzeto onemogočena, ta funkcija vam omogoča, da v naslovno vrstico Safarija vnesete URL-je, ki vsebujejo JavaScript.
- Glede certifikatov SHA-1 obravnavajte kot negotove: Kratko je za algoritem Secure Hash, SHA-1 se je izkazal za manj varnega, kot je bilo sprva mišljeno, zato je ta možnost dodana v Safariju.