Wat om te weet
- Om te aktiveer: Voorkeure > kies Advanced oortjie > wissel Wys Ontwikkel-kieslys in kieslysbalkaan.
- Om te gebruik: kies Ontwikkel > Gaan responsiewe ontwerpmodus in in Safari-nutsbalk.
Hierdie artikel verduidelik hoe om Responsiewe Ontwerpmodus in Safari 9 tot Safari 13, in OS X El Capitan deur macOS Catalina te aktiveer.
Hoe om responsiewe ontwerpmodus in Safari te aktiveer
Om die Safari-responsiewe ontwerpmodus te aktiveer, saam met ander Safari-ontwikkelaarnutsgoed:
-
Gaan na die Safari-kieslys en kies Voorkeure.
Druk die sleutelbordkortpad Command+ , (komma) om vinnig toegang tot Voorkeure te kry.
-
In die Voorkeure dialoogkassie, kies die Advanced-oortjie.
Image -
Aan die onderkant van die dialoogkassie, kies die Wys Ontwikkel-kieslys in kieslysbalk-merkblokkie.
Image -
Jy sal nou Ontwikkel in die boonste Safari-kieslysbalk sien.
Image -
Kies Ontwikkel > Gaan responsiewe ontwerpmodus in in die Safari-nutsbalk.
Druk die sleutelbordkortpad Option+ Command+ R om vinnig in Responsiewe Ontwerpmodus te gaan.
Image -
Die aktiewe webblad vertoon in responsiewe ontwerpmodus. Kies 'n iOS-toestel of 'n skermresolusie boaan die bladsy om te sien hoe die bladsy sal weergee.
Image -
Alternatiewelik, kyk hoe jou webblad op verskeie platforms sal vertoon deur die aftrekkieslys bo die resolusie-ikone te gebruik.
Image
Safari-ontwikkelaarnutsgoed
Benewens Responsiewe Ontwerpmodus, bied die Safari Develop-kieslys ander nuttige opsies.
Maak bladsy oop met
Maak die aktiewe webblad oop in enige blaaier wat tans op die Mac geïnstalleer is.
Gebruikersagent
Wanneer jy die Gebruikersagent verander, kan jy 'n webwerf flous om te dink jy gebruik 'n ander blaaier.
Show Web Inspector
Vertoon al 'n webblad se hulpbronne, insluitend CSS-inligting en DOM-statistieke.
Wys foutkonsole
Vertoon JavaScript-, HTML- en XML-foute en waarskuwings.
Wys bladsybron
Laat jou die bronkode vir die aktiewe webblad bekyk en die bladsyinhoud deursoek.
Wys bladsyhulpbronne
Vertoon dokumente, skrifte, CSS en ander hulpbronne vanaf die huidige bladsy.
Wys brokkieredigeerder
Laat jou fragmente van kode wysig en uitvoer. Hierdie kenmerk is nuttig vanuit 'n toetsperspektief.
Wys Uitbreidingbouer
Help jou om Safari-uitbreidings te bou deur jou kode dienooreenkomstig te verpak en metadata by te voeg.
Begin tydlynopname
Laat jou netwerkversoeke, JavaScript-uitvoering, bladsyweergawe en ander gebeurtenisse binne die WebKit Inspector opneem.
Leë kas
Vee alle gestoorde kas in Safari uit, nie net die standaard webwerf-kaslêers nie.
Deaktiveer kas
Met kasgee gedeaktiveer, word hulpbronne van 'n webwerf afgelaai elke keer as 'n toegangsversoek gedoen word, in teenstelling met die gebruik van die plaaslike kas.
Laat JavaScript van Smart Search Field toe
Deaktiveer by verstek vir sekuriteitsredes, hierdie kenmerk laat jou toe om URL's wat JavaScript bevat in die Safari-adresbalk in te voer.
