Kako aktivirati in uporabljati način odzivnega oblikovanja v Safariju

Kazalo:

Kako aktivirati in uporabljati način odzivnega oblikovanja v Safariju
Kako aktivirati in uporabljati način odzivnega oblikovanja v Safariju
Anonim

Kaj morate vedeti

  • Če želite omogočiti: Preferences > izberite Advanced zavihek > preklop Pokaži meni Razvijanje v menijski vrsticivklopljeno.
  • Za uporabo: izberite Develop > Vstopite v način odzivnega oblikovanja v orodni vrstici Safari.

Ta članek pojasnjuje, kako omogočiti način odzivnega oblikovanja v Safari 9 do Safari 13, v OS X El Capitan prek macOS Catalina.

Kako omogočiti način odzivnega oblikovanja v Safariju

Če želite omogočiti način odzivnega oblikovanja Safari skupaj z drugimi orodji za razvijalce Safari:

  1. Pojdite v meni Safari in izberite Preferences.

    Pritisnite bližnjico na tipkovnici Command+ , (vejica) za hiter dostop do nastavitev.

  2. V pogovornem oknu Preferences izberite zavihek Advanced.

    Image
    Image
  3. Na dnu pogovornega okna izberite potrditveno polje Pokaži meni za razvoj v menijski vrstici.

    Image
    Image
  4. Zdaj boste videli Develop v zgornji menijski vrstici Safarija.

    Image
    Image
  5. Izberite Develop > Vstopite v način odzivnega oblikovanja v orodni vrstici Safari.

    Pritisnite bližnjico na tipkovnici Option+ Command+ R za hiter vstop v način odzivnega oblikovanja.

    Image
    Image
  6. Aktivna spletna stran se prikaže v načinu odzivnega oblikovanja. Na vrhu strani izberite napravo iOS ali ločljivost zaslona, da vidite, kako bo stran upodobljena.

    Image
    Image
  7. Druga možnost je, da si ogledate, kako bo vaša spletna stran prikazana na različnih platformah, tako da uporabite spustni meni nad ikonami ločljivosti.

    Image
    Image

Orodja za razvijalce Safari

Poleg načina odzivnega oblikovanja ponuja meni Safari Develop druge uporabne možnosti.

Image
Image

Odpri stran z

Odpre aktivno spletno stran v katerem koli brskalniku, ki je trenutno nameščen v Macu.

Uporabniški agent

Ko spremenite uporabniškega agenta, lahko spletno stran preslepite, da misli, da uporabljate drug brskalnik.

Pokaži spletnega nadzornika

Prikaže vse vire spletne strani, vključno s podatki CSS in meritvami DOM.

Pokaži konzolo za napake

Prikaže napake in opozorila JavaScript, HTML in XML.

Pokaži izvorno kodo strani

Omogoča ogled izvorne kode za aktivno spletno stran in iskanje po vsebini strani.

Pokaži vire strani

Prikaže dokumente, skripte, CSS in druge vire s trenutne strani.

Pokaži urejevalnik izrezkov

Omogoča vam urejanje in izvajanje fragmentov kode. Ta funkcija je uporabna z vidika testiranja.

Pokaži graditelja razširitev

Pomaga vam zgraditi razširitve Safari tako, da ustrezno zapakira vašo kodo in doda metapodatke.

Začni snemanje časovnice

Omogoča vam beleženje omrežnih zahtev, izvajanje JavaScripta, upodabljanje strani in druge dogodke znotraj WebKit Inspector.

Prazni predpomnilniki

Izbriše vse shranjene predpomnilnike v brskalniku Safari, ne samo standardne datoteke predpomnilnika spletnih mest.

Onemogoči predpomnilnike

Če je predpomnjenje onemogočeno, se viri prenesejo s spletnega mesta vsakič, ko je podana zahteva za dostop, v nasprotju z uporabo lokalnega predpomnilnika.

Dovoli JavaScript iz pametnega iskalnega polja

Ta funkcija je zaradi varnostnih razlogov privzeto onemogočena, zato vam omogoča vnos URL-jev, ki vsebujejo JavaScript, v naslovno vrstico brskalnika Safari.

Priporočena: